@media (min-width:1200px) { } 

@media (max-width:1199px) {#search { right:15px; } 

#container { padding:20px 15px; } 

.box-dt { max-width:95%; } 

.right-menu {width: 72%; } 

 }

@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) {.col1-product { display: none; } 

.col2-product {width: 100%; } 

#footer {background-image: url(../img/bck-footer.png);background-size: cover;background-repeat: no-repeat;background-position: center;color: white; } 

#banner { display: flex; padding: 10px 0; } 

.wrap-product-in { margin: 0 -5px; } 

.box-product-in { padding: 5px; } 

#header .header-left,.banner-ab,#menu,.right { display:none; } 

#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%; } 

#boloc {margin-top: 30px; } 

.realEstate-items {width: calc(100% / 2);padding: 3px 3px; } 

.wrap-service {margin: 0 5px; } 

.box-service {width: calc(100% / 2);padding: 5px; } 

.box-achievements {width: calc(100% / 2);padding: 10px;text-align: center; } 

.box-bds {padding: 0 5px; } 

.slick-bds {margin: 26px -5px 0; } 

.col-1-photo {width: 100%; } 

.col-2-photo {width: 100%;margin-top: 20px; } 

 }

@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; } 

.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){

.box-content-about-us h2 {font-size: 30px;}

.name-service{font-size: 14px;line-height: 20px;}

.col-1-start {text-align: center; } 

.col-1-start h2 {font-size: 27px;} 

.top-contact {padding: 10px; } 

.center-contact {width: 100%;margin: auto; } 

.box-position, .box-phone, .box-email {display: flex;align-items: center;padding: 10px 0; } 

.service-cc span {font-family: 'FSNeusaBold';font-size: 23px !important;border-bottom: 1px solid;color: var(--color-brown);text-transform: capitalize;padding-bottom: 0px; } 

.title-main h1, .title-main h2, .title-main span {font-size: 40px;line-height: 63px; } 

.main-criteria {padding: 30px 0; } 

.sloganvs {font-size: 16px;margin: 12px auto 0;} 

.main-sanpham {padding: 30px 0; } 

.col-2-start a {width: 100px;height: 100px;font-size: 15px; } 

.col-1-start p {margin-bottom: 21px;} 

.name-cat {margin-top: 30px;font-size: 25px;} 

.wrap-item {margin-bottom: 15px; } 

.main-achievrments {padding: 209px 0 30px; } 

.content-achievements .name-achievements {font-size: 16px; } 

.search p { display: flex; justify-content: center; top: 90px; bottom: 0; right: 0; left: 0; margin: auto; color: white } 

.wrap-bl {margin: 51px -3px 0; } 

.main-bds {padding: 30px 0; } 

.box-product-in { width: calc(100% / 2); } 

.pic-hot-news,.desc-hot-news { width: 100%; } 

 .desc-hot-news { padding: 15px; } 

 .box-hot-news { margin-bottom: 25px; } 

 .news-total-container { margin:-8px; } 

 /* .boxs-news { width:calc(100% / 2); padding: 8px; } */

.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; max-width: 210px; } 

#footer { padding-bottom:45px; } 

.footer-top { padding-bottom:0; } 

.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:100%; } 

.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; } 

.boxs-news {margin: -5px;width: 100%;padding: 0; } 

.box-news {padding: 5px; } 

.boxs-news-special {width: 100%;margin-left: 0;order: -1; } 

.wrap-about-us {flex-wrap: wrap; } 

.col-2-about-us {width: 100%;margin-top: 30px; } 

.col-1-about-us {width: 74.3%;margin: auto; } 

.main-about-us {padding: 30px 0 30px; } 

p.home span {line-height: 58pt;font-size: 53pt; } 

.footer-ab {display: block;padding: 10px;align-items: center; } 

 }

@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:480px) {.logofooter { max-width: 360px; margin: 0 auto 20px; } 

.title-main h1, .title-main h2, .title-main span {font-size: 30px;line-height: 43px;}

.realEstate-items {width: calc(100% / 1);padding: 3px 3px; } 

.box-product-in { width: calc(100% / 1); } 

.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; } 

 }

@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; } 

 }