@media only screen and (max-width: 1235px){
    .product-image1{
        height: auto;
    }
    .image_banner{
        height: 400px;
    }
}
@media only screen and (max-width: 1199px){
    .image-blog-item{
        height: auto !important;
    }
    .product-image{
        height: 300px ;
    }
    .slide-product__slick .prev-arrow {
        right: calc(100% + -25px) !important ;
        top: 48% !important;
    }
    .slide-product__slick .next-arrow {
        left: calc(100% + -25px) !important;
    }

    .slide-live__slick .prev-arrow {
        right: calc(100% + -25px) !important ;
    }

    .slide-live__slick .next-arrow {
        left: calc(100% + -25px) !important;
    }
    .slide-blog__slick .prev-arrow {
        right: calc(100% + -21px) !important ;
    }
    .slide-blog__slick .next-arrow {
        left: calc(100% + -21px) !important;
    }
    .image_banner{
        height: 350px;
    }
    .slide-blog__slick .next-arrow{
        left:calc(100% + -28px) !important;
    }
}
@media only screen and (max-width: 1024px)
{
    .image-product-item_small{
        width: auto ;
    }
    .image_banner{
        width: 100%;
        margin-bottom: 20px;
    }
    .product-image{
        height: 248px ;
    }
    .product-image1{
        height: 285px;
    }
    .popup-facebook {
        width: 270px;
    }
    .popup-ig {
        width: 270px;
        left: 12px;
    }
    .popup-ytb{
        width: 270px;
        left: 10px;
    }
    .popup-ig:before{
        left: 40px;
    }
    .popup-ytb:before {
        left: 78px;
    }
    .slide-product__slick .prev-arrow {
        top: 40% !important;
    }

    .slide-product__slick .next-arrow {
        top: 40% !important;
    }
}
@media only screen and (max-width: 991px)
{
    .image_banner{
        height: 520px;
        margin-bottom: 20px;
    }
    .image_banner_big{
        margin-top: 15px;
        width: 100%;
    }
    .banner-images-left{
        padding-right: 5px;
    }
    .banner-images-right{
        padding-left: 5px;
    }
    .banner-img{
        padding: 0!important;
    }
    .product-image{
        height: 277px ;
    }
    .image-product-item{
        height: 420px ;
    }
    .product-image1{
        height: auto;
    }
    .policy_img{
        width: 80%;
        margin-bottom: 10px;
    }
    .footer-title{
        margin-top: 15px;
    }
}

@media only screen and (max-width: 950px)
{
    .content-slider{
        top: 10%;
    }
    .slide-product__slick .prev-arrow {
        right: calc(100% + -20px)!important; ;
    }
    .slider-main .slick-dots {
        right: 40%;
    }
}

@media only screen and (max-width: 900px)
{
    .policy_img{
        width: 80%;
        margin-bottom: 10px;
    }
    .image-product-item{
        height: 427px ;
    }
    .product-image1{
        height: auto;
    }
    .blog-title{
        font-size: 15px;
    }
    .blog-desc{
        font-size: 13px;
    }
    .slider-main .slick-dots {
        right: 40%;
        bottom: 5px;
    }
}


@media only screen and (max-width: 808px)
{
    .image_banner{
        height: 500px;
        margin-bottom: 20px;
    }
    .product-image{
        height: 272px ;
    }
    .image-product-item{
        height: 418px ;
    }
    .product-image1{
        height: auto;
    }
    .content-slider{
        top: 20%;
    }
    .slider-title-main{
        margin-bottom: 10px;
        font-size: 20px;
    }
    .slider-title-extra{
        margin-bottom: 20px;
        font-size: 38px;
    }
    .slider-main-desc{
        margin-bottom: 30px;
    }
    .slider-main-btn-buy-now{
        font-size: 20px;
        width: 150px;
        height: 42px;
        line-height: 42px;
    }
    .slider-main .slider-item__desktop{
        min-height: unset;
        padding-top: 50%;
    }
    .blog-title{
        font-size: 14px;
    }
    .blog-desc{
        font-size: 12px;
    }
    .slider-main .slick-dots {
        position: absolute;
    }
}

@media only screen and (max-width: 775px)
{
    .product-image{
        height: 257px ;
    }
    .image-product-item{
        height: 396px ;
    }
    .product-image1{
        height: auto;
    }
    .content-slider{
        top: 20%;
    }
    .slider-main .slider-item__desktop{
        min-height: unset;
        padding-top: 50%;
    }
}

/*@media only screen and (max-width: 768px)*/
/*{*/
/*    .product-image{*/
/*        height: 257px ;*/
/*    }*/
/*    .image-product-item{*/
/*        height: 396px ;*/
/*    }*/
/*    .product-image1{*/
/*        height: auto;*/
/*    }*/
/*    .content-slider{*/
/*        top: 20%;*/
/*    }*/
/*    .slider-main .slider-item__desktop{*/
/*        min-height: unset;*/
/*        padding-top: 50%;*/
/*    }*/
/*}*/

