@media (max-width:1366px){
    .menu-right { padding: 0; } 
    .menu-left { padding-left: 10px; } 
    .menu-right-top { font-size: 20px; line-height: 1.2; } 
    #intro, #thuvienanh, #dvnb, #bottom, .footer-top{padding: 50px 0;}
    }
    @media (max-width:1199px){
    #search { right:15px; } 
    #container { padding:20px 15px; } 
    .box-dt { max-width:95%; } 
    .box-tintuc { max-width:95%; } 
    #menu .menu-right,.menu-left:after { display: none !important; } 
    .menu-left { width: auto;} 
    #menu, #menu .box-menu { background: #fff; height: auto; position: relative !important; } 
    .box-menu { padding: 10px 0; justify-content: center !important; } 
    #intro, #thuvienanh, #dvnb, #bottom, .footer-top{padding:40px 0;}
    .box-thuvienanh-content{padding: 30px; font-size: 16px!important;}
    .grid-thuvienanh{grid-gap: 10px 10px;}
    .dvnb-detail .name a{ font-size: 20px;}
    .box-news{width: calc(100% / 3);}
    .box-news-doitac{width: calc(100% / 4);}
    }
    @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,.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 { width: calc(100% / 3); } 
    .box-news, .box-sanpham-calc { padding: 10px 5px; } 
    .boxs-news, .box-sanphams { margin: -10px -5px; } 
    #popup .modal-body a img { max-width: -webkit-fill-available; max-height: -webkit-fill-available; } 
    #intro, #thuvienanh, #dvnb, #bottom, .footer-top{padding: 30px 0;}
    .grid-thuvienanh{grid-gap: 5px 5px;}
    .bottom-left, .bottom-right-tintuc, .dvnb-img, .dvnb-detail, .intro-left, .intro-right{width: 100%;}
    #intro .center{ flex-direction: column-reverse;}
    .bottom-right-tintuc, .intro-left{margin-top: 30px;}
    .dvnb-detail{padding: 15px;}
    .pvd img, .pvd {height: 160px;}
    .video-right{max-height: 160px;}
    .title-txt h2{ font-size: 26px !important;}
    .dvnb-img :where(a, img){ border-radius: 16px;}
    .grid-thuvienanh{ grid-auto-rows: 200px;}
    .box-news{width: calc(100% / 2); padding: 10px 5px;}
    .boxs-news{margin: -10px -5px;}
    .box-news-doitac{width: calc(100% / 3);}
   
    }
    @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){
       .pic-news1 {
           width: 250px;
           margin-right: 20px;
       }
       .content-news1 {
           width: calc(100% - 270px);
       }
       
    .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; } 
    .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, .box-news-left { width:100%; } 
    #top .center > div { width:100%; } 
    #top #breadcrumb { margin-bottom:0 } 
    #container img { height: auto !important; } 
    .box-thuvienanh-content{padding: 15px;}
    .pvd img, .pvd {height: 120px;}
    .video-right{max-height: 120px;}
    .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-left { width: 100%; } 
    .boxs-news-special { width: 100%; } 
    .boxs-news-special { padding: 0px; margin-top: 20px; } 
    .dvnb-detail .name a{ font-size: 16px;}
    .dvnb-detail .mota{margin-bottom: 10px;}
    .grid-thuvienanh .box-thuvienanh:nth-child(3) { grid-column:1/4; grid-row: 2/3; } 
    .grid-thuvienanh .box-thuvienanh:nth-child(4) { grid-column:4/7; grid-row: 2/3; } 
    .grid-thuvienanh .box-thuvienanh:nth-child(5) { grid-column:1/7; grid-row: 3/4; } 
    .title-intro h3{ font-size: 26px;}
    .box-news-doitac{width: calc(100% / 2);}
   
    }
    @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){
        #loading .logo_2 img {max-width: 300px;}
       .desc-news {
           margin-bottom: 2px;
           line-height: 20px;
       }
       .name-news {
           font-size: 15px;
           line-height: 21px;
           padding-bottom: 4px;
           font-weight: 700;
       }
       .pic-news1 {
           width: 160px;
           margin-right: 10px;
       }
       .content-news1 {
           width: calc(100% - 170px);
       }
    .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:-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:600px){
    .product-total-right,.product-total-left { width: 100%; } 
    .product-total-left { margin-bottom: 25px; } 
    }*/