@charset "utf-8";

#wpsl-gmap,
	#wpsl-result-list {
		width: 100%;
	}
	#wpsl-wrap {
		width: 400px;
	}
	#wpsl-wrap .wpsl-search {
		background: #fff;
	}
	.wpsl-search-btn-wrap .dt-sc-storesearch-btn {
		font-family: Fontawesome;
	}
	.dt-sc-advanced-options {
		display: none;
		float: left;
		width: 100%;
		margin: 10px 0 0;
		padding: 20px 15px;
		background-color: #f5f5f5;
		font-size: 15px;
	}
	.wpsl-input #wpsl-search-input {
		width: 86%;
		margin-right: 10px;
		float: left;
		padding: 10px 12px;
		background-color: #f8f8f8;
		font-size: 15px;
		border-radius: 0;
	}
	#wpsl-search-wrap .wpsl-input {
		width: 100%;
		margin-right: 0;
	}
	#wpsl-search-wrap .wpsl-search-btn-wrap,
	#wpsl-search-btn {
		margin-right: 0;
	}
	.dt-sc-toggle-advanced-options {
		width: 100%;
		float: left;
		padding: 10px;
		border: 1px solid #e0e0e0;
		color: #000;
		font-size: 15px;
	}
	.dt-sc-toggle-advanced-options span {
		float: right;
		font-size: 21px;
	}
	#wpsl-wrap {
		left: 35px;
		overflow: hidden;
		position: absolute;
		top: 80px;
	}
	#wpsl-result-list {
		background-color: #fff;
	}
	#wpsl-wrap #wpsl-stores,
	#wpsl-wrap #wpsl-direction-details {
		height: 540px !important;
	}
	.wpsl-select-wrap {
		width: 100%;
	}
	#wpsl-radius {
		width: 58%;
	}
	.wpsl-select-wrap #wpsl-results {
		width: 38%;
		margin-right: 0;
	}
	#wpsl-search-wrap #wpsl-checkbox-filter label {
		width: 100%;
		margin-right: 0;
	}
	#wpsl-checkbox-filter input[type="checkbox"] {
		float: right;
		margin: 10px 0 0;
	}
	#wpsl-checkbox-filter.wpsl-checkbox-3-columns li {
		width: 100%;
		margin-right: 0;
	}
	#wpsl-search-btn {
		background-color: #fff;
		background-image: none;
		margin-top: 0;
		border-radius: 0;
		padding: 9px 13px 8px;
	}
	#wpsl-search-wrap input {
		border-radius: 0;
	}
	#wpsl-wrap #wpsl-result-list ul li {
		border-bottom-style: solid;
		margin: 10px 15px 20px;
		padding: 0 0 20px;
		border-bottom-color: #969696;
		list-style: none !important;
	}
	.wpsl-locations-details {
		background-color: #f0f0f0;
		float: left;
		padding: 15px 15px 0 20px;
		width: 100%;
		background-color: #282828;
		border-top: 3px solid;
		color: #fff;
		margin-top: 25px;
	}
	.wpsl-locations-details > span {
		display: block;
		margin-bottom: 20px;
	}
	#wpsl-stores .wpsl-store-thumb {
		border-radius: 0;
	}
	.single-wpsl_stores #wpsl-base-gmap_0 {
		height: 400px;
	}
	a.dt-appointment-fix {
		float: left;
		padding: 4px 10px 4px 30px;
		position: relative;
		color: #fff;
		font-size: 15px;
	}
	#wpsl-stores .wpsl-directions {
		float: right;
		padding: 4px 10px 4px 25px;
		position: relative;
		color: #fff;
		font-size: 15px;
	}
	#wpsl-stores li > p span {
		color: #fff;
		display: block;
		float: right;
		padding: 0 7px;
	}
	#wpsl-stores li > p {
		clear: both;
		display: block;
		float: left;
		width: 100%;
	}
	#wpsl-stores li > div {
		float: left;
		width: 100%;
	}
	#wpsl-stores li > div p a {
		display: block;
		margin-bottom: 10px;
	}
	#wpsl-stores li a:before {
		font-family: FontAwesome;
		position: absolute;
		left: 7px;
		top: 5px;
	}
	#wpsl-stores li a.dt-appointment-fix:before {
		content: "\f044";
	}
	#wpsl-stores li a.wpsl-directions:before {
		content: "\f124";
	}
	.wpsl-select-wrap .wpsl-dropdown {
		padding-left: 10px;
		padding-right: 10px;
	}
	
@media only screen and (max-width: 767px) {
	#wpsl-wrap { left: auto; position: relative; margin: 0 auto 100px; top:50px; display:block; border: 1px solid #eaeaea; }
	.wpsl-input #wpsl-search-input { width:80.5% !important; }
	#wpsl-search-wrap #wpsl-search-btn { margin:0; }
	.wpsl-search-btn-wrap { clear:none; }
}
	
@media only screen and (min-width: 320px) and (max-width: 479px) {
	#wpsl-wrap{width:290px;}
}

@media only screen and (max-width: 319px) {
	#wpsl-wrap{width:200px;}
}