#mainCarousel_mb{
    display: none;
}
.product-tab-detail .nav-tabs-wrapper{
    position: sticky;
    z-index: 999;
    top: 144px;
}
.tabbable .nav-tabs{
    display: flex;
}
@media(max-width: 1500px){
    .product-tab-detail .nav-tabs-wrapper{
        top: 140px;
    }
}
@media(max-width: 1200px){
    .product-tab-detail .nav-tabs-wrapper{
        top: 138px;
    }
}
@media(max-width: 991px){
    .tabbable .nav-tabs{
        display: block;
        white-space: nowrap;
        overflow-x: auto;
    }
    .tabbable .nav-tabs li{
        display: inline-block;
    }
    .has-scroll .header-middle{
        position: fixed;
        top: -140px;
        box-shadow: 0 2px 3px #ccc;
        background: #fff;
        transition: all 0.3s ease 0s;
        width: 100%;
    }
    .has-scroll.is-scroll-up .header-middle{
        top: 0;
        width: 100%;
    }

    .has-scroll.is-scroll-up .product-tab-detail .nav-tabs-wrapper{
        top: 93px;
    }
    .product-tab-detail .nav-tabs-wrapper{
        top: 0px;
        z-index: 999;
    }
}
@media(max-width: 767px){
    .product-tab-detail .nav-tabs-wrapper{
        position: sticky;
        transition: all 0.3s ease 0s;
    }
    .product-tab-detail .tab-pane .card-header,.tab-content{
        display: none;
    }
    .accoding-content .n-responsive-content section{
        width: calc(100% - 10px);
    }
    .has-scroll.is-scroll-up .product-tab-detail .nav-tabs-wrapper{
        top: 122px;
    }
    .accoding-content{
        display: block;
    }
}
@media (max-width: 639px) {
    #mainCarousel_mb{
        display: block;
    }
    #mainCarousel{
        display: none;
    }
    .banner-item .banner-img{
        height: auto;
        max-width: 100%;
    }
}


.slick-product-ver2{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}



.slick-product-ver2 .product-item .product-action {
    margin-top: 16px;
    display: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: -40px;
    width: 100%;
    left: 0px;
    z-index: 99;
}

.slick-product-ver2 .product-item:hover .product-action {
    display: flex;
}

.slick-product-ver2 article{
    margin-bottom: 30px;
    width: 25%;
} 

@media(max-width: 1920px) and (min-width: 1200px){
    .slick-product-ver2 .product-item .price{
        font-size: 19px;
    }

}

@media(max-width: 992px){
    .slick-product-ver2 .product-item:hover .product-action {
        display: none;
    }
    .slick-product-ver2 article{

        width: 50%;
    } 

}