/* findstore.all.css — trang hệ thống đại lý, mốc 768px. */

/* ===== MOBILE (dưới 768px) ===== */
@media (max-width: 767px) {
	section .top_title{font-size:20px;height:75px;line-height:45px}
	section .info_contact{clear:both;margin-top:30px;width:100%}
	section .info_contact .search{border:1px solid #a0a0a0}
	.search_text_box{border:medium none;height:30px;text-indent:1px;width:252px}
	.info_contact ul{background:#f8f8f8;color:#999;font-size:13px}
	.info_contact ul li{border-top:1px solid #ccc;padding:15px 0}
	.title_contact{color:#666;font-size:15px;margin-bottom:5px}
	.title_contact,.detail_contact{margin:0 5px}
	section .map{margin:auto;width:100%;margin-top:20px;padding-left:10px;padding-right:10px}
	section .map ul li{overflow:hidden}
	section .map ul li:first-child{margin-left:0}
	section .map ul li:last-child{margin-right:0}
	#googleMap{border:none!important;margin:0!important}
	.box_search{clear:both;margin-left:10px;margin-right:10px}
	.box_search .title{padding:10px 0;text-align:center;font-size:22pt;font-weight:400}
	.box_search .fast_search{clear:both;width:100%;overflow:hidden}
	.map .title_search{clear:both;font-size:20pt;text-align:center;padding-right:10px;padding-top:10px}
	.map .result{margin-top:10px;overflow:hidden}
	.map .result li{border-bottom:1px solid #e5e5e5;padding:10px 0;display:flex}
	.map .result li:last-child{border-bottom:none}
	.map .result .img_result{float:left;margin-right:10px;overflow:hidden;text-align:center;max-width:150px;min-width:150px}
	.map .result .img_result img{width:100%}
	.map .result .info{flex-grow:1}
	.map .result .info .name{margin-bottom:0}
	.map .result .info .address{width:97%}
	.map .result .info .name a{color:#000;font-size:15px;font-weight:600;line-height:25px;text-transform:capitalize}
	.map .result .info .other{font-size:13px;float:left;margin-right:10px}
	.map .result .info .des_small{clear:both;overflow:hidden}
	.img_showroom{margin:auto;overflow:hidden;width:98%}
	.info_showroom{margin:auto;overflow:hidden;width:98%;margin-top:15px;text-transform:capitalize}
	.google_map{clear:both}
	.info_showroom .name{background:#666 none repeat scroll 0 0;color:#fff;font-size:16px;font-weight:400;margin-bottom:15px;padding:10px;text-align:center;text-transform:capitalize}
	.info_showroom .description{margin-top:10px;overflow:hidden;text-align:justify}
	.title_line{background:#fff none repeat scroll 0 0;clear:both;font-size:25px;margin:auto;padding:0 20px;position:relative;width:226px;z-index:100;padding-top:40px;font-weight:300}
	.line{border-bottom:1px solid #ccc;margin-bottom:20px;position:relative;top:-8px;z-index:90}
	.title_local{color:#28bdb3;font-size:18px;margin:auto auto 18px;text-align:center;text-transform:uppercase;width:325px;z-index:100}
	.des_local{color:#000;margin:auto;text-align:center;width:96%}
	.all_title{width:100%;margin:auto;padding:0}
	div.search_result .iteam_lo{border-bottom:1px solid #ccc;line-height:40px;padding-left:5px;cursor:pointer;display:block}
	.box_search .fast_search input{border:none;width:90%;padding: 8px 5px;}
	.list_store .resultA li{clear:both;padding-top:8px}
	.list_store .resultA{padding-left:8px;padding-right:8px}
	.box_search .fast_search .box_search_local{border:1px solid #ccc;z-index:9999}
	.box_search .htsch{clear:both;padding-top:10px}
	.box_search select{border:1px solid #e5e5e5;height:30px;margin-bottom:10px;width:200px;float:left;display:block;font-family:UTM_Avo,Arial,sans-serif;margin-left:10px;padding-left:15px;font-size:12px}
	.btn_search{background:#666 none repeat scroll 0 0;color:#fff;cursor:pointer;text-align:center;width:200px;float:left;margin-left:10px;font-size:13px;height:28px}
	div.search_result {
	    height: auto;
	    max-height: 300px;
	    overflow: auto;
	    position: absolute;
	    background-color: white;
	    width: 94%;
	    box-shadow: 0px 3px 3px 0px;
	}
	.list_store { width:97%;height:400px;overflow:auto; }
	.sort_agency {display: inline-flex;width:100%;margin-top:5px; }
	.sort_agency select {margin:0;width: 50%;}
}

/* ===== DESKTOP (từ 768px) ===== */
@media (min-width: 768px) {
	section .top_title{font-size:20px;height:75px;line-height:45px}
	section .info_contact{clear:both;margin-top:30px}
	section .info_contact .search{border:1px solid #a0a0a0}
	.search_text_box{border:medium none;height:30px;text-indent:1px;width:252px}
	.btn_search{background:#666 none repeat scroll 0 0;color:#fff;cursor:pointer;text-align:center;width:120px;float:left;margin-left:35px;font-size:13px;height:28px}
	.btn_search:hover{background:#7b7b7b}
	.info_contact ul{background:#f8f8f8;color:#999;font-size:13px}
	.info_contact ul li{border-top:1px solid #ccc;padding:15px 0}
	.title_contact{color:#666;font-size:15px;margin-bottom:5px}
	.title_contact,.detail_contact{margin:0 5px}
	section .map{clear:both}
	section .map ul li{float:left}
	section .map .info{position:relative}
	section .map .info .hotline{position:absolute;left:0}
	section .map ul li:first-child{margin-left:0}
	section .map ul li:last-child{margin-right:0}
	#googleMap{border:none!important;margin:0!important}
	.box_search{clear:both}
	.box_search .detail{margin:15px 0}
	.box_search .fast_search{clear:both}
	.box_search .slow_search{float:left}
	.box_search select{border:1px solid #e5e5e5;height:30px;margin-bottom:10px;width:250px;float:left;display:block;font-family:UTM_Avo,Arial,sans-serif;margin-left:35px;padding-left:15px}
	#system_ajax_city{display:inline-flex}
	.box_search_local{height:30px;margin-bottom:10px;width:250px}
	.box_search_local input{border:medium none;color:#000;height:28px;text-indent:5px;width:95%;font-size:14px;padding-left:5px;border:1px solid #ccc}
	.box_search_local .search_result{display:none;overflow:auto;position:relative;top:2px;z-index:999;max-height:490px;max-height:400px}
	.box_search_local .search_result li{border:1px solid #e5e5e5;border-top:medium none;overflow:hidden;padding:5px;color:#666}
	.box_search_local .search_result li .name_local_search{color:#333;font-weight:500;margin-bottom:5px;text-transform:capitalize}
	.box_search_local .search_result li span{color:#333;font-weight:500;text-transform:capitalize}
	.box_search_local .search_result li .hotline_local_search span{color:#c00}
	.box_search_local .search_result .le{background:#f2f2f2}
	.box_search_local .search_result .chan{background:#fff}
	.box_search_local .search_result div{float:left;clear:both}
	.box_search_local .icon_search:before{font-family:FontAwesome;font-size:15px;content:"\f002";cursor:pointer}
	.map .title_search{font-size:21pt;overflow:hidden;text-transform:uppercase;text-align:center;padding-bottom:10px}
	.map .alert{color:#000}
	.map .result{border-color:#e5e5e5;border-style:solid;border-width:1px;overflow:hidden;width:900px;margin:20px auto}
	.map .result li{border-bottom:1px solid #e5e5e5;padding:14px}
	.map .result li:last-child{border-bottom:none}
	.map .result .img_result{float:left;overflow:hidden;width:200px;margin-left:40px}
	.map .result .img_result img{min-height:120px}
	.map .result .info{float:left;margin-left:40px;width:580px}
	.map .result .info .name{margin-bottom:5px}
	.map .result .info .name a{font-size:15px;font-weight:600;line-height:30px;text-transform:capitalize}
	.map .result .info .other{font-size:13px;float:left;margin-right:10px}
	.map .result .info .des_small{clear:both;overflow:hidden;width:640px}
	.img_showroom{float:left;height:400px;overflow:hidden;width:600px}
	.img_showroom img{margin:auto;max-width:600px}
	.img_showroom .owl-item{display:table-cell;float:none;text-align:center;vertical-align:middle}
	.owl-carousel .owl-wrapper{display:table!important;height:400px}
	.info_showroom{float:right;height:400px;overflow:hidden;width:520px;font-weight:300}
	.google_map{clear:both}
	.info_showroom .name{font-size:28px;font-weight:500;line-height:30px;margin-bottom:15px;text-transform:capitalize}
	.info_showroom .address{font-size:15px;clear:both}
	.info_showroom .div{color:#444;font-size:14px;line-height:28px;text-transform:capitalize;font-weight:300;letter-spacing:.5px}
	.info_showroom .description{text-transform:none}
	.info_showroom .div:before{content:"\f0da";font-family:fontAwesome;margin-right:10px}
	.info_showroom .div b{font-weight:400}
	.info_showroom .description{height:170px;overflow:hidden;text-align:justify}
	.info_showroom .hotline span{color:#c00;font-weight:700}
	.title_line{clear:both;margin:49px auto;border-bottom:1px solid #000;font-size:31px;padding-top:27px;height:28px;width:590px;text-align:center}
	.title_line span{background:#fff;padding-left:30px;padding-right:30px}
	.local .box_search{clear:none!important}
	.title_local{color:#28bdb3;font-size:18px;margin:auto auto 18px;text-align:center;text-transform:uppercase;width:325px;z-index:100}
	.des_local{color:#000;margin:auto;text-align:center;width:1100px}
	.all_title{width:1140px;margin:auto;padding:0}
	.page_detail_pro h1.titile{font-weight:400;font-size:26pt;text-align:center;padding-top:40px}
	.htsch{clear:both;padding:10px 0}
	div.search_result{position:absolute;z-index:21000;top:100%;right:0;left:0;width:100%;background:#fff;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.21);box-shadow:0 2px 4px 0 rgba(0,0,0,.21);padding:10px 0 10px 10px;width:465px}
	div.search_result .iteam_lo{border-bottom:1px solid #ccc;line-height:40px;padding-left:5px;cursor:pointer;display:block;width:430px}
	div.search_result .iteam_lo:hover{background:#f4f4f4;color:#af2228}
	div.search_result .iteam_lo:last-child{border:none!important}
	.box_search .blockSystemChild{margin-left:16px}
	.title_region{width:100%;margin:auto;text-align:center;padding:10px 0;font-size:20px;background-color:#b3b3b3;color:#fff}
	.block_region{width:445px;padding:15px;overflow:auto;display:flex}
	.dropdown-btn{cursor:pointer;width:33%;text-align:center;background-color:#d3d3d3;padding:5px;margin:auto 5px}
	.region_active{background-color:gray;color:#fff}
}
