@charset "utf-8";
@media screen and (max-width: 1024px) {
 	.resolution{ background: #f60 } /* Cam */
 	.boxfilterapsolute{margin: 0; padding: 10px; bottom: 3%; right: 1%}
}
@media screen and (max-width: 980px) {
    .boxfilterrelative{display:none;}
    .rightct{display:none;}
    .leftct{width:100%;}
	.resolution{ background: #09f } /* Xanh dương */
	.boxfilterapsolute{ position: relative; bottom: -10px; display:none; }
	#MobileMenu{ display: block; z-index: 111 }
	#menutop{ position:relative; z-index: 5555; font-size: 120%}
	#menutop ul{ position:absolute; background: #eee; width: 100%; display: none; top:100%; z-index: 1000;}
	#menutop ul li{ position:relative; float:none; width: 100%}
	#menutop ul ul{ position:relative; background:#fff; padding:0}
	#menutop ul ul li{ width: 100%; display: none}
	#menutop ul ul a { padding-top:16px !important; padding-bottom:16px !important}
	#menutop ul ul ul li { position: relative; top:100%; left:0; display: none; padding-left: 5%; width: 95% }
	#menutop ul ul li:hover > ul{ display: none }
	#menutop ul ul ul{ position: relative; top:0; left:0;}
	#menutop ul > li > span{ display: inline-block; position: absolute; top:10px; right: 10px; width: 60px; height: 30px; background: url(../images/diagonal-arrow0.png) center center no-repeat; background-size:16px; text-indent: -9999px; cursor: pointer; border-radius: 5px }
	#menutop ul > li:hover > span{ background: url(../images/diagonal-arrow.png) center center no-repeat; background-size:16px}
	.kw_search{ position: absolute; z-index: 9999; top: 0; right: 0 }
	.wrap-spbanchay{/*height: 250px !important*/}
	.spbanchay li > a{ width: 48% !important; height: 220px !important}
	.spbanchay li p.add{ display: none }
	#boxsp li.product{ width: 44%; float: left; margin:2%; padding:0.5% 1%; position: relative; }
	.logothuonghieu li > a{ width: 30.33% !important}
	.footer .info{ width: 100%; float: none; text-align: center; padding:0; margin-top: 20px }
	.footer .link{ width: 100%; text-align: center;padding:0; margin-top: 20px; margin-bottom: 20px }
	.footer .social{ width: 100%; float: none; text-align: center; padding:0; overflow: hidden; padding: 20px 0}
	.cgallery{ width: 96% !important ; margin:0 auto; }
    .cinfo{ width: 100% !important ; margin:0 auto; }
	.popup .frame{ width: 90% !important; height: auto; }
	input.full{ padding:2% !important; }
	table{ width: 100% !important }
	img{ max-width: 100%; height: auto; }
	iframe{ max-width: 100% !important }
	.leftcol{ display: none }
	.content{ width: 100%; float: none }
	.kw_headerapsolute a.logo{ width: 40%; text-align: left; float: left; }
	.kw_headerapsolute .hotline{ width: 58%; float: left; }
	.kw_headerapsolute .hotline span{ display: none}
	.rowtexttop{padding: 20px 0}
	.texttop{ width: 100%}
	.texttop li{ width: 31.33%; float: left; text-align: center; color:#fff; text-transform: uppercase; font-size: 8px; padding: 0; margin: 1%}
	.texttop li img{ width: 70px; height: 70px; margin-bottom: 10px }
	.mailletter input#btnSubmit{ right:0}
	ul.slider li .info{ width: 70% }
	ul.slider li .info p{ display: none }
	ul.slider li .info span.button{ display: none }
	ul.slider li .info h3{ font-size: 18px !important }
	.rowfilter{ width: 48% }
	.row_banchay{/*display: none*/}
	.lastestnews{ width: 100%; margin:0; padding:0 }
	.lastestnews li{ width: 48%; margin:1%; padding:15px; margin-bottom: 20px; box-sizing: border-box; }
	.lastestnews li .info{ width: 100%; }
	.lastestnews li .hinh{ width: 100%; height: auto; }
	#menutop ul a{ color: #333 }
	#boxsp li.product .info .giaban{background: none}
	.lefttin{width: 47%; float: left; background: #fff; padding: 1%}
	.lastestnews li{width: 48%; margin: 1%; padding: 15px; margin-bottom: 20px; box-sizing: border-box; background: #fff}
	#boxsp li.news p{max-height: 75px; overflow: hidden}
	#boxsp li.news{height: 145px}
	ul.list li{ height: 185px }
	.zalobot .call-now-button{ bottom: 12%; right: 18%; left: unset; } 
}
@media screen and (max-width: 768px) {
    .resolution{ background: #f0c } /* Hồng */
    /*#boxsp li.product{ width: 45%; padding: 0; margin: 0 2.5%; margin-bottom:10px; box-sizing: border-box;  }
    #boxsp li.product .hinh{width:100%; height:235px;overflow:hidden;}
    #boxsp li.product .info{width:100%; height:auto;}
    #boxsp li.product .info .diachi{width:100%; box-sizing: border-box;}
    #boxsp li.product .hinh img{height:auto}*/
    .xemthem{display: none !important}
    #boxsp li#trangct{width:100%!important;margin:1% 0;}
    #boxsp li#trangct .diachi{display:block;}
    #boxsp li.product .diachi{display:none;}
    .hsp{margin-top:20px;margin-bottom:0;}
    .contact-box{padding:0 0 80px;}
    .advmiddle .info h3{line-height:34px;}
    .xemthemct{display: block;
    width: 30%;
    margin: 0 auto;
    text-align: center;
    
    background: #0077AF;
    padding: 3px 0;
    color: #fff;
    font-weight: bold;}
    .fomr5 .ttfomr{font-size:18px;}
    .hidemobile{display:none;}
    .hidect{display:block;}
    .cinfo h2{margin-top:20px;text-align:center;}
    #boxsplq li.product a{width:48%;}
    #boxsplq li.product h3{font-size:16px;}
    .modal-content{width:100%;}
    .lefttin .hinh{height:160px;}
    .middleadv{ display: none }
    .kw_headerapsolute a.logo{ width: 100%; text-align: center; float: none; }
    .kw_headerapsolute{ position: relative; z-index: 1000 }
    .khung{ margin-bottom: 50px }
    .texttop li p{ height: 40px }
    p.price{font-size:18px;}
    .lefttin{ width: 96%; margin: 0; margin-bottom: 12px; outline: 1px #ccc solid; padding: 2% }
    .lastestnews li .info{width:60%; float:right;}
    .lastestnews li .hinh{width:35%; float:left;}
    .righttin{width:100%; margin:0;}
    .lastestnews li{border:1px solid #ddd; margin-bottom: 0px; margin-top: 15px}
    .lastestnews li h3{height:75px;}
    .lcontact, .rcontact{ width: 100% }
    .col-contact{width:100%;}
    .advmiddle .info{width:100%;}
    .advmiddle .hinh{width:100%; margin-top:10px;}
    .advmiddle .info ul li{ width:100%; margin:0; margin-top:5px;}
    .formleft{width:100%;}
    #boxsp li.news{width: 96%; padding: 1%; margin: 1%}
    .wrap-spbanchay{ height: 375px !important }
    .spbanchay li > a{ width: 48% !important; height: 300px !important}
    .chupanhcanho li > a{ width: 48% !important; height: 300px !important}
    .spbanchay li > a p.add{ width: 100%;  padding: 0; margin: 0; padding: 5%; padding-top: 2%; background: none }
    #menutop ul li{padding:15px 0; margin:0;}
    h2.titlechupanh{font-size: 18px; color: #104982; font-weight: normal; text-align: justify; line-height: 23px}
    .setpoppupsanpham img{ margin: 0px; width: 18px }
    .click2 span{margin-bottom:3px;}
    .click2 a{font-size:30px!important;}
    .boxcall{position: fixed; z-index: 9990; bottom: 0; left: 0; border-radius: 5px; background: #114a82 url(../images/phone-call.png) left 9px center no-repeat; background-size: 16px; padding: 6px 14px 6px 32px; font-size: 14px}
}
@media screen and (max-width: 640px) {
	.resolution{ background: #f0c } /* Hồng */
    /*#boxsp li.product{ width: 45%; padding: 0; margin: 0 2.5%; margin-bottom:10px; box-sizing: border-box;  }
    #boxsp li.product .hinh{width:100%; height:auto;}
    #boxsp li.product .info{width:100%; height:auto;}
    #boxsp li.product .info .diachi{width:100%; box-sizing: border-box;}
    #boxsp li.product .hinh img{max-height:220px;}*/
	.cinfo{ border: 0 !important;}
	.callback span.title{ display: none }
	p.price{ font-size: 20px }
	.lastestnews li{margin-top: 15px; width: 100%}
	ul.list li{ width: 46% }
	.control ul.list li img{width: 100%; margin: 0; height: auto}
	.hsp{ font-size: 24px; border-bottom: 2px solid #114a82 } 
    .leftct ul{padding: 0 !important}
}
@media screen and (max-width: 480px) {
    .goimobile{display:none;}
    .click2{width:100%!important;}
    .click3{width:100%!important;}
    .click4{width:100%!important;}
    .click5{width:100%!important;}
    .click1{width:100%!important;}
    .hinhct{width:100%;}
    .kw_header a.logo{width:100%;}
    .formhl{display:none;}
    #menutop{width:100%; margin:0; margin-top: 10px;}
    ul.tabs{display:none;}
    .nutclick{width:100%;}
	.resolution{ background: #0005cb } /* Dương dậm */
	#boxsp li.product{width: 48%; margin: 1%; box-sizing:border-box;}
	.lastestnews li .info .mota{display:none;}
	.lastestnews li .hinh{width:45%;}
	.lastestnews li .info{width:45%;}
	.rtop .left{width:100%; text-align:center;}
	.rtop .right{width:100%; text-align:center;}
    #boxsp li.product .info{width:100%; height:auto;}
    #boxsp li.product .info .diachi{width:100%; box-sizing: border-box;}
    #boxsp{padding-bottom:10px;}
    .sec_title{margin-top:60px;}
    .lastestnews li .hinh{height:100px !important}
    .lastestnews li .hinh img{width: 100%;
    height: 100%;
    object-fit: cover;}
    .sp-large{width:100%;} 
    .sp-thumbs{width:100%;}
    .sp-wrap{display:block !important;}
    .lastestnews li h3{height:auto;}
	.texttop li{ width: 100%; margin: 0 }
	.lastestnews li{ width: 100%; margin: 0; margin-bottom: 10px }
	#boxsp li.news{ height: auto }
	#boxsp li.news .frame{ width: 100%; margin: 0; padding: 0 }
	.cinfo{ width: 100% !important }
	.cinfo ul.property li{ width: 98% }
	ul.list li{ width: 100%; height: auto }
	.spbanchay li > a{width: 98% !important}
	.chupanhcanho li > a{width: 98% !important}
	.wrap-chupanhcanho .control{ display: none }
    ul.list li { padding-left: 0 !important; padding-right: 0 !important }
}
@media screen and (max-width: 415px) {
    .resolution{ background: #834100 } /* Nâu */
}
@media screen and (max-width: 320px){
	.resolution{ background: #ccc } /* Xám */
}