.home-banner {
  position: relative;
  min-height: 500px;
  width: 100%;
}
.home-banner .map-box{background:rgba(0,0,0,0.8); border:5px solid rgba(255,255,255,0.6); padding:25px 25px 5px; border-radius:5px; box-sizing:border-box;}
.home-banner .map-box h3{color:#fff; font-size:20px; font-family:LatoRegular;}
.home-banner .map-box .select-city{position:absolute; right:30px; top:15px;}
.home-banner .map-box .select-city select{background:url(../images/select-arrow.png) no-repeat right 10px center #fff; border:none; -moz-appearance:none; -webkit-appearance:none; color:#000; font-size:20px; font-family:LatoRegular; padding:12px 10px; width:185px; box-sizing:border-box;}
.home-banner .map-box .select-city a.toggleLink{background:#fff; border:none; color:#000; font-size:20px; font-family:LatoRegular; padding:12px 10px; width:185px; box-sizing:border-box; display:inline-block; line-height:20px;}
.home-banner .map-box .select-city a.toggleLink span{background:url(../images/select-arrow.png) no-repeat left center; width:17px; height:10px;  transition:all 0.5s ease; -webkit-transition:all 0.5s ease; margin:7px 0 0 0; float:right;}
.home-banner .map-box .select-city a.toggleLink.open span{transform:rotate(180deg);}
.home-banner .map-box .select-city a.toggleLink{}
.home-banner .map-box .select-city .state-list{height:200px; overflow-y:scroll; background:#fff; padding:5px; border-top:1px solid #ccc;}
.home-banner .map-box .select-city .state-list ul li{line-height:25px;}
.home-banner .map-box .select-city .state-list ul li a{color:#ab4b26; font-size:16px; display:block;}
@media only screen and (min-width:981px) and (max-width:1100px){
	.home-banner .map-box{bottom:20px;}
	.map {margin: 10px auto 0; width:60%;}
	.home-banner .map-box{width:80%; left:10%; padding:10px 25px 5px; bottom:14px;}
	.home-banner .map-box .select-city{top:10px; right:25px;}

}
@media only screen and (max-width:980px){
	.home-banner .map-box{width:80%; left:10%; padding:10px 25px 5px; bottom:14px;}
	.home-banner .map-box .select-city{top:10px; right:25px;}

}
@media only screen and (max-width:767px){
	.map {margin: 10px auto 0; width:90%;}
	.home-banner .map-box{width:100%; left:0; padding:10px 25px 5px; bottom:auto; position:relative; background:#000; text-align:center;}
	.home-banner .map-box .select-city {margin: 12px 0; position: relative; right: auto; top: auto; text-align:left;}
	.home-banner .map-box .select-city a.toggleLink{width:100%; text-align:left;}
	.home-banner .map-box .select-city .state-list{position:absolute; left:0; width:100%; box-sizing:border-box; top:44px;}

}
@media only screen and (max-width:479px){
	.home-banner .map-box{position:relative; width:100%; left:0; bottom:0; background:#000; text-align:center;}
	.home-banner .map-box .select-city {margin: 12px 0; position: relative; right: auto; top: auto; text-align:left;}
	.home-banner .map-box .select-city a.toggleLink{width:100%; text-align:left;}
	.home-banner .map-box .select-city .state-list{position:absolute; left:0; width:100%; box-sizing:border-box; top:44px;}

}