html, body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; text-rendering: optimizeLegibility; }
    @media (max-width:1260px){
        .banner-right{
            width: 22.916666666%;
            font-size: 24px;
        }
        .banner-center{
            width: calc((100% - 80px) - 24%);
        }
    }
    @media (max-width:1199px){
        #search{right:15px;}
        #container{padding:20px 15px;}
        .box-dt{max-width:95%;}
        .box-tintuc{max-width:95%;}
        .box-slider .center{padding: 0;}
        .slideshow{width: 100%;}
    }
    @media (max-width:1180px){
        .banner-right p{margin-bottom: 0;}
    }
    @media (max-width:1100px){
        .banner-right{
            display: none;
        }
        .banner{
            width: calc((100% - 190px));
            text-align: center;
        }
    }
    @media (max-width:1024px){
        .top-banner{display: none;}
    }
    @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-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){
        #banner .center{padding: 0;}
        .banner-right{width: 75%;}
        #header,.banner-ab,#menu,.right{display:none;}
        #banner .center{display:flex;align-items:center;justify-content:center;}
        #menu-mobile{display:block;background: #A90007;}
        #smenu a{font-family:RM;color:#fff;font-size:16px;margin-left:5px;}
        .left{width:100%;}
        .logo-mobi{display: flex;justify-content: center;}
        .product-items{width: calc(100% / 4);}
        .adv-index{disp lay: none;}
        .title-product-index{margin-bottom: 0;}
        .catalogy-product-mo{background: #000;padding: 0 5px;margin-bottom: 20px;}
        #intro:after{display: none;}
        #intro .center,#intro{margin-top: 0;padding: 15px 0;}
    }
    @media (max-width:960px){
        .click-item span.active:after{display: none;}
        .click-item span.active:before{display: none;}
        #product-tick .title-name:after{display: none;}
        #product-tick .title-name:before{display: none;}
        #product-tick .title-name{border-bottom: 1px solid transparent;}
        .click-item span b{display: none;}
        .slogan-top{display: none;}
        .title-news-index h3{font-size: 28px;}
        .wrap-product-index .center{padding: 0;}
    }
    @media (max-width:880px){
        .left-newsletter-index{width: 100%;margin-bottom: 20px;padding: 0 5px;}
        .right-newsletter-index{width: 100%;padding: 30px 0px;border: none;}
        .right-newsletter-index:after{display: none;}
        .service-items{width: calc(100% / 3);}
        .box-logo{top: 0}
        .intro-left,.intro-right {width: 100%;}
        .intro-right{padding: 0 5px;margin-top: 20px;order: 2;}
        #intro .center{background: none;}
        .btn-xemthem{/* background: #c29709; *//* color: #fff; */}
        .right-newsletter-index:before,.right-newsletter-index:after{display: none;}
    }
    @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-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:800px){
        .slick-customer .slick-prev,.slick-customer .slick-next{display: none;}
    }
    @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}
        #footer{padding-bottom:45px;}
        .footer-top{padding-bottom: 20px;}
        .footer-1,.footer-2,.footer-3,.footer-4{width:100%;float:none;margin:0 0 20px 0;}
        .copyright,.statistic{width:100%;margin-top: 15px;line-height: 16px;}
        .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;}
        .pic-news{width:35%;}
        .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;}
        .product-items{width: calc(100% / 3);}
        .product-content{margin:-5px}
        .news,.video,.signin-left,.signin-right,.intro-right{width:100%; }
        .news,.signin-left{margin-bottom: 15px;margin-top: 20px;}
        .intro-image > a >img{width:100%; object-fit:cover; }
        .content-video-news > div{width: 100%;}
        .content-video-news > div:nth-child(2){width: 100%;margin-top: 20px;}
        
        .title-newsletter-index{font-size: 20px;}
        .title-news-index h3{font-size: 24px;}
        .wrap-news-index .center > div{width: 100%;}
        .wrap-news-index .center > div:nth-child(1){margin-bottom: 20px;}
        .logo{width: 20%;}
        .banner{width: 75%;}
    }
    @media (max-width:660px){
        .banner-center h3, .banner-center h3 span{font-size: 33px;}
        .box-title-map { position: relative; top: 10px; right: 90px; width: 100%; z-index: 1; text-align: left; left: 0; right: auto; margin-bottom: 20px; }
        .right-newsletter-index .form-newsletter2{flex-wrap:wrap;}
        .right-newsletter-index .form-newsletter2 > div{width: calc((100%));margin-bottom: 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:660px){
        .title-product-index {margin-bottom: 15px;}
    }
    @media (max-width:600px){
        .album-index{width: 100%;margin-bottom: 20px;}
        .video-index{width: 100%;height: 400px}    
    }
    
    @media (max-width:550px){
        .title-cata{margin-bottom: 35px;}
        #product-tick .title-name{display: flex;justify-content: space-between;flex-wrap: wrap;}
        .click-item span{width: calc(50%);margin-bottom: 10px;}
        .product-items {width: calc(100% / 2);}
        .row-input-left,.row-input-right{width: 100%;}   
        .list-catalogy{display: none;}
        .service-items{width: calc(100% / 2);}
    }
    @media (max-width:480px){
        .title-news-index h3{font-size: 25px;}
        .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;}
        .group-input,.group-btn{width:100%;flex:unset; margin-bottom:10px;text-align:center;}
        #benefit,.product,#service,#news-video,#signin,.footer-top{padding:15px 0px;}
    }
    @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;}
    }