#product .image-container {
    display: block;
    width: 100%; 
    height: 240px; 
    overflow: hidden; 
    position: relative;
}

#product .image-container img {
    position: absolute; 
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; 
    height: 100%;
    object-fit: contain;
}
.product .product-thumb-info{
    background: #ffffff;
}
@media (max-width: 1500px){
    #product .image-container {
        height:190px; 
    }
}
@media (max-width: 1200px){
    #product .image-container {
        height:170px; 
    }
}
@media (max-width: 996px){
    #product .image-container {
        height:190px; 
    }
}
@media (max-width: 768px){
    #product .image-container {
        height:160px; 
    }
}
.btn-modern{
    border: 1px solid;
}
.btn-modern:hover{
    border: 1px solid;
}
#product-page .image-container {
    display: block;
    width: auto; 
    height:240px; 
    overflow: hidden; 
    position: relative;
}
#product-page .image-container img {
    position: absolute; 
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; 
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1500px){
    #product-page .image-container {
        height:190px; 
    }
}
@media (max-width: 1200px){
    #product-page .image-container {
        height:170px; 
    }
}
@media (max-width: 996px){
    #product-page .image-container {
        height:190px; 
    }
}
@media (max-width: 768px){
    #product-page .image-container {
        height:280px; 
    }

}
#product .nav-list li > a.active{
    color: var(--primary--100);
}
#product-page .nav-list li > a.active{
    color: var(--primary--100);
}
.fa-line{
    color: black;
    padding-left: 2px;
    padding-top: 2px;
}
.social-icons.social-icons-clean-with-border.social-icons-clean-with-border-icon-dark li a i{
    transition: all 0.2s ease-in-out;
}
.social-icons.social-icons-clean-with-border.social-icons-clean-with-border-icon-dark li:hover a:hover>i{
    color: #356eac;
    cursor: pointer;
}
.social-icons.social-icons-clean-with-border.social-icons-clean-with-border-border-grey li a{
    margin: 0 5px;
}
li{
    font-size: 1rem;
}
.download h3{
    margin-bottom: 10px;
}
.link h3,.download h3{
    font-weight: 600;
    color: rgb(92, 92, 92);
}
aside ul.nav-list > li > a{
    font-size: 1rem;
}

.sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    margin-left: 20px; 
}
ul.nav-list li a{
    font-size: 1rem;
}
.active-2{
    max-height: fit-content;
}
.nav-link .active{
    color: #356eac;
}
.input-group .btn{
    z-index: 0;
}
#product-page .img-thumbnail {
    display: block;
    width: auto; 
    height:450px; 
    overflow: hidden; 
    position: relative;
}
#product-page .img-thumbnail img {
    position: absolute; 
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; 
    height: 100%;
    object-fit: contain;;
}
.owl-carousel.show-nav-title .owl-nav button[class*="owl-"], .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:hover, .owl-carousel.show-nav-title .owl-nav button[class*="owl-"]:active{
    font-size: 30px;
    width: 15px;
}
.owl-carousel.show-nav-title .owl-nav button.owl-prev {
    left: -70px;
}
.owl-carousel .owl-nav button.owl-next {
    right: 9px;
}
@media (max-width: 1500px){
    #product .image-container {
        height:400px; 
    }
}
@media (max-width: 1200px){
    #product .image-container {
        height:300px; 
    }
}
@media (max-width: 996px){
    #product .image-container {
        height:450px; 
    }
}
@media (max-width: 576px){
    #product .image-container {
        height:200px; 
    }
    .banner h1{
        margin: auto;
    }
    .pt-5{
        padding-top: 80px !important;
    }
}


#product-page .cur-pointer {
    display: block;
    width: auto; 
    height:100px; 
    overflow: hidden; 
    position: relative;
}
#product-page .cur-pointer img {
    position: absolute; 
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; 
    height: 100%;
    object-fit: contain;;
}
@media (max-width: 576px){
    #product-page .cur-pointer {
        height:80px; 
    }
}