@media (min-width:1200px){
}
@media (max-width:1199px){
#search{right:15px;}
#container{padding:20px 15px;}
.box-dt{max-width:95%;}
.box-tintuc{max-width:95%;}
}
@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-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{display:none;}
#banner .center{display:flex;align-items:center;justify-content:center;}
.logo{position:static;padding:0;margin: auto;}
.banner{padding:0;}
#menu-mobile{display:block;}
#smenu a{font-family:RM;color:#fff;font-size:16px;margin-left:5px;}
.left{width:100%;}
.box-product{width: calc(100% / 2);}
#banner{display: none;}
#banner-2{display: block;}
.content-silder{display:none;}
#aboutus{padding:30px 0;}
.aboutus{display:block;}
.content-ab{width:100%}  
.box-po{padding:0 15px;}
.portfolio{margin:0 -15px;} 
.our-team{padding:0 0 30px;} 
.form-per{margin:0 -15px;}    
.box-per{padding:0 15px;}    
}
@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-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: auto;height:auto;}
#footer{padding-bottom:45px;}
.footer-top{padding-bottom:0;}
.logo-footer, .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}
.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;}
.box-product{width: calc(100% / 3);}
.name-ab{font-size:34px;}
.title-po{display:block;} 
.slick-po .slick-next{right:2px;}
 .form-our{display:block;}
 .content-our{width:100%; padding:9px 0 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-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: calc(100% / 2);}
.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;}
.name-ab{font-size:30px;}    
.text-ab{font-size:22px;}  
.title-po h2{font-size: 29px;}    
.slideshow a img {
    min-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;}
}