sup {
    vertical-align: super;
    font-size: 80%;
}

.container-3d-library {
  position: fixed;
  width: 100vw;
  height: 100vh ;
  z-index: 10;
  bottom: 0vh;
  right: 0px;
-webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  /*margin: auto*/
  /*top: 0px;*/
  /*left:0px;*/
}

#main_element.gallery-active {
    position: relative;
}

#gallery-screen-another {
      position: absolute;
      width: 100vw;
      height: 100vh ;
      z-index: 10;
      top: 0vh;
      right: 0px;
}
.wrapper-gallery{
    position: absolute;
     top: 0%;
  /*left:0px;*/
  margin-bottom:0vh
    
}
.container-close-popup {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 60px;
  right: 10px;
  padding: 10px;
}
.container-close-popup svg {
  width: 10vw;
}
.container-3d-library button {
  cursor: pointer;
  border: 0;
  outline: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.container-3d-library *::-webkit-scrollbar {
  width: 6px;
  border-radius: 10px;
}

.container-3d-library *::-webkit-scrollbar-track {
  background: #91a8ae;
  border-radius: 10px;
}

.container-3d-library *::-webkit-scrollbar-thumb {
  background: #ffffff;
  border-radius: 10px;
}

.container-3d-library *::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.container-3d-library #canvas {
  height: 99.7vh;
  width: 100%;
}
.container-3d-library .gallery-main-content,
.container-3d-library .view-all-content {
  width: 100vw;
  height: 100vh;
  position: relative;
  flex: 1;
  background: rgb(255 255 255 / 60%);
  font-family: Arial, Helvetica, sans-serif;
  background-repeat: no-repeat;
  display: flex;
  overflow: hidden;
  
}
.btn-detail{
    
}
.btn-view-all{
    
}
.container-3d-library .gallery-main-content {
  flex-direction: row-reverse;
}
.container-3d-library .view-all-content {
  flex-direction: column;
  position: absolute;
    /*top: 10px;*/
}
.container-3d-library .show-content {
  flex: 1;
  transform: translateX(-41px);
}
.container-3d-library .show-content iframe {
  width: 110%;
  /*width: 100%;*/
  height: 100%;
}
.container-3d-library .show-description {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  padding: 50px;
  padding-left: 100px;
  width: 33vw;
  /*background-color: var(--primary-color);*/
  background-color: #9a0a0a;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container-3d-library .list-model .list-model-container {
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
}
.container-3d-library .image-model {
  width: 7vw;
  height: 90%;
  margin: 15px;
  background: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.container-3d-library .image-model img {
 width: 100%;
    height: 100%;
    display: block;
  border-radius: 10%;
  object-fit: contain;
  border-radius:20%;
}
.container-3d-library .container-pagination {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.container-3d-library .pagination {
  height: 20px;
  width: 20px;
  margin: 5px 12px;
  border-radius: 50%;
  background-color: #91a8ae;
}
.container-3d-library .pagination.active {
  background-color: white;
}
.container-3d-library .name-product {
  font-weight: 700;
  font-size: 50px;
  line-height: 59px;
  text-transform: uppercase;
  color: #ffffff;
  max-height: fit-content;
  height: auto;
  display: flex;
  align-items: center;
}
.container-3d-library .description-model {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 42px;
  color: #ffffff;
  /*overflow: auto;*/
  text-align: left;
  height: 50%;
}
.frame-btn-info {
    height: 85%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 35px;
}

.frame-info-model {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: 70%;
}
.disable-btn {
  opacity: 0;
  cursor: default;
  user-select: none;
}
.container-3d-library .description-model p {
  color: #ffffff;
}
.container-3d-library .image-model.active {
  border-radius: 20%;
  /* background: linear-gradient(#085886, #279bdd, #095d8c); */
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 10px 2px white;
}
.container-3d-library .image-model.active img {
  /* width: 100px;
  height: 100px; */
}
.container-3d-library .container-btn-detail button {
  height: 66px;
  background-color: white;
  color: var(--primary-color);
  font-weight: 700;
  font-size: initial;
  line-height: 66px;
  text-align: center;
  width: fit-content;
  padding: 0px 15px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container-3d-library .wrapper-show-list-model { 
  height: 15%;
  width: 100%;
  display: flex;
  align-items: center;
}

.container-3d-library .list-model {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}

.container-3d-library .container-arrow-right,
.container-3d-library .container-arrow-left {
  transform: scale(1.5);
}

.none {
  opacity: 1;
  display: none !important;
  transition: all 1s;
}

.container-3d-library .container-btn-detail {
  height: 5%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 100%;
  gap: 0px;
}

.view-all-item .view-all-main-content .model-item {
  width: 11%;
  height: 14vw;
  background-color: white;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.view-all-parent {
    display: flex;
    width: 90%;
    height: fit-content;
    flex-direction: column;
    gap: 20px;
}

.view-all-parent.expand .view-all-parent-content {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
    gap: 20px;
}

.view-all-parent-content {
    display: none;
}

.view-all-parent.expand .model-item-header-container svg {
    transform: rotate(180deg);
}

.view-all-parent .model-item-header-container svg {
    width: 50px;
    transform: rotate(180deg);
    transition: all 0.4s;
}

@media screen and (max-width: 2100px) {

  .container-3d-library .show-description {
    padding: 35px;
    padding-left: 40px;
    z-index: 1;
  }
  .container-3d-library .container-arrow-right,
  .container-3d-library .container-arrow-left {
    transform: scale(1);
  }
  .container-3d-library .wrapper-show-list-model,
  .container-3d-library .list-model {
    width: 450px;
  }
  .container-3d-library .image-model {
     width: 106px;
    /*height: 90px;*/
    margin: 5px;
    cursor: pointer;
  }
  .container-3d-library .image-model.active img {
    /* width: 85px; */
    /* height: 60px; */
  }
  .container-3d-library .name-product {
    font-weight: 700;
    font-size: 32px;
    line-height: normal;
    text-transform: uppercase;
    color: #ffffff;
      height: auto;

  }
  .container-3d-library .description-model {
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    /*overflow: auto;*/
    text-align: left;
  }

  .container-3d-library .pagination {
    height: 10px;
    width: 10px;
    margin: 5px;
    border-radius: 50%;
    background-color: #91a8ae;
  }
  .container-3d-library .container-btn-detail button {
    height: 45px;
    line-height: 45px;
    /*font-size: 20px;*/
  }
}
@media screen and (max-width: 1300px) {
  .container-3d-library .image-model.active img {
    /*width: 50px;*/
    /*height: 50px;*/
  }
  .container-3d-library .image-model {
         width: 90px;
    height: 90px;
    margin: 5px;
    border-radius: 20%;
  }
  .container-3d-library .container-pagination {
    margin-top: 5px;
  }

  .container-3d-library .wrapper-show-list-model, .container-3d-library .list-model {
    width: 400px;
}
.container-3d-library .description-model {
    height: 50%;
}
.container-3d-library .wrapper-show-list-model { 
  height: 30%;
  
}
.frame-btn-info {
    height: 70%;
    margin-top: 0px;
}
}
@media screen and (max-width: 1100px) {
  .container-3d-library .image-model {

    margin: 5px;
    border-radius: 20%;
  }
  .container-3d-library .container-pagination {
    margin-top: 5px;
  }

  .container-3d-library .wrapper-show-list-model, .container-3d-library .list-model {
    width: 360px;
}
.container-3d-library .description-model {
    height: 60%;
}
.view-all-item .view-all-main-content .model-item {
    width: 15%;
    height: 18vw;
}
}
@media screen and (max-width: 950px) {
  .container-3d-library .image-model {
       width: 63px;
    height: 63px;
    margin: 5px;
    border-radius: 20%;
    margin-top: 15px;

  }
  .container-3d-library .container-pagination {
    margin-top: 5px;
  }

  .container-3d-library .wrapper-show-list-model, .container-3d-library .list-model {
    width: 320px;
}
.container-3d-library .description-model {
    height: 25%;
}
.container-3d-library .container-arrow-right, .container-3d-library .container-arrow-left {
    transform: scale(0.9);
}
.container-3d-library .container-btn-detail button {
        font-size: smaller;
}
.view-all-item .view-all-main-content .model-item {
    width: 18%;
    height: 20vw;
}
}




.container-3d-library .view-all-content .view-all-header {
  margin-top: 0px;
  width: auto;
  height: 70px;
  background-color:var(--primary-color);
  display: grid;
  /* grid-template-areas: "menu header right close"; */
  padding: 0px 30px;
  align-items: center;
  grid-template-rows: 70px 40vh;
  grid-template-columns: 3fr 5fr 2fr 1fr;
}
.container-3d-library .view-all-content .view-all-header > svg {
  width: 30px;
  cursor: pointer;
}
.container-3d-library .view-all-content .view-all-header .back-view-all {
  justify-self: flex-start;
  /* grid-area: menu; */
  align-self: center;
  grid-column: 1;
  grid-row: 1;
}

.container-3d-library .view-all-content .view-all-header .close-view-all {
  justify-self: flex-end;
  grid-area: close;
  align-self: center;
  grid-column: 4;
  grid-row: 1;
}
.container-3d-library .view-all-content .view-all-header .library-header {
  text-transform: uppercase;
  font-size: x-large;
  grid-area: header;
  align-self: center;
  justify-self: center;
  grid-column: 2;
  grid-row: 1;
  color: white;
}
.gallery-close-svg {
    fill: var(--primary-color);
}
.view-all-header .search-model {
  width: 120%;
  height: 40%;
  display: flex;
  grid-area: right;
  border-radius: 20px;
  background-color: var(--color-search);
  align-items: center;
  justify-content: center;
  grid-column: 3;
  grid-row: 1;
}
.view-all-header .search-model svg {
  width: 30px;
}
.view-all-header .search-model .search-model-input {
  width: 80%;
  height: 90%;
  background-color: transparent;
  border: none;
  color: white;
}
.view-all-header .search-model .search-model-input::placeholder {
  color: white;
  opacity: 1; /* Firefox */
}

.view-all-header .search-model .search-model-input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: white;
}

.view-all-header .search-model .search-model-input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: white;
}

.view-all-header .search-result.searched {
  display: flex;
  height: fit-content;
  max-height: 40vh;
  overflow-y: scroll;
      overflow-x: hidden;
}
.view-all-header .search-result.searched > h1 {
  color: var(--primary-color);
  font-size: large;
  margin: auto;
  align-self: center;
}
.view-all-header .search-result {
  z-index: 1;
  grid-column: 3;
  grid-row: 2;
  border-radius: 10px;
  background-color: white;
  flex-direction: column;
  width: 120%;
  border: 1px solid var(--primary-color);
  align-items: center;
  padding: 10px;
  gap: 10px;
  display: none;
  align-self: flex-start;
}
.view-all-header .search-result .search-result-item {
  background-color: #dcdcdc;
  display: flex;
  width: 90%;
  height: 10vh;
  align-items: center;
  border-radius: 10px;
  padding: 10px 10px;
}
.view-all-header .search-result .search-result-item .search-result-img-div {
  height: 60px;
  width: 60px;
  background-color: white;
  display: flex;
  border-radius: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.view-all-header .search-result .search-result-item .search-result-img-div img {
  width: 90%;
  height: auto;
}
.view-all-header .search-result .search-result-item h1 {
  color:var(--primary-color);
  font-size: large;
  padding-left: 10px;
}

.view-all-main {
  padding: 20px;
  padding-bottom: 80px;
  display: flex;
  gap: 20px;
  width: auto;
  height: fit-content;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  overflow-y: scroll;
  overflow-x: hidden;
}
.view-all-main .view-all-item {
      display: flex;
    border-radius: 10px;
    padding: 20px;
    width: 80vw;
    height: fit-content;
    background: white;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}

.view-all-main .model-item-header-container {
  display: flex;
  border-bottom: 1px solid var(--primary-color);
  width: 100%;
  height: 40px;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  cursor: pointer;
}
.model-item-header-container .view-all-item-header {
  color: var(--primary-color);
    font-size: xx-large;
    width: 50%;
}

 .view-all-parent>.model-item-header-container .view-all-item-header {
    width: auto;
}
.view-all-item .model-item-header-container svg {
  width: 20px;
  transform: rotate(180deg);
}
.view-all-item.expand .model-item-header-container svg {
  transform: rotate(0deg);
  transition: all 0.4s;
}
.view-all-item.expand .view-all-main-content {
  width: 100%;
    height: fit-content;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1vw;
    padding: 5px;
}
.view-all-item .view-all-main-content {
  width: fit-content;
  height: 0px;
  overflow: hidden;
  transition: all 0.4s;
}

/*.view-all-item .view-all-main-content .model-item {*/
/*  width: 11%;*/
/*  height: 23%;*/
/*  background-color: white;*/
/*  border: 1px solid var(--primary-color);*/
/*  border-radius: 10px;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  cursor: pointer;*/
/*}*/
.view-all-item .view-all-main-content .model-item.active {
  background-color: var(--primary-color);
}
.view-all-item .view-all-main-content .model-item.active .model-item-name {
  color: white;
}

.view-all-item .view-all-main-content .model-item .model-item-img-div {
  width: auto;
    height: 65%;
    display: flex;
    background-color: white;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}
.model-item-img-div img {
  max-height: 100%;
    max-width: 100%;
}
.model-item .model-item-name {
  color:var(--primary-color);
  text-align: center;
  font-size: unset;
  margin: auto;
  font-size: 14px;
}
@media screen and (max-width: 600px) {
.view-all-item .view-all-main-content .model-item {
    width: 22%;
    height: 25vw;
}
.view-all-item.expand .view-all-main-content {
    gap: 2vw;
}

.model-item-header-container .view-all-item-header {
    font-size: 5vw;
}
}
@media screen and (max-width: 790px) and (max-height: 790px) {
  .container-3d-library .description-model {
    height: 25%;
  }
}
@media screen and (max-width: 822px) {
    .model-item .model-item-name {

      font-size: 10px;
    }
    .container-close-popup img {
      width: 8vw;
    }
    .container-3d-library .show-content {
        transform: translateX(0px);
        height: 50vh;
    }
    
    .container-3d-library .show-content iframe {
        width: 100%;
        height: 107%;
        /*height: 115%;*/

    }
    .container-3d-library .list-model{
        display: none;
    }
           

  .container-3d-library .show-description {
    position: relative;
    bottom: 0;
    height: 25vh;
    width: auto;
    padding: 15px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 0px;
    /*transform: translateY(-2vh);*/
  }
  .container-3d-library .description-model {
        max-height: 250px;
        /*height: 42%;*/
        height: fit-content;
        font-size: 14px;
        line-height: 30px;

  }

  .container-3d-library .name-product {
    font-size: 20px;
    line-height: normal;
  }
  .container-3d-library .wrapper-show-list-model {
        align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 30%;
    position: absolute;

  }
  
  .container-3d-library .container-arrow-right{
    position: absolute;
    right: 0px;
    bottom: 25vh;
  }
  .container-3d-library .container-arrow-left {
    position: absolute;
    left: 0px;
    bottom: 25vh;
  }
  
  .container-3d-library .name-product {
    /*height: 0%;*/
    /*margin-top:-15%;*/
        margin-top: 10px;
  }
  .container-3d-library .container-pagination {
    margin-top: 10px;
  }

  .container-3d-library .gallery-main-content {
    flex-direction: column;
}

.container-3d-library .view-all-content .view-all-header { 
    padding: 0px 10px;
    /*padding-top:40px;*/
    grid-template-rows: 70px 50px 80vh;
    grid-template-columns: 1fr 10fr 1fr;
    height: 120px;
    border-radius: 0px;
    /*margin-top:50px;*/
}
.view-all-header .search-model {
    grid-column: 1/5;
    grid-row: 2;
    align-self: baseline;
    width: 90%;
    justify-self: center;
    background-color: rgba(0,0,0,0.0);
    border-top: 1px solid white;
    border-radius: 0px;
    height: 40px;
}
.view-all-header .search-result.searched {
    grid-column: 1/5;
    grid-row: 3;
    width: 100%;
    justify-self: center;
    max-height: 100%;
    height: 100%;
}
.view-all-header .search-result .search-result-item .search-result-img-div {
    height: 10vh;
    width: 10vh;
}
.container-3d-library .container-btn-detail {
  height: 15%;
  display: flex;
  align-items: flex-start;
  justify-content: space-evenly;
  width: 100%;
  gap: 0px;
  margin-bottom:5px;
}
}
@media screen and (max-width: 450px) {
    .view-all-item .view-all-main-content .model-item {
        width: 46%;
        height: 50vw;
    }
    .model-item .model-item-name {
    font-size: small;
}
  .container-3d-library .image-model.active img {
    width: 60px;
    height: 60px;
  }
  .container-3d-library .image-model {
    /* width: 70px;
    height: 70px;
    margin: 5px; */
    cursor: pointer;
  }
  .container-3d-library .container-arrow-right,
  .container-3d-library .container-arrow-left {
    transform: scale(0.8);
  }
  .container-3d-library .pagination {
    width: 10px;
    height: 10px;
    margin: 3px;
  }
  .container-3d-library .name-product {
    font-size: 24px;
  }
  /*.container-3d-library .description-model {*/
  /*  font-size: 16px;*/
  /*  max-height: 170px;*/
  /*  line-height: 24px;*/
  /*  padding-bottom: 0;*/
  /*}*/
  /*.container-3d-library .container-btn-detail button {*/
  /*  height: 40px;*/
    /*font-size: 18px;*/
  /*  line-height: 40px;*/
  /*  margin-top:-20px;*/
  /*}*/
  /*.container-3d-library .show-description {*/
  /*  height: 41vh;*/
  /*}*/
  /*.container-3d-library .wrapper-show-list-model {*/
  /*  align-items: center;*/
  /*  display: flex;*/
  /*  justify-content: center;*/
  /*  width: 100%;  */
  /*  height: 22%;*/

  /*}*/
  
  
  .container-3d-library .show-description {
            height: 27vh;
            transform: translateY(0px)
        }
        .container-3d-library .wrapper-show-list-model{
            align-items: center;
            display: flex;
            justify-content: center;
            width: 91.5%;
            height: 22%;
        }
        .frame-btn-info {
            margin-top: 0px;
            height: 100%;
        }
        .container-3d-library .description-model{
            font-size: 16px;
            max-height: 197px;
            line-height: 30px;
            padding-bottom: 0;
            /*height: 14vh;*/
        }
        .container-3d-library .container-btn-detail button{
            height: 40px;
            line-height: 40px;
            /*margin-top: 3vh;*/
        }
        .btn-view-all{
            margin-top:-20px;
        }
        .btn-detail{
            margin-top:-20px;
        }
        .container-3d-library .container-btn-detail{
            height: auto;
            display: flex;
            align-items: center;
            justify-content: space-evenly;
            width: 100%;
            gap: 0px;
            /*margin-bottom:65px!important;*/
        }

}


@media screen and (max-width: 500px) and (max-height: 600px) {
    .container-3d-library .wrapper-show-list-model {
        align-items: center;
        display: flex;
        justify-content: center;
        width: 100%;
        height: 45%;
    }
    .frame-btn-info {
        height: 55%;
    }
}

@media screen and (max-height: 800px) and (min-width: 1300px) {
  .container-3d-library .container-btn-detail {
    margin-top: 10px;
    /* margin-right: 30px; */
  }
  .show-description {
    padding: 30px;
  }
  .container-arrow-left img,
  .container-arrow-right img {
    transform: scale(0.6);
  }
  .wrapper-show-list-model {
    margin: 0px;
  }
}
@media screen and (max-width: 600px) {
  .container-map-image img {
    max-width: 100vw;
    max-height: 100vh;
  }
  .none-mobile {
    display: none;
  }
}

@media screen and (min-height: 800px) and (min-width: 1100px) {
  .container-3d-library .description-model {
    height: 50%;
  }
}
@media screen and (min-height: 1100px) and (min-width: 1100px) {
  .container-3d-library .description-model {
    max-height: 50%;
  }
}
@media screen and (max-height: 800px) and (min-width: 1100px) {
  .container-3d-library .description-model {
    max-height: 50%;
  }
}
@media screen and (max-height: 600px) and (min-width: 1100px) {
  .container-3d-library .description-model {
    max-height: 50%;
  }
}

/*@media*/
/*  only screen and (-webkit-min-device-pixel-ratio: 2.0),*/
/*  only screen and (   min--moz-device-pixel-ratio: 2.0),*/
/*  only screen and (     -o-min-device-pixel-ratio: 2.0/1),*/
/*  only screen and (        min-device-pixel-ratio: 2.0),*/
/*  only screen and (                min-resolution: 362dpi),*/
/*  only screen and (                min-resolution: 2.0dppx) { */
    /* Retina styles here */
    
/*    .container-3d-library .gallery-main-content {*/
/*        flex-direction: row-reverse;*/
/*    }*/
    
/*    .container-3d-library .show-description {*/
/*        padding: 35px;*/
/*        padding-left: 20px;*/
/*    }*/
    
/*    .container-3d-library .show-description {*/
/*        border-top-right-radius: 40px;*/
/*        border-bottom-right-radius: 40px;*/
/*        width: 34vw;*/
/*        background-color: var(--primary-color);*/
/*        height: auto;*/
/*        display: flex;*/
/*        flex-direction: column;*/
/*        justify-content: space-between;*/
/*    }*/
/*}*/

/*@media (width: 674px) and (height: 729px) {*/
/*    .container-3d-library .gallery-main-content {*/
/*        flex-direction: row-reverse;*/
/*    }*/
    
/*    .container-3d-library .show-content {*/
/*        height: 100vh;*/
/*        transform: translateX(-39px);*/
/*    }*/
    
/*    .container-3d-library .show-content iframe {*/
/*        width: 112%;*/
/*        height: 100%;*/
/*    }*/
    
/*    .container-3d-library .show-description {*/
/*        position: relative;*/
/*        bottom: 0;*/
/*        height: 96vh;*/
/*        width: 40vh;*/
/*        padding: 15px;*/
/*        border-top-left-radius: 0;*/
/*        border-bottom-right-radius: 40px;*/
/*    }*/
/*}*/

/*@media (height: 674px) and (width: 729px) {*/
/*    .container-3d-library .gallery-main-content {*/
/*        flex-direction: row-reverse;*/
/*    }*/
    
/*    .container-3d-library .show-content {*/
/*        height: 100vh;*/
/*        transform: translateX(-39px);*/
/*    }*/
    
/*    .container-3d-library .show-content iframe {*/
/*        width: 112%;*/
/*        height: 100%;*/
/*    }*/
    
/*    .container-3d-library .show-description {*/
/*        position: relative;*/
/*        bottom: 0;*/
/*        height: 96vh;*/
/*        width: 40vh;*/
/*        padding: 15px;*/
/*        border-top-left-radius: 0;*/
/*        border-bottom-right-radius: 40px;*/
/*    }*/
/*}*/
/*@supports (-webkit-touch-callout: none) {*/
  /* CSS specific to iOS devices */ 
/*  .container-3d-library .show-description {*/
/*        position: relative;*/
/*    bottom: 0;*/
/*    height: 90%;*/
/*    width: auto;*/
/*    padding: 15px;*/
/*    padding-bottom:0px;*/
/*    padding-top:0px;*/
/*    border-top-left-radius: 40px;*/
/*    border-bottom-right-radius: 0px;*/
/*  }*/
/*  .container-3d-library .description-model {*/
/*    font-size: 16px;*/
/*    max-height: 100px;*/
/*    line-height: 24px;*/
/*    padding-bottom: 0;*/
/*  }*/
/*  .container-3d-library .container-btn-detail {*/
/*        margin-bottom: 95px;*/
        
/*    }*/
/*}*/


/*@media all and (display-mode: fullscreen) {*/
/*    @media screen and (min-width: 700px) {*/
/*        .container-3d-library .container-btn-detail {*/
            /*margin-bottom: 35px;*/
/*        }*/
        
/*        .container-3d-library .description-model {*/
/*            max-height: 250px;*/
/*            height: 40%;*/
/*            font-size: 14px;*/
/*            line-height: 30px;*/
/*        }*/
/*    }*/
/*    @media screen and (max-width: 500px) {*/
/*        .container-3d-library .show-description{*/
/*            height:37vh;*/
/*        }*/
/*        .container-3d-library .wrapper-show-list-model{*/
/*            align-items: center;*/
/*            display: flex;*/
/*            justify-content: center;*/
/*            width: 100%;*/
/*            height: 22%;*/
/*        }*/
/*        .container-3d-library .description-model{*/
/*            font-size: 16px;*/
/*            max-height: 197px;*/
/*            line-height: 24px;*/
/*            padding-bottom: 0;*/
/*            height: 42%;*/
/*        }*/
/*        .container-3d-library .container-btn-detail button{*/
/*            height: 40px;*/
/*            line-height: 40px;*/
/*            margin-top: 3vh;*/
/*        }*/
/*        .btn-view-all{*/
/*            margin-top:0px;*/
/*        }*/
/*        .btn-detail{*/
/*            margin-top:0px;*/
/*        }*/
/*        .container-3d-library .container-btn-detail{*/
/*            height: auto;*/
/*            display: flex;*/
/*            align-items: center;*/
/*            justify-content: space-evenly;*/
/*            width: 100%;*/
/*            gap: 0px;*/
/*            margin-bottom:5px!important;*/
/*        }*/
/*    }*/
/*}*/