@media only screen and (max-width: 769px)
{
    .policy_img{
        width: 80%;
        margin-bottom: 10px;
    }
    .product-image{
        height: 256px ;
    }
    .image-product-item{
          height: 394px ;
      }
    .product-image1{
        height: auto;
    }
    .image_banner{
        height: 500px;
        margin-bottom: 20px;
    }
    .content-slider{
        top: 20%;
    }

}

@media only screen and (max-width: 768px)
{
    .policy_img{
        width: 80%;
        margin-bottom: 10px;
    }
    .product-image{
        height: 198px;
    }
    .image-product-item{
        height: 307px ;
    }
    .product-image1{
        height: auto;
    }
    .image_banner{
        height: 390px;
        margin-bottom: 20px;
    }
    .content-slider{
        top: 20%;
    }
    .slider-title-main{
        margin-bottom: 10px;
        font-size: 19px;
    }
    .slider-title-extra{
        margin-bottom: 10px;
        font-size: 38px;
    }
    .slider-main-desc{
        margin-bottom: 20px;
    }
    .slider-main-btn-buy-now{
        font-size: 19px;
        width: 150px;
        height: 42px;
        line-height: 42px;
    }


}

@media only screen and (max-width: 767px)
{
    .policy_img{
        width: 80%;
        margin-bottom: 10px;
    }
    .product-image{
        height: 308px ;
    }
    .image-product-item{
        height: 307px ;
    }
    .product-image1{
        height: auto;
    }
    .image-live-item{
        height: auto !important;
    }
    .image_banner{
        height: 400px;
        margin-bottom: 20px;
    }
    .blog-title{
        font-size: 13px;
    }
    .blog-desc{
        font-size: 11px;
    }
    .slide-menu__slick .prev-arrow {
        top: 40% !important;
    }
    .slide-menu__slick .next-arrow {
        left: calc(100% + -37px) !important ;
        top: 44% !important ;
    }
    .slide-live__slick .next-arrow {
        left: calc(100% + -27px) !important;
    }
    .slider-main .slick-dots {
        right: 39%;
    }
}
@media only screen and (max-width: 651px)
{
    .content-slider{
        left: 12%;
    }
    .slider-main .slider-item__desktop{
        min-height: unset;
        padding-top: 57%;
    }
    .slide-product__slick .next-arrow {
        left: calc(100% + -33px) !important;
    }
    .slide-blog__slick .next-arrow {
        left: calc(100% + -37px) !important;
        top: 40%!important;
    }
    .slide-blog__slick .prev-arrow{
        top: 40%!important;
    }
    .blog-title{
        font-size: 12px;
    }
    .blog-desc{
        font-size: 10px;
    }
    .slide-brand__slick .next-arrow {
        left: calc(100% + -36px) !important;
    }
    .slider-main .slick-dots {
        right: 38%;
    }
}
@media only screen and (max-width: 577px)
{
    .content-slider{
        left: 10%;
    }
    .product-image{
        height: 319px; ;
    }
    .image-product-item{
        height: 307px ;
    }
    .product-card{
    display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .image-product-item{
        min-width: 90% !important;
    }
    .product-image1{
        height: auto;
    }
    .banner_all{
        display: flex;
        justify-content: center;
    }
    .image_banner{
        width: 90%;
        height: auto;
        margin-bottom: 15px;
    }
    .slider-title-main{
        margin-bottom: 10px;
        font-size: 17px;
    }
    .slider-title-extra{
        margin-bottom: 10px;
        font-size: 32px;
    }
    .slider-main-desc{
        margin-bottom: 30px;
    }
    .slider-main-btn-buy-now{
        font-size: 18px;
        width: 130px;
        height: 42px;
        line-height: 42px;
    }
    .genre-next-ht{
        width: 120px;
        text-align: left;
    }
    .product-price{
        margin-left: 5px;
        font-size: 12px;
    }
    .product-price-discount{
        font-size: 12px;
    }
    .slider-main .slider-item__desktop{
        min-height: unset;
        padding-top: 65%;
    }
    .blog-title{
        font-size: 11px;
    }
    .blog-desc{
        font-size: 10px;
    }
    .percent-discount-noslide {
        right: 15px;
    }
    .slider-main .slick-dots {
        right: 37%;
    }
}

@media only screen and (max-width: 525px)
{
    .slider-main .slider-item__desktop{
        min-height: unset;
        padding-top: 68%;
    }
    .product-image{
        height: 280px;
    }
    .product-image1{
        height: auto;
    }
    .image-product-item{
        min-width: 90% !important;
    }
    .genre-next{
        width: 120px;
        text-align: left;
    }
    .blog-title{
        font-size: 11px;
    }
    .blog-desc{
        font-size: 9px;
    }
    .slider-main .slick-dots {
        right: 35%;
    }
}
@media (max-width: 600px) {
    li{
        font-size: 0px!important;
        z-index: 11;
    }
    .category-block li{
        font-size: 14px!important;
    }
    .top-brand-block li{
        font-size: 14px;
    }
    .form-check-input[type=checkbox]{
        width: 21px;
        height: 21px;
    }
}

@media (max-width: 500px) {
    #button{
        bottom: 15px!important;
        right: 30px!important;
    }
}

