@media (max-width:1300px){
    .grid-thuvienanh{ grid-template-columns: repeat(4, 1fr)!important;}
    .grid-thuvienanh .box-thuvienanh:nth-child(3) {grid-column: 3/5;grid-row: 1/2;}
    .grid-thuvienanh:nth-child(even) .box-thuvienanh:nth-child(1){ grid-column: 1/3;grid-row: 1/2;}
    .grid-thuvienanh:nth-child(even) .box-thuvienanh:nth-child(3){grid-column: 4/5;grid-row: 1/2;}
}


@media (max-width:1199px){
#search{right:15px;}
#container{padding:20px 15px;}
.box-dt{max-width:95%;}
.box-tintuc{max-width:95%;}
.footer-2{ margin-left: 0px;}
 .footer-1{ padding-top: 0px;}
 .product-item{ width: calc(100% / 3);}
 .all-intro{ padding: 0px;}
 .all-intro:before{ display: none;}
 .intro-right{right: 40px;width: 42%;}
 .intro-right2{ right: 5px;}
}
@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, .slghd{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{ width: calc(100% / 3);}
#intro, #lienhe, #banchay, #sanphamnb, #tieuchi, #thuvienanh{ padding: 30px 0px;}
.grid-thuvienanh{ grid-template-rows: repeat(2, 266px);}
     .grid-thuvienanh{ grid-template-columns: repeat(2, 1fr)!important;}
    .grid-thuvienanh .box-thuvienanh:nth-child(3) {grid-column: 1/3;grid-row: 2/3;}
    .grid-thuvienanh:nth-child(even) .box-thuvienanh:nth-child(1){ grid-column: 1/3;grid-row: 1/2;}
    .grid-thuvienanh:nth-child(even) .box-thuvienanh:nth-child(3){grid-column: unset;grid-row: unset;}
 .footer-top{ padding: 30px 0px;}
 .footer-1{width: 50%;float:none;}
 .footer-2{width: 50%;float:none;}
.footer-3{width: 50%;}
 .footer-4{ width: 50%;}
 .lienhe-right, .lienhe-left{ width: 100%;}
 .title-center{ margin-bottom: 30px;}
 .product-item{ width: calc(100% / 2); padding: 15px 8px;}
 .product-items{margin: -15px -8px;padding-bottom: 30px;}
 .price-new{ margin: 0px 30px;}
 .banchay-items{ padding-bottom: 30px;}
 .intro-right2{ display: none;}
 .intro-left{width: 100%;padding-bottom: 30px;}
 .intro-right{position: relative;top: unset;right: unset;margin: 0 auto;width: 100%;margin-top: 20px;}
 .intro-right a img{ width: 100%; object-fit: cover;}
 .all-intro{ flex-wrap: wrap;}
 #banner{ margin: 0px; padding: 5px 0px;}
}
@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;}
.footer-top{padding-bottom:0;}
.statistic{ margin-top:20px;}
.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}
.box-news{width:100%;float:none;margin:0 0 20px;}

.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%;}
.box-sanpham-calc{ width: calc(100% / 2);}
.intro-left{ padding: 30px;}
  .title-center h2, .title-sanphamnb p, .lienhe-right h3{ font-size: 18px;}
.cap1sanphamnb{ margin-bottom: 30px}
.product-item{ padding: 15px 5px;}
 .product-items{margin: -15px -5px;}
 .tieuchi-item{padding: 20px 10px;}
}
@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;}
  .intro-right{ width: 100%;}
 .intro-right a img{ width: 100%;}
 .footer-1,.footer-2,.footer-3, .footer-4{width:100%;float:none;margin:0 0 20px 0;}
.cap1sanphamnb h3{padding: 8px 30px 7px 30px;margin: 5px 5px;}
.name-product{ margin: 10px 0px 5px 0px; }
.price-new{margin: 0px;font-size: 13px;line-height: 28px;}
.title-intro h3{font-size: 18px;max-width: unset;}
.lienhe-right h4{ margin-bottom: 30px;}
.tieuchi-item{ padding: unset;}
.name-product a{ font-size: 13px;}
 .grid-thuvienanh{ grid-template-rows: repeat(2, 180px);}
 .xemthem{ font-size: 14px; width: 110px;}
 .footer-4 iframe{ width: 100%; max-height: 300px;}
}
@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;}
   .title-center h2, .title-sanphamnb p, .lienhe-right h3{ font-size: 16px;}
}




/* 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){
       .news-total-container{margin:-5px;}
        .boxs-news{padding: 5px;}
     .time-news{flex-wrap:wrap;margin-top: 10px;}
            .time-news span{width:100%;}
            .time-news span:nth-child(2){margin-left:0px;}
            .title-main h1, .title-main h2, .title-main span{ font-size: 24px;}
        }

/* product tpl 3 */
/* @media (max-width:600px){
    .product-total-right,.product-total-left{width: 100%;}
    .product-total-left{margin-bottom: 25px;}
} */