/*Laptops, desktops*/ 
@media (min-width: 1025px) and (max-width: 1280px) { 
.margin_topmobile {
margin-top:8rem;
}

} 
/*Reponsize*/
@media (max-width:1200px){ 
/*Head*/ 
.menu_head li a span { 
font-size: 0.7em; 
}
/*Menu*/
.menu_main > li > a {padding: 0.9em 1.5em;} 
/*Giới thiệu*/
.noidunggioithieu h2 {
    font-size: 1.2em; 
    margin-bottom: 0; 
}
/**/
.box_hometuvan h3 { 
font-size: 1.1em;
}
/*Quy trình*/
.box_quytrinhlv{margin-bottom:1.5em}
.box_quytrinhlamviec { 
padding: 1em 0.5em; 
}
.soquytrinh { 
font-size: 1.5em; 
}
.box_quytrinhlamviec h3 {
font-size:0.8em;
line-height: 1.8em; 
}
/*Footer*/
.thongtinfooter2 p { 
font-size: 0.85rem;
}



}

@media (max-width:992px){ 
/*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;} 
.menu_main{display:none} 
.box_menuchild{margin:0 auto}  
.box_jasearch{ padding-left: 0;margin:0.3em auto 0;}
.ja-search {
margin-top: 0;
}
/*Slide*/
.margin_topmobile,.bannersingle,.margintop_mobile{margin-top:2.9rem}
.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*/ 
.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:0 !important}
.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;
}
/*Tư vấn*/
.btn_dktuvanhome{padding: 0.6em 1.5em; }

/*Quy trình*/
.box_quytrinhlv{margin-bottom:1.5em}
.box_quytrinhlv img {
    height: 100px;
}
/*Ý kiến khách hàng*/
.box_imgkh { float: none; margin: 0 auto;}
.content_kh {margin-top: 10px;}
.content_kh:before {display:none}
/*Đă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:#a57019}
.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}


} 

/*Ipad ngang(1024 x 768)
@media screen and (max-width: 1024px){

}
/*Ipad dọc(768 x 1024)
@media screen and (max-width: 768px){

}
/*Tablet nhỏ(480 x 640)
@media screen and (max-width: 480px){

}
/*Iphone(480 x 640)
@media screen and (max-width: 320px){

}
/*Smart phone nhỏ
@media screen and (max-width: 240px){

}
*/

@media (max-width: 768px) and (max-width: 480px) and (min-width: 320px)
{ 
/*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;} 
.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:2.9rem}
.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:1em 0}
/*Dự án*/ 
.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);}


/*Thiết kế - Thi công*/
.box_homedichvu{padding:0 10px}
.box_dichvuchild{padding:0 !important}
.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;
}
/*Tư vấn*/
.btn_dktuvanhome{    padding: 0.6em 1.5em;
margin: 1em auto 0;}

/*Quy trình*/
.box_quytrinhlv{margin-bottom:1.5em}
.box_quytrinhlv img {
    height: 100px;
}
/*Ý kiến khách hàng*/
.box_imgkh { float: none; margin: 0 auto;}
.content_kh {margin-top: 10px;}
.content_kh:before {display:none}
/*Đă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:#a57019}
.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}




}