@media (max-width:1260px){
    .control-dichvu, .control-fback{ display: none;}
}
@media (max-width:1199px){
#search{right:15px;}
#container{padding:20px 15px;}
.box-dt{max-width:95%;}
.box-tintuc{max-width:95%;}

.footer-1, .footer-2{ width: 48%; margin-bottom: 20px;}
.footer-3, .footer-4{ width: 48%;}
.chuhe-top:after, .chuhe-top::before{ display: none;}
.intro-right{width: 100%; margin-top: 20px;}
.intro-left{padding-right: 0px;margin: 0 auto;}
 .intro-left a img{ max-width: unset; width: 100%; object-fit: cover;}
}
@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;}

}
@media (max-width:991px){
#header,.banner-ab,.menu-center, .menu-right,.right{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);}


.footer-top{ padding-bottom: 35px;}
.title-dichvu::before{left: 5%;}
.title-dichvu::after{ right: 0%;}
 .title-chuhe::after, .title-chuhe::before, .tieuchi-left::after, .box-tieuchi::after{ display: none;}
 .title-chuhe h2{ padding-top: 0px;}
 .title-chuhe{ margin-bottom: 40px;}
 .chuhe-top-left{ margin: 0 auto;}
  .chuhe-top-right{ width: 100%; margin-top: 20px; }
  .tieuchi-left{ width: 100%; margin-bottom: 20px;}
  .tieuchi-right{ width: 100%;}
 #menu{position: relative!important;border: none;}
 #menu .logo{ display: none !important;}
  #menu .logofx{display: flex!important;}
 #menu .menu-left{padding: 5px 0px;margin: 0 auto;}

 .boxs-news, .boxs-news-special{ width: 100%;}
 .boxs-news-special{ margin-left: 0px; margin-top: 40px;}
}
@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;}

}
@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: 15px;}
.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);}


.intro-left{width: 100%;}
#intro::after{ right: 0px;}
.chuhe-top-left{ width: 70%;}
.fback-item{ padding: 20px;}
 .dichvu-detail h3 a{ font-size: 18px; }
 .title-chuhe h3{ font-size: 24px;}
 .title-chuhe h2{ font-size: 18px;}
 .fback-detail .name{ font-size: 16px;}
 .fback-detail .mota{ font-size: 14px;}
 .title-tintucnb::after{ left: 70%;}
.tintucnb-detail{ padding: 15px 0px 0px 0px;}
 
}
@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){
    #intro::before, #intro::after, #dichvu::before{ display: none;}
 #intro, #dichvu, .box-dichvu{ padding-top: 40px;}
 .title-chuhe{ margin-bottom: 20px;}
 .slogandv{max-width: unset;font-size: 14px;}
 .box-news{ padding: 10px 5px;}
 .boxs-news{ margin: -10px -5px;}
}
@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}


 .chuhe-top-left{ width: 85%;}
 .box-newsi h3{ font-size: 18px;}
 .slogan-tieuchi p{font-size: 14px;max-width: 300px;}
 .tintucnb-img a img{border-radius: 24px;}
.tintucnb-img a{border-radius: 24px;}
.tintucnb-img {border: 3px solid #ffdfe1;border-radius: 24px;}
.name-news a{ font-size: 14px;}
.desc-news, .news-readmore{ font-size: 13px;}
}
@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;}
.box-news{ width: 100%; padding: 10px 0px;}
.boxs-news{ margin: -10px 0px;}
}