@media (max-width:1199px){
    #search{right:15px;}
    #container{padding:20px 15px;}
    .box-dt{max-width:95%;}
    .box-tintuc{max-width:95%;}
    .tinintucnb-top-left{ display: none !important;}
    .tinintucnb-top{left: 0px;transform: unset;}
    .tinintucnb-top-right{ margin: 0 auto; width: 50%;}
    }
    @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;}
    .footer-1{width:35%;margin:0px;}
    .footer-2{width:calc(35% - 20px);margin:0 0 0 20px;}
    .footer-3{width:calc(30% - 20px);margin:0 0 0 20px;}
    }
    @media (max-width:991px){
    #header,.banner-ab,.menu-right,.right, .banner-center{display:none !important;}
    #banner .center{display:flex;align-items:center;justify-content:center;}
    .logo{position:static;padding:0;margin-right:15px;}
    .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);}
    .box-news{ padding: 10px 5px;}
    .boxs-news{ margin: -10px -5px;}
    .tintuc-left, .tintuc-detail-tpl-left{ width: 61%;}
    .tintuc-right{ width: 37%;}
        
        .tinintucnb-top{ display: none !important;}
        #tintucnb{ padding-top: 30px;}
        #menu{ position: relative !important; padding: 10px 0px; }
        #menu .center{ justify-content: center !important;}
        .flex-banner{ width: 100%;}
        .banner-slogan{ width: 100%; max-width: unset;}
        .tintuc-detail{ padding: 15px 12px;}
        .tintuc-left .name{ margin: 0px 12px 12px 12px;}
    }
    @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;}
    .footer-1{width:100%;float:none;margin:0 0 15px;}
    .footer-2{width:350px;float:left;}
    .footer-3{width:350px;float:right;}
    }
    @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;margin-right:10px;height:auto;}
    #footer{padding-bottom:45px;}
    .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}
    
    
    .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 .box-thuvienanh-content{background:rgba(0,0,0,0.4);color:#fff;}
    .box-sanpham-calc{ width: calc(100% / 2);}
    
    .boxs-news, .boxs-news-special{ width: 100%; }
    .boxs-news-special{ margin: 0px; margin-top: 20px;}
    .baiviet-ganday, .danhmuc-tintuc, .intro{ padding: 20px 15px;}
    .bgft{ padding: 20px;}
    .title-vct, .title-danhmuc, .title-baiviet-ganday{ font-size: 18px; margin-bottom: 15px;}
    .tintuc-calc{ margin-bottom: 25px;}
    }
    @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:600px){
        .tintuc-index{ flex-wrap: wrap;}
        .tintuc-left, .tintuc-detail-tpl-left{ width: 100%;}
    .tintuc-right{ width: 100%; margin-top: 25px;}
    .baiviet-ganday-item-right{ max-width: 70%;}
    }
    @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}
    
    
    .video-left{ width: 100%;}
    .video-right{width: calc(100% + 5px);margin-top: 20px;max-height: 106px;overflow: hidden;}
    #video-slick{ flex-wrap: wrap; flex-direction: column-reverse;}
    .pvd{ margin-bottom: 0px; margin-right: 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;}
    }
    
    
    
    
    /* 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:-5px;}
            .boxs-news{width:calc(100% / 2); padding: 5px;}
         }
          @media (max-width:480px){
         .time-news{flex-wrap:wrap; display: none;}
         .desc-news{ margin-top: 10px;}
                .time-news span{width:100%;}
                .time-news span:nth-child(2){margin-left:0px;}
            }
    
    /* product tpl 3 */
    /* @media (max-width:600px){
        .product-total-right,.product-total-left{width: 100%;}
        .product-total-left{margin-bottom: 25px;}
    } */