.storelocator-panel {
  border: 1px solid #ccc;
  overflow: auto;
}

.storelocator-panel .store-list {
  margin: 0;
  padding: 0;
}

.storelocator-panel .store-list li,
.storelocator-panel .directions-panel {
  padding: 5px;
}
.storelocator-panel .directions-panel {
  font-size: 0.8em;
}

.storelocator-panel .store-list li.store:hover {
  cursor: pointer;
  background: #eee;
}

.storelocator-panel .store-list li.highlighted,
.storelocator-panel .store-list li.highlighted:hover {
  background: #000;
  color:#fff;
}

.storelocator-panel .directions {
  display: none;
}

.storelocator-panel {
  padding: 20px;
 }

 
.storelocator-panel li{
list-style-type:none;
}

.storelocator-panel .location-search {
padding-bottom:20px;
   border-bottom:1px solid #000;
   margin-bottom:20px;
  }


.storelocator-panel .location-search input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.storelocator-panel .location-search input:focus {
  border-color: #ccc;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(130, 153, 149, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(130, 153, 149, .6);
}


.storelocator-panel .location-search h4 {
  font-size: 18px;
  margin: 10px 0px;
  padding: 0;
 
}

.storelocator-panel .store-list .no-stores {
  color: grey;
}

.storelocator-panel .store .features {
  display: none;
}

.storelocator-panel .feature-filter {
  overflow: hidden;
}

.storelocator-panel .feature-filter label {
  display: block;
  font-size: 0.8em;
  margin: 0 0.4em;
  float: left;
}

.store .title {
  font-size:14px;
  font-weight: bold;
}

.store .address,
.store .phone,
.store .web,
.store .misc {
  font-size: 100%;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  display: block;
}

a.action.directions{
	display:none !important;
}

.store .features {
  overflow: hidden;
  color: grey;
  margin: 0;
  padding: 0;
  font-size: 70%;
  max-width: 250px;
}

.store .features li {
  display: inline;
  float: left;
  padding-right: 0.8em;
}

.store .web a {
  color: green
}

.store .action {
  color: #d3bbae;
  margin-right: 0.5em;
}

#map-canvas * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

#map-canvas { width:100%; height: 600px; margin: 0;}
#panel { background: #fff; height:500px; width: 300px; float: left; margin: 50px 30px 300px; z-index: 1; position: absolute; }
#panel h1{margin-top: 10px;}
#panel .feature-filter label { width: 130px; }
p.attribution, p.attribution a { color: #666; }
.store .hours { color: grey; }
.stlo{padding: 0;height:auto;}

.gm-bundled-control-on-bottom{
bottom:497px !important;
}


@media (max-width:992px){
	.gm-bundled-control-on-bottom{
bottom:700px !important;
}
	.stlo{
		height: 900px;
	}
	
	#map-canvas{
		display: none;
	}
#panel {
	height: 100%;
	width: 100%;
	margin: 0;
	z-index: 0;
	position: relative;
    padding-bottom: 386px;
}
}

@media (max-width:768px){
#panel {
	padding-bottom: 20px;
}
}

@media (min-width:992px) and (max-height:800px){
	#panel {
	margin-top: 50px;
		height: 50%;
	}
	
	#panel h1 {
		font-size: 18px;
	}
	
	.stlo{
	min-height: 768px;
    overflow: scroll;
}
	#map-canvas{
		height: 100%;
	}
}