@media (min-width:1200px) { } 
@media (max-width:1199px){
 #search { right:15px; } 
#container {padding: 20px 0px;} 
.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-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,#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%; } 
.slick-tab { margin: -5px; } 
.wrap-sanpham-slick { padding: 5px; } 
.slideshow { margin: 0; } 
.main-type { padding: 30px 0; } 
.pic-tdm { flex-wrap: wrap; } 
.center-1366 { padding:0 10px; } 
.img-tdm { width: 50%; } 
.content-tdm { width: 40%; } 
.name-tdm a { font-size: 20px; } 
.content-dm3 a { font-size: 20px; } 
#banner { display: block; } 
#project-detail-fullpage,.project-detail-swiper{}
.right-pro-detail {
    padding: 30px 10px 0;
}
.content-sl {
    left: 50%;
    transform: translateX(-50%);
    right: unset;
    width: 80%;
    text-align: center;
}
 }
@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: 33.25%; margin: 0px .1% 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; } 
.img-tdm { width: 50%; } 
.content-tdm { width: 40%; } 
.name-tdm a { font-size: 20px; } 
.content-dm3 a { font-size: 20px; } 
 }
@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; } 
.footer-1, .footer-2, .footer-3, .footer-4, .footer-5 { 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%; padding: 20px 15px; } 
#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%;margin-left: 0;} 
.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; } 
.item-address-contact { width: 100%; } 
.main-type .title-1 { /* display: block; */ } 

.title-sanpham { gap: 20px; } 
.box-tdm:nth-child(even) .pic-tdm .content-tdm { text-align: left; } 
.box-tdm:nth-child(even) .pic-tdm .img-tdm { order: 1; } 
 }
@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: 33.2%; margin: 0px .2% 11px 0px; } 
.box-product:nth-child(3n) { 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; } 
.img-tdm { width: 100%; } 
.content-tdm { width: 100%; padding: 20px; } 
.name-tdm a { font-size: 20px; } 
.content-dm3 a { font-size: 20px; } 
h3.click-tab { font-size: 18px; } 
 }
@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.9%; margin: 0px .1% 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; } 
.main-type .title-1 { /* display: block; */ } 
.title-sanpham { gap: 12px; } 
 .btn-i { margin: auto; margin-right: 0; height: 35px; width: 30%; } 

h3.click-tab { font-size: 14px; } 
.content-tdm { width: 100%; padding: 20px; } 
.name-tdm a { font-size: 20px; } 
.content-dm3 a { font-size: 20px; } 
.img-tdm { width: 100%; } 
.main-feedback .title-1 h2:before { bottom: -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; } 
 }