/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1500px) { 
.menu_main > li > a { padding: 1.2rem 0.8rem;}

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1500px) and (max-width: 2100px) { 
.menu_main > li > a { padding: 1.2rem 0.8rem;}
}

/*Extra Extra Large - Desktop*/ 
@media(min-width: 2200px){  
.menu_main > li > a { padding: 1.2rem 0.8rem;}
}

/*Extra Extra Large - Desktop*/ 
@media (max-width: 1399.98px){ 
.menu_main > li > a { padding: 1.2rem 0.8rem;}
}
/*Large Devices (Laptops ≥992px and <1200px)*/
@media (max-width: 1199.98px) { 
/*Head*/ 
.box_logo {width:100px;}
.link_hosonangluc {padding: 0 0.3rem;}
.box_socialtop .social_list li a {margin-right: 0.8rem;} 
.box_ngonngu a { margin:0}
/*Menu*/
.menu_main > li > a {padding: 0.9em 0.5em;font-size: 0.8rem;} 
/*Dự án*/
.box_duantieubieu:before {background-size: cover;} 
/*Footer*/
.thongtinfooter h3, .thongtinfooter h4 {font-size: 0.98rem;}
.thongtinfooter2 p { font-size: 0.85rem;}



}

/* Medium Devices (Tablets ≥768px and <992px) */
@media (max-width: 991.98px) {
/*Dùng chung*/
.title_home {font-size: 1.3em;} 
/*Head*/
.anmobile{display:none}
#sticker {position: fixed;width: 100%;top: 0;z-index: 2;background-color: #f6f6f6; padding: 0.2em 0 0.5em;} 
.box_headtop {border-top: none;}
.box_headtop:after{display:none}
.box_logomain{margin:0 auto}
.menu_main{display:none} 
.box_menuchild{margin:0 auto}  
.box_ngonngu {right: 1rem;top: 1.8rem;position:fixed}
/*Slide*/
.margin_topmobile,.bannersingle,.margintop_mobile{margin-top:5.5rem}
.owl-banner .owl-nav{display:none} 

/*Giới thiệu*/ 
.box_gioithieumain { padding: 1rem 0;}
.boxnoidung_gioithieu {margin: 1em 0;}
 
.tieudegioithieu {font-size: 1.5rem; } 
.noidunggioithieu h2 { font-size: 1.2em; } 
.imggioithieu{margin:2em 0}
/*Dự án*/ 
.box_duantieubieu:before {background-size: cover;}
.tieude_homehomeduan1 {width: auto;margin: 1.5rem 1rem;}
.shop-tab {overflow-x: auto;overflow-y: hidden; padding-bottom:1em}
.shop-tab::-webkit-scrollbar{height:0.2em;}  
.shop-tab::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;}
.shop-tab::-webkit-scrollbar-thumb{background-image: -webkit-linear-gradient(
45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}
.nav {flex-wrap: inherit;}
.shop-tab li a {padding: 0.3em 1em;  white-space: nowrap;background: #454545;color: #fff;}
.shop-tab li a img {width:2.5em;filter: brightness(0) invert(1);}
/*Thiết kế - Thi công*/
.box_homedichvu{padding:0 10px}
.box_dichvuchild{padding:1rem}
.owl-homethietkethicong .owl-item{width:25% !important;margin-bottom:2em}
.box_dichvuchild h3 { font-size: 0.9em;height: auto;}
/*Tư vấn*/
.btn_dktuvanhome{padding: 0.6em 1.5em; } 
/*Đăng ký tư vấn*/
.title_datlich h2 { 
line-height: 60px;
font-size: 1.2rem;
}
.title_datlich img { 
width: 4em;
}
.btn_goilaihead { 
margin: 0 auto; 
display: table;
}
/*Footer*/
.box_phoneandmail{text-align:left}
.box_phoneandmail a {
font-size: 1.2rem;
margin: 0.3rem 0;
display: block;
}
.thongtinfooter h3, .thongtinfooter h4 {
margin: 1rem 0; 
}  
.box_designby { padding-bottom: 4em;}
/*Văn phòng*/
.diachi_vanphong { 
margin-bottom: 2em;
}
/*Hỗ trợ*/
.support-online{bottom: 0;left: 0; position: fixed;bottom: 0; width: 100%; padding:0.4rem;background-color:#1835a5}
.support-content{display:flex}
.support-content li {text-align: center;font-size: 13.5px;margin: 0;display: inline-block;flex-grow: 1;}
.support-content li a { width: auto; height: auto; background-color:transparent !important;border-radius: inherit;margin-bottom: 0;}
.support-online a > svg{margin-top:0;    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;}
.support-content li a span{display: block;width: auto;padding: 0;background-color: transparent;position: relative;margin: 0;left: 0;}
.support-online a span:before{display:none}
.animated.infinite{display:none}
.support-online a .box_iconsvg {background-color:transparent;position: relative;text-align: center;width: auto;height: auto;border-radius: inherit;}
.support-online a .box_iconsvg >svg{margin-top:0}


} 
 

/* Small Devices (Mobiles ≥576px and <768px) */
@media (max-width: 767.98px) {
/*Dùng chung*/
.title_home {font-size: 1.2em;padding-bottom: 1.5em;} 
/*Head*/
.anmobile{display:none}
#sticker {position: fixed; width: 100%; top: 0; z-index: 2; background-color: #f6f6f6;padding: 0;} 
.box_headtop {border-top: none;}
.box_headtop:after{display:none}
.box_ngonngu {justify-content: center; background-color: #159ddb; padding:0.2rem 0 0.3rem; position: relative; top: 0;right: 0;}
.box_logomain{margin:0 auto}

.menu_main{display:none} 
.box_menuchild{margin:0 auto}   
.box_jasearch{ padding-left: 0; margin:0.3em 0 0;}
.ja-search {margin-top: 0;}
.ja-search form input[type="text"] ,.ja-search form button{height: 31px;} 
/*Slide*/
.margin_topmobile,.bannersingle,.margintop_mobile{margin-top:6.5rem}
.owl-banner .owl-nav{display:none} 

/*Giới thiệu*/ 
.box_gioithieumain { padding: 1rem 0;}
.boxnoidung_gioithieu {margin: 1em 0;}
 
.tieudegioithieu {font-size:1.5rem;text-align:center;} 
.noidunggioithieu h2 {font-size:1.1em; } 
.imggioithieu{margin:1em 0}
.btn_xemthemgioithieu {display:table;margin:0.8em auto;}
/*Dự án*/ 
.box_duantieubieu:before {background-size: cover;}
.tieude_homehomeduan1 {width: auto;margin: 1.5rem 0.5rem; text-align: justify;}

.tieude_danhmucxaydung1 { width: 320px;}
.shop-tab {overflow-x: auto;overflow-y: hidden; padding-bottom:1em}
.shop-tab::-webkit-scrollbar{height:0.2em;}  
.shop-tab::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;}
.shop-tab::-webkit-scrollbar-thumb{background-image: -webkit-linear-gradient(
45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}
.nav {flex-wrap: inherit;}
.shop-tab li a {padding: 0.3em 1em; white-space: nowrap;background: #454545;color: #fff;}
.shop-tab li a img {width:2.5em;filter: brightness(0) invert(1);}

.box_duantitle { padding: 1rem 0.5rem;}
.loaicongtrinh {font-size: 0.8rem;}
/*Thiết kế - Thi công*/
.box_homedichvu{padding:0 10px}
.box_dichvuchild{padding:1rem;margin-bottom: 0.06rem;}
.img_dichvu {width: 80px; height: auto; float: left;margin-right: 1rem;}
.box_tieudedichvu{float: left}
.gioithieu_homedichvu {display: inline-block;margin-top: 0.5rem;}
.owl-homethietkethicong .owl-item{width:25% !important;margin-bottom:2em}
.box_dichvuchild h3 { font-size: 0.7em; height: 45px;width: 100%;  padding: 0 0.5em;text-align: center;line-height: 1.6em;}
/*Tin tức*/
.box_hometintuc { padding: 0 0 2rem;}
/*Đăng ký tư vấn*/
.title_datlich h2 { line-height: 60px;font-size: 1.2rem;}
.title_datlich img { width: 4em}
.btn_goilaihead { margin: 0 auto; display: table;}
/*Footer*/
.box_phoneandmail{text-align:left}
.box_phoneandmail a {font-size: 1.2rem;margin: 0.3rem 0;display: block;}
.thongtinfooter h3, .thongtinfooter h4 {margin: 1rem 0; }  
.box_designby { padding-bottom: 4em;}
/*Hỗ trợ*/
.support-online{bottom: 0;left: 0; position: fixed;bottom: 0; width: 100%; padding:0.4rem;background-color:#1835a5}
.support-content{display:flex}
.support-content li {text-align: center;font-size: 13.5px;margin: 0;display: inline-block;flex-grow: 1;}
.support-content li a { width: auto; height: auto; background-color:transparent !important;border-radius: inherit;margin-bottom: 0;}
.support-online a > svg{margin-top:0;    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;}
.support-content li a span{display: block;width: auto;padding: 0;background-color: transparent;position: relative;margin: 0;left: 0;}
.support-online a span:before{display:none}
.animated.infinite{display:none}
.support-online a .box_iconsvg {background-color:transparent;position: relative;text-align: center;width: auto;height: auto;border-radius: inherit;}
.support-online a .box_iconsvg >svg{margin-top:0}	
	
}

/* Extra Small Devices (Mobiles <576px) */
@media (max-width: 575.98px) {
/*Dùng chung*/
.title_home {font-size: 1.2em;padding-bottom: 1.5em;} 
/*Head*/
.anmobile{display:none}
#sticker {position: fixed; width: 100%; top: 0; z-index: 2; background-color: #f6f6f6;padding: 0;} 
.box_headtop {border-top: none;}
.box_headtop:after{display:none}
.box_ngonngu {justify-content: center; background-color: #159ddb; padding:0.2rem 0 0.3rem; position: relative; top: 0;right: 0;}
.box_logomain{margin:0 auto}

.menu_main{display:none} 
.box_menuchild{margin:0 auto}   
.box_jasearch{ padding-left: 0; margin:0.3em 0 0;}
.ja-search {margin-top: 0;}
.ja-search form input[type="text"] ,.ja-search form button{height: 31px;} 
/*Slide*/
.margin_topmobile,.bannersingle,.margintop_mobile{margin-top:6.5rem}
.owl-banner .owl-nav{display:none} 

/*Giới thiệu*/ 
.box_gioithieumain { padding: 1rem 0;}
.boxnoidung_gioithieu {margin: 1em 0;}
 
.tieudegioithieu {font-size:1.5rem;text-align:center;} 
.noidunggioithieu h2 {font-size:1.1em; } 
.imggioithieu{margin:1em 0}
.btn_xemthemgioithieu {display:table;margin:0.8em auto;}
/*Dự án*/ 
.box_duantieubieu:before {background-size: cover;}
.tieude_homehomeduan1 {width: auto;margin: 1.5rem 0.5rem; text-align: justify;}

.tieude_danhmucxaydung1 { width: 320px;}
.shop-tab {overflow-x: auto;overflow-y: hidden; padding-bottom:1em}
.shop-tab::-webkit-scrollbar{height:0.2em;}  
.shop-tab::-webkit-scrollbar-track{box-shadow:inset 0 0 5px grey;}
.shop-tab::-webkit-scrollbar-thumb{background-image: -webkit-linear-gradient(
45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}
.nav {flex-wrap: inherit;}
.shop-tab li a {padding: 0.3em 1em; white-space: nowrap;background: #454545;color: #fff;}
.shop-tab li a img {width:2.5em;filter: brightness(0) invert(1);}

.box_duantitle { padding: 1rem 0.5rem;}
.loaicongtrinh {font-size: 0.8rem;}
/*Thiết kế - Thi công*/
.box_homedichvu{padding:0 10px}
.box_dichvuchild{padding:1rem;margin-bottom: 0.06rem;}
.img_dichvu {width: 80px; height: auto; float: left;margin-right: 1rem;}
.box_tieudedichvu{float: left}
.gioithieu_homedichvu {display: inline-block;margin-top: 0.5rem;}
.owl-homethietkethicong .owl-item{width:25% !important;margin-bottom:2em}
.box_dichvuchild h3 { font-size: 0.7em; height: 45px;width: 100%;  padding: 0 0.5em;text-align: center;line-height: 1.6em;}
/*Tin tức*/
.box_hometintuc { padding: 0 0 2rem;}
/*Đăng ký tư vấn*/
.title_datlich h2 { line-height: 60px;font-size: 1.2rem;}
.title_datlich img { width: 4em}
.btn_goilaihead { margin: 0 auto; display: table;}
/*Footer*/
.box_phoneandmail{text-align:left}
.box_phoneandmail a {font-size: 1.2rem;margin: 0.3rem 0;display: block;}
.thongtinfooter h3, .thongtinfooter h4 {margin: 1rem 0; }  
.box_designby { padding-bottom: 4em;}
/*Hỗ trợ*/
.support-online{bottom: 0;left: 0; position: fixed;bottom: 0; width: 100%; padding:0.4rem;background-color:#1835a5}
.support-content{display:flex}
.support-content li {text-align: center;font-size: 13.5px;margin: 0;display: inline-block;flex-grow: 1;}
.support-content li a { width: auto; height: auto; background-color:transparent !important;border-radius: inherit;margin-bottom: 0;}
.support-online a > svg{margin-top:0;    -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;}
.support-content li a span{display: block;width: auto;padding: 0;background-color: transparent;position: relative;margin: 0;left: 0;}
.support-online a span:before{display:none}
.animated.infinite{display:none}
.support-online a .box_iconsvg {background-color:transparent;position: relative;text-align: center;width: auto;height: auto;border-radius: inherit;}
.support-online a .box_iconsvg >svg{margin-top:0}




}