@media (max-width:1300px){
    .footer-lienhe{ display: block!important; margin: 0 auto; text-align: center;}
    .footer-phone{margin: 0 auto;margin-bottom: 15px;}
 .footer-phone3{ margin: 0 auto;}
 .search{ width: 45%;}
 .banner-phone{width: 36%;}
 .banner-ggdich a{ margin-right: 5px;}
 .banner-ggdich{ width: 15%; }
 .danhmuc-calc{ width: calc(100% / 5); padding: 10px 10px;}
 .danhmuc1sanphamnb1-items{ margin: -10px;}
 .product-total-left{/* width: 19%; */}
}
@media (max-width:1199px){
#search{right:15px;}
#container{padding:20px 15px;}
.box-dt{max-width:95%;}
.box-tintuc{max-width:95%;}
.footer-1, .footer-2, .footer-3, .footer-4{ width: 48%; margin-bottom:20px;}
 .footer-top{ padding-bottom: 0px;}
 .bgfooter, .bgtt, #tienich .bgtt{ padding: 20px 30px;}
 .search{width: 47%;}
 .banner-phone{width: 35%;}
 /* .banner-phone2{ padding: 0px 10px} */
 .bgsp2{ padding: 0px 30px;}
 .tieuchi-items{padding: 20px 20px;}
 .sanpham-item{ width: calc(100% / 3);}
 .banner-phone1{ padding: 0px 10px;}
}

@media (max-width:1100px){
    .banner-phone{width: 44%;}
    .slide-right .slick-slide{ margin: 3px 0px;}
    .slide-right{ margin: -3px 0px;}
   
}