@media only screen and (max-width: 479px)
{
    .product-image{
        height: 249px;
    }
    .product-image1{
        height: auto;
    }
    .image-product-item{
        min-width: 90% !important;
    }
    .blog-title{
        font-size: 11px;
    }
    .blog-desc{
        font-size: 9px;
    }
    .slider-main .slider-item__desktop{
        min-height: unset;
        padding-top: 70%;
    }
    .slider-main .slick-dots {
        right: 35%;
    }
}

@media only screen and (max-width: 471px)
{
    .slider-title-main{
        margin-bottom: 5px;
        font-size: 16px;
    }
    .slider-title-extra{
        margin-bottom: 5px;
        font-size: 28px;
    }
    .slider-main-desc{
        margin-bottom: 10px;
    }
    .slider-main-desc{
        margin-bottom: 20px;
    }
    .slider-main-btn-buy-now{
        font-size: 17px;
        width: 130px;
        height: 40px;
        line-height: 40px;
    }
    .slider-main .slider-item__desktop{
        min-height: unset;
        padding-top: 72%;
    }
    .content-slider{
        left: 13%;
    }
    .percent-discount-noslide{
        right: 15px!important;
    }
    .slider-main .slick-dots {
        bottom: 14px;
        right: 34%;
    }
}

@media only screen and (max-width: 434px)
{
    .product-image{
        height: 220px;
    }
    .slider-title-main{
        margin-bottom: 10px;
        font-size: 15px;
    }
    .slider-title-extra{
        margin-bottom: 10px;
        font-size: 27px;
    }
    .slider-main-desc{
        margin-bottom: 20px;
    }
    .slider-main-btn-buy-now{
        font-size: 16px;
        width: 120px;
        height: 38px;
        line-height: 38px;
    }
    .genre-next-ht{
        width: 123px;
        text-align: left;
    }
    .slider-main .slick-dots {
        position: absolute;
        bottom: 25px;

    }
}

@media only screen and (max-width: 415px)
{
    .slider-main .slider-item__desktop {
        min-height: unset;
        padding-top: 48%;
    }
    .slider-title-extra{
        font-size: 18px;
    }
    .slider-main-desc{
        font-size: 12px;
    }
    .slider-main-btn-buy-now{
        font-size: 15px;
        width: 100px;
        height: 27px;
        line-height: 27px;
    }
    .content-slider{
        top: 5%;
        left: 14%;
    }
    .slider-title-main{
        margin-bottom: 5px;
        font-size: 12px;
    }
    .slider-title-extra{
        margin-bottom: 5px;
        font-size: 18px;
    }
    .slider-main-desc{
        margin-bottom: 10px;
    }
    .slider-main-desc{
        margin-bottom: 5px;
    }
    .product-image{
        height: 195px;
    }
    .product-image1{
        height: auto;
    }
    .image-product-item{
        min-width: 90% !important;
    }
    .genre-next{
        width: 120px;
        text-align: left;
    }
    .genre-next-ht{
        width: 127px;
        text-align: left;
    }
    .slider-main .slick-dots {
        bottom: 10px;
    }
    .btn-warning{
        width: 30px!important;
        height: 55px!important;
    }
    .slide-product__slick .next-arrow {
        left: calc(100% + -24px) !important;
    }
    .slide-live__slick .next-arrow {
        left: calc(100% + -26px) !important;
    }
    .slide-blog__slick .next-arrow {
        left: calc(100% + -30px) !important;
    }
}

@media only screen and (max-width: 381px)
{
    .image-product-item{
        height: 187px;
    }

}
@media only screen and (max-width: 992px) {
    .genre-title{
        font-size: 14px;
    }
    .btn-count-down {
        padding: 4px 6px;
    }
    .text-hot{
        font-size: 12px;
    }
    .text-vp{
        padding-bottom: 14px!important;
    }
    .sp-outlet{
        display: inline-block!important;
    }
}

.mobile-slide{
    display: none;
}
@media only screen and (max-width: 767px) {
    .mobile-slide{
        display: flex;
    }
    .des-slide{
        display: none;
    }
    .genre-title, .btn-count-down,.view-info {
        font-size: 14px;
    }
    .btn-count-down{
        padding: 3px 5px;
    }
    .sp-outlet{
        font-size: 12px!important;
    }
    .coll-banner{
        flex-wrap: nowrap;
    }
    .image_banner_big{
        width: 210px!important;
        height: auto!important;
    }
    .blog-post{
        font-size: 14px;
    }
}

@media only screen and (max-width: 576px) {
    .live-video{
    padding-right: 0;
    }
    .video-live{
        padding-left: 0;
    }
    .showroom-map{
        display: none;
    }
}

@media only screen and (max-width: 400px) {
    .image_banner_big{
        width: 175px!important;
        height: auto!important;
    }
}

@media only screen and (max-width: 376px) {
    .product-name{
        font-size: 13px;
    }
    .product-price-discount{
        font-size: 11px;
        margin-right: 10px!important;
    }
    .product-price{
        font-size: 11px;
        margin-left: 0px!important;
    }
}