@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%; } 
.intro-title h2 { font-size: 40px; } 
.intro .btn-border { margin: 23px 0; } 
 .footer-1 { width:35%; margin:0px; } 
.footer-1 { width: 100%; text-align: center; } 
.footer-3, .footer-4, .footer-2 { width: 20%; margin-right: 10px; } 
.footer-5 { width: 20%; } 
.logo2 { margin-top: 0; margin-bottom: 20px; } 
 .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 25px; right: auto; } 
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 25px; left: auto; } 
 }
@media (min-width:992px) and (max-width:1199px) { } 
@media (max-width:991px){
 #header,.banner-ab,#menu,.right, .banner { display:none; } 
#banner { display: block; } 
#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%; } 
 #commit, #intro { padding: 30px 0; } 
.slideshow-left h2{margin-bottom: 5px;}
.products-title { margin-bottom: 20px; } 
#products { padding: 0 0 30px 0; } 
.btn-products .btn-border { margin: 25px 0 0 0; } 
.intro { display: block; } 
.intro-left, .intro-right { width: 100%; } 
#doitac { padding: 20px 0 30px; } 
.doitac-title h2 { margin-bottom: 14px; } 
.intro-left {padding-top: 10px;}
.intro-title h2{line-height: 35px;}
.intro{padding: 0 15px;}
.btn-border{    margin: 20px 20px 0 0;}
.commit-item{padding: 20px;}
.products-item{padding: 5px;border-radius: 10px;}
 .swiper-pagination{display: none;}
 .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 8px; right: auto; } 
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 8px; left: auto; } 
.copyright{display: none;}
.copyright2{display: block;}
 }
@media (min-width:768px) and (max-width:991px){
 .footer-1 { width:100%; float:none; margin:0 0 15px; } 
.footer-2, .footer-4 { width:45%; margin-right: 20px; } 
.footer-3, .footer-5 { width:45%; } 
.footer-4 .footer-tit, .footer-5 .footer-tit { margin-top: 10px; } 
 }
@media (max-width:767px){
 .btn-zalo,#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:0; } 
.footer-1,.footer-2,.footer-3, .footer-4 { 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; } 
.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; } 
.item-address-contact { width: 100%; } 
.product-detail-left,.product-detail-right { width: 100%; } 
.product-detail-image-container { flex-direction:column-reverse; } 
.product-detail-left > span { transform:translateY(-50%); top:50%; } 
.product-detail-prev { left: -6px; } 
.product-detail-next { right: -6px; bottom: unset; } 
.left-pro-detail,.right-pro-detail { width: 100%; } 
.products-title { margin-bottom: 10px; } 
.products-items { width: calc(100% / 2); } 
.intro .btn-inner { font-size: 14px; width: 129px; height: 40px; } 
.intro-info { font-size: 14px; line-height: 24px; } 
.footer-1, .footer-2, .footer-3, .footer-4, .footer-5{width: 100%;}
.slideshow-left h2{font-size: 30px;}
.btn-slide{text-align: center;}
.intro{padding: 0 30px;}
.commit-item{padding: 10px;}
.slideshow{padding: 0;}
.slideshow h2{line-height: 40px;}
 }
@media (min-width:481px) and (max-width:767px) { } 
@media (max-width:480px) {
	.doitac-title h2 {font-size: 27px}
.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 0px; right: auto; } 
.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 0px; left: auto; } 


 } 
@media (max-width:374px){
 .lh-con-l,.lh-con-r { width:100%; float:none; margin:0px; padding:0px; } 
.lh-con-r { margin-bottom:10px; } 
 }