@media (min-width:992px) and (max-width:1199px){

.box-sp{width:32%;margin:0px 2% 20px 0px;}
.box-sp:nth-child(3n){margin-right:0;}
.box-sp:nth-child(3n+1){clear:both;}
.box-product{width:32%;margin:0px 2% 20px 0px;}
.box-product:nth-child(3n){margin-right:0;}
.box-product:nth-child(3n+1){clear:both;}
.box-album{width:32%;margin:0px 2% 20px 0px;}
.box-album:nth-child(3n){margin-right:0;}
.box-album:nth-child(3n+1){clear:both;}
.box-video{width:32%;margin:0px 2% 20px 0px;}
.box-video:nth-child(3n){margin-right:0;}
.box-video:nth-child(3n+1){clear:both;}

}
@media (max-width:991px){
#header,.banner-ab,#menu,.right{display:none;}
#banner .center{display:flex;align-items:center;justify-content:center;}
.logo{position:static;padding:0;}
.banner{padding:0;}
#menu-mobile{display:block;}
#smenu a{font-family:RM;color:#fff;font-size:16px;margin-left:5px;}
.left{width:100%;}
.box-sanpham-calc, .thuvienanh-calc{ width: calc(100% / 3);}
.search, .banner-phone{ display: none !important;}
.banner-right{width: 20%;position: absolute;padding-bottom: 0px;border-bottom: 0px;right: 0px;top: 50%;transform: translateY(-50%);}
.flex-banner{justify-content: center;position: relative;padding: 5px 0px;}
.banner-ggdich{width: 100%;}
#danhmuc1sanphamnb1, #tieuchi, #danhmuc1sanphamnb{ padding-top: 30px;}
#tintucnb{ padding: 30px 0px;}
.tintucnb-left{width: 100%;margin-bottom: 60px;}
 .box-video-tintuc{margin-bottom: 30px;}
 .video-right{ width: 100%;}
 #footer{ padding-bottom: 20px;}
 .tienich-left,  .gioithieu-right{ width: 100%;}
 .gioithieu-right{ padding: 20px 10px;} 
 #banner{ margin-top: 0px;}
 .box-slide{ padding-top: 7px;}
 .control-tienich button.owl-prev{}
 .control-tienich button.owl-next{}
 .product-items{ width: calc(100% / 3);}
 .danhmuc-calc{ width: calc(100% / 4);}
 .product-content .content-product{ min-height: unset;}
}
@media (min-width:768px) and (max-width:991px){
.box-sp{width:32%;margin:0px 2% 20px 0px;}
.box-sp:nth-child(3n){margin-right:0;}
.box-sp:nth-child(3n+1){clear:both;}
.box-product{width:32%;margin:0px 2% 20px 0px;}
.box-product:nth-child(3n){margin-right:0;}
.box-product:nth-child(3n+1){clear:both;}
.box-album{width:32%;margin:0px 2% 20px 0px;}
.box-album:nth-child(3n){margin-right:0;}
.box-album:nth-child(3n+1){clear:both;}
.box-video{width:32%;margin:0px 2% 20px 0px;}
.box-video:nth-child(3n){margin-right:0;}
.box-video:nth-child(3n+1){clear:both;}

}
@media (max-width:767px){
.btn-zalo,.btn-phone,#messages-facebook{display:none;}
.fix-toolbar{display:block;}
.content iframe{width:100%!important;height:45vh;}
.content img{height:inherit!important}
.logo{position:static;height:auto;}
#footer{padding-bottom:45px;background: var(--color-main);}
.footer-top{padding-bottom:0;}
.footer-1,.footer-2,.footer-3{width:100%;float:none;margin:0 0 20px 0;}
.copyright,.statistic{width:100%;}
.statistic span{margin:0 5px;}
.ft-b .center > div{width:100%;}
.top-contact .article-contact{width:100%;margin-bottom:20px;}
.form-contact{width:100%;}
#top .center > div{width:100%;}
#top #breadcrumb{margin-bottom:0}
.boxs-news-special{width: 100%;padding: 0px;margin: 0px;margin-top: 20px;}
.box-news{ padding: 5px;}
.boxs-news{margin: -5px;width: 100%;}
.bottom-left{width:100%;margin-bottom:20px;}
.bottom-right:not(.onApp){width:100%;}
.tintuc-l{width:100%;margin-bottom:20px;}
.tintuc-r{width:100%;}
.left-pro-detail{float:none;width:100%;margin:0 0 20px;}
.right-pro-detail{float:none;width:100%;}
.grid-thuvienanh{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,22vh);}
.box-thuvienanh-content{background:rgba(0,0,0,0.4);color:#fff;}
.box-sanpham-calc, .thuvienanh-calc, .product-items{ width: calc(100% / 2);}

.bgfooter{ padding: 20px 0px;}
.footer-phone3{display: block!important;width: 100%;height: unset;padding: 20px;}
 .footer-phone3-left{justify-content: start!important;margin-bottom: 15px;}
 .footer-phone{ margin:0px; margin-bottom: 15px;}
.sanpham-item{ width: calc(100% / 2); padding: 10px;}
.sanpham-items{ margin:-10px;}
.bgsp2{padding: 0px;padding: 0px 10px;}
.xemthemc2{ display: none;}
.slideshow, .slide-right{ width: 100%}
.slide-right{/* margin: 0px -5px; */margin-top: 7px;}
.slide-right .slick-slide{margin: 0px 5px;}
 .slide-right .slick-list{ margin: 0px -5px;}
.tieuchi-item{display: unset;text-align: center;}
.tieuchi-img{ margin: 0px 0px 10px 0px;}
.tieuchi-detail{ max-width: unset;}
.bgdanhmuc1sanphamnb1{ padding: 30px 0px;}
.tieuchi-img span{ border: unset;}

 #tienich .bgtt, .bgtt{ padding: 30px 20px;}
 .footer-1, .footer-2, .footer-3, .footer-4{ width: 100%; margin-bottom:20px;}
 .banner-right{ width: 25%;}
 .danhmuc-calc{ width: calc(100% / 3);}
}


 
@media (min-width:481px) and (max-width:767px){
.box-sp{width:49%;margin:0px 2% 15px 0px;}
.box-sp:nth-child(2n){margin-right:0;}
.box-sp:nth-child(2n+1){clear:both;}
.box-product{width:49%;margin:0px 2% 15px 0px;}
.box-product:nth-child(2n){margin-right:0;}
.box-product:nth-child(2n+1){clear:both;}
.box-album{width:49%;margin:0px 2% 15px 0px;}
.box-album:nth-child(2n){margin-right:0;}
.box-album:nth-child(2n+1){clear:both;}
.box-video{width:49%;margin:0px 2% 15px 0px;}
.box-video:nth-child(2n){margin-right:0;}
.box-video:nth-child(2n+1){clear:both;}
}
@media (max-width:480px){
.box-sp{width:49%;margin:0px 2% 10px 0px;}
.box-sp:nth-child(2n){margin-right:0;}
.box-sp:nth-child(2n+1){clear:both;}
.box-product{width:49%;margin:0px 2% 10px 0px;}
.box-product:nth-child(2n){margin-right:0;}
.box-product:nth-child(2n+1){clear:both;}
.box-album{width:49%;margin:0px 2% 10px 0px;}
.box-album:nth-child(2n){margin-right:0;}
.box-album:nth-child(2n+1){clear:both;}
.box-video{width:49%;margin:0px 2% 10px 0px;}
.box-video:nth-child(2n){margin-right:0;}
.box-video:nth-child(2n+1){clear:both;}
/* produt detail tpl 2 */
/* .left-pro-detail{flex-direction: row-reverse; display: flex; flex-wrap:wrap}
.left-left-prodetail{width: 100%;margin: 0;padding: 0px 6px;margin-top: 10px;}
.right-left-prodetail{width: 100%;margin: 0;order: -1;} */
.hinhanhsp-next{color: var(--color-main);position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;line-height: 20px;right: -10px;width: 20px;height: 20px;border-radius: 50%;background-color: #fff}
.hinhanhsp-prev{padding: 0;color: var(--color-main);position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;line-height: 20px;left: -10px;width: 20px;height: 20px;border-radius: 50%;background-color: #fff}
 .thumb-pro-detail{margin: 0px}
.slick-hinhanhsp .slick-slide{margin: 0px 6px}


.slide-right{margin: 0px;margin-top: 7px;}
.slide-right .slick-slide{margin: 0px 3px;}
.slide-right .slick-list{ margin: 0px -3px;}
.cap1{ padding: 0px 10px;} 
.c1-sp span{ font-size: 14px; text-transform: capitalize;}
.cap2-right .cap2{font-size: 14px;margin: 0px 8px;}
.sanpham-item{ width: calc(100% / 2); padding: 5px;}
.sanpham-items{ margin:-5px;}
.content-product{min-height: 50px;}
.cap2-right{width: 100%;max-width: 100%;padding: 0px;justify-content: end;margin-right: 0;}
 .sanpham-c2-right{ width: 65%; max-width: 65%;}
  #tienich .bgtt, .bgtt{ padding: 20px 15px;}
  .tintucnb-detail .mota{ display: none;}
  .tintucnb-detail .name a{ font-size: 14px; text-transform: capitalize;}
  .tintucnb-item a img{ border-radius: 6px;}
  .tintucnb-item a{ border-radius: 6px;}
  .slogan{display: none !important;}
 .bgsp{ padding: 20px;}
 .title-center h2:before, .title-center h2::after{ display: none;}
 .thuvienanh-calc,.product-items{ padding: 5px;}
 .dsanh, .product-content{ margin: -5px;}
 .danhmuc-calc{ width: calc(100% / 2); padding: 7px 5px;}
 .danhmuc1sanphamnb1-items{ margin: -7px -5px;}
}
@media (max-width:374px){
.lh-con-l,.lh-con-r{width:100%;float:none;margin:0px;padding:0px;}
.lh-con-r{margin-bottom:10px;}
.box-sp{width:90%;margin:0px 5% 10px;float:none;}
.box-product{width:90%;margin:0px 5% 10px;float:none;}
.box-album{width:90%;margin:0px 5% 10px;float:none;}
.box-video{width:90%;margin:0px 5% 10px;float:none;}
.slide-right{ display: none ;}
.title-center h2{ font-size: 16px;}
#tienich .bgtt, .bgtt{padding: 20px 5px;border-radius: 12px;}
.danhmuc1sanphamnb1-detail .name a{ text-transform: capitalize;}
}




/* news tpl 3 */
    /* @media (max-width:767px){
        .pic-hot-news,.desc-hot-news{width: 100%;}
        .desc-hot-news{padding: 15px;}
        .box-hot-news{margin-bottom: 25px;}
        .news-total-container{margin:-8px;}
        .boxs-news{width:calc(100% / 2); padding: 8px;}
     }
      @media (max-width:480px){
     .time-news{flex-wrap:wrap;}
            .time-news span{width:100%;}
            .time-news span:nth-child(2){margin-left:0px;}
        } */

/* product tpl 3 */
@media (max-width:767px){
    .product-total-right,.product-total-left{width: 100%;}
    .product-total-left{margin-bottom: 25px;position: relative;top: 0px !important;}
   .product-total-right{ margin: 0px;}
}