html, body {font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 25px;text-rendering: optimizeLegibility;min-width: 100%;}
@media (max-width:1260px){
}
@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-center{
        width: calc((100% - 80px));
    }
}
@media (max-width:1024px){
    .banner-right{display: none;}
    .banner{width: calc(100% - 190px);text-align: center;}
}
@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{display: none;}
    .top-banner{display: none;}
    .logo{top: 0;}
    #header,.banner-ab,#menu,.right{display:none;}
    #banner .center{display:flex;align-items:center;justify-content:center;}
    #menu-mobile{display:block;background: #C48133;}
    #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: 5px 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%;padding: 0 5px;box-sizing: border-box;}
    .intro-right{padding: 0 5px;margin-top: 20px;order: 2;}
    #intro .center{background: none;}
    .btn-xemthem{color: #fff;}
}
@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){
    .box-content-adv{display: none;}
    .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-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;text-align: center;}
    .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:before,.title-newsletter-index:after{display: none;}
    .title-newsletter-index{font-size: 20px;}
    .title-news-index h3{font-size: 24px;}
    .logo{width: 25%;}
    .banner {width: 72%;}
    .left-news-index{width: 100%;margin-bottom: 20px;}
    .wrap-news-index .center > div{width: 100%;}
    .form-newsletter2 > div { width: calc((100% / 2) - 10px); margin-bottom: 10px; }
    .box-content-album > div:nth-child(1){width: 100%;}
    .box-item-album{width: calc(100% / 2);}
    .box-content-album{margin: auto;}
}
@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; }
}
@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;}
    .form-newsletter2 > div{
        width: 100%;
        margin-bottom: 10px;
    }

}
@media (max-width:375px){    
    .box-item-album{width: calc(100% );}
    .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;}
}