#jlocator > .panel, #jlocator .controls{background:#f1f1f1 !important;border-radius:0;box-shadow:none;}
#jlocator .controls{width:100% !important;padding:0 0 0 2% !important;border-bottom:5px solid #f1f1f1 !important;}
.filterbox{padding:10px 0 0;clear:both;overflow:hidden;}
.filterbox .label{display:block;text-align:left;color:#333;font-weight:normal !important;font-size:16px;}
.filterbox input{border:1px solid #ccc !important;background:#fff;padding:5px;width:200px !important;height:33px !important;float:left;font-size:14px;}
.filterbox .plus, .filterbox .SBsmall{float:left;}
.filterbox .plus{margin-top:8px;}
.paging-results{font-size:15px;font-weight:100;}
.paging{float:right !important;font-size:15px;font-weight:100;}
#jlocator .stores{height:443px !important;}

.jplist-select{height:30px !important;border:1px solid #ccc !important;}
.styled-select {background: url(../../../img/select-arrow.png) no-repeat 96% 0 !important;overflow:hidden !important;color:#333 !important;width:145px !important;float:left !important;}
.styled-select select {width:170px !important;margin:0 !important;background: none repeat scroll 0 0 transparent !important;border: none !important;font-size: 14px !important;
padding: 5px !important; /* If you add too much padding here, the options won't show in IE */}
.styled-select.slate {background:url("../../../img/select-arrow.png") no-repeat scroll right center rgba(256,256,256,1) !important;margin-top:5px;margin-left:5px;border:1px solid #ccc;}
.styled-select.slate select {border: none !important;}

#jlocator .store{background:#fff;}
#jlocator .store p{overflow:hidden;}
.loc-thumb{width:20%;height:auto;border:1px solid #ccc;padding:5px;box-sizing:border-box;float:left;margin-right:5%;}
.locDetails{width:75%;float:left;padding-top:3px;}

#jlocator span{font-size:16px !important;color:#666 !important;}
#jlocator .title{font-size:18px !important;color:#333 !important;}
#jlocator .tags{display:block;text-align:left;font-size:13px  !important;color:#999 !important;clear:both;text-transform:capitalize;padding-top:10px;}

#jlocator .info-window{width:100%;max-width:400px;}


#jlocator .autocomplete{margin:5px !important;}


@media screen and (max-width: 1200px){
#jlocator > .panel {width:30% !important;}
#jlocator .map {width:70% !important;}
.locDetails {width:50%;}
.loc-thumb {width:45%;}

#jlocator span {font-size:12px !important;line-height:1.5;}
#jlocator .tags {font-size:11px !important;}
.paging, .paging-results {font-size:13px;}

.paging {margin:5px 0px 5px 5px;}
.paging span {margin: 0 5px 0 0;}

.locDetails br {display:block;margin:-2px;}
.cityjlocator {line-height:0.6 !important; display:block;}
.addressjlocator {line-height:0.9 !important;display:block;
}


@media screen and (max-width: 800px){
#jlocator > .panel, #jlocator .map {width:100% !important;clear:both;}
#filterbox1, #filterbox2 {width:50%;clear:none;float:left;}
#jlocator .map {height:300px !important;}
#jlocator .plus, .styled-select.slate {clear:both;}
#jlocator .plus {margin-left:8px;}
.loc-thumb {max-height:80px;width:auto;max-width:20%;}
.locDetails {width:75%;}
#jlocator .tags {clear:none;float:left;width:80%;}
#jlocator .hasimage .tags {}
.locDetails br {margin:0px;}
}


@media screen and (max-width: 440px){
#map-exp {font-size:12px;}
#map-exp div {clear:both;}
#jlocator .autocomplete {width:90% !important;font-size:12px !important;height:31px !important;}
.styled-select select {font-size:12px !important;}
}