#store-locator-container{ max-height: 900px; width:100%;outline: 1px solid #ccc; }
#form-container{ margin-top: 0px; width: 100%; display: block; }
#map-container{ margin-top: 0px;/*max-width: 875px; width:100%*/ }
#map-container a{color: rgb(255,204,3); text-decoration: none; }
#map-container a:hover, #map-container a:active{text-decoration: underline; }
#map-container .custom-marker{width: 32px; height: 37px; color: #fff; background: url(../images/custom-marker.html) no-repeat; padding: 3px; cursor: pointer; }
#loc-list{float: left; width:20%; height: 650px !important; overflow: auto; }
#loc-list ul{display: block; list-style: none; margin: 0; padding: 0; }
#loc-list .list-label{float: left; margin: 4px 0 0 6px; padding: 2px 3px; width: 17px; text-align: center; color: #666; font-weight: bold; }
#loc-list .list-details{ margin-left: 19px;  display: block}
#loc-list .list-content{padding: 0px; } 
#loc-list .loc-addr{padding-top: 10px;}
#loc-list .store-locator-image{padding: 0 10px 10px 10px; }
#loc-list .loc-dist{font-weight: bold; font-style: italic; color: #8e8e8e; }
#loc-list li{display: block; margin: 0px 0px; cursor: pointer; 	 width:100%; border-bottom: 2px solid #a31834; border-top:none; /* Adding this to prevent moving li elements when adding the list-focus class*/ }
#loc-list .list-focus{background: #a31834 !important; }
#map-container .loc-name{color: rgb(59,35,20); font-weight: 600; font-size: 14px;}
#loading-map{float: left; margin: 4px 0 0 10px; width: 16px; height: 16px; background: url(../images/ajax-loader.html) no-repeat; }
#map{float: left; width: 80%; height: 650px; }
/* Infowindow Roboto font override */
.gm-style div, .gm-style span, .gm-style label, .gm-style a{
	
}
.menusub button#tooglebtn{
	width:20% !important;	
}

/* Modal window */

#overlay{position: fixed; left: 0px; top: 0px; width:100%; height:100%; z-index: 10000; background: url(../images/overlay-bg.html) repeat; }
#modal-window{position: absolute; left: 50%; margin-left: -460px; /* width divided by 2 */ margin-top: 60px; width: 920px; height: 590px; z-index: 10010; background: #fff; border-radius: 10px; box-shadow: 0 0 10px #656565; }
#modal-content{float: left; padding: 0 22px; /* there's already a margin on the top of the map-container div */ }
#close-icon{position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; cursor: pointer; background: #2c2c2c url(../images/close-icon.html) 3px 3px no-repeat; border: 1px solid #000; border-radius: 3px; box-shadow: 0 0 3px #656565; }

/* The following is for the geocode page and not the store locator */

#geocode-result{clear: left; float: left; margin-top: 30px; width: 100%; } 
.detail-label{font-weight: bold; }
/************************************For responsive view*************************/
@media only screen and (max-width:1260px) {
	
	#user-location #form-input{ margin-left:0px;}
	#map-container{ height:inherit;}
}
@media only screen and (min-width: 1260px) and (max-width: 1365px) {
.menusub button#tooglebtn {
	width: 20% !important;	
}
}
@media only screen and (min-width: 1023px) and (max-width: 1259px) {
.menusub button#tooglebtn {
	width: 30% !important;	
}
	#loc-list {
		width: 30% !important;
}
	#map {
		width: 70% !important; 
	}
	
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.menusub button#tooglebtn {
	width: 40% !important;	
}
#loc-list {
		width: 40% !important;
}
	#map {
		width: 60% !important; 
	}
	
}

@media only screen and (max-width: 767px) {#loc-list,#map,#store-locator-container{ float:none; width:100%;}#store-locator-container{ max-height: none; width:100%; }#map-container{ margin-top: 27px; min-height: none; /*max-width: 875px;*/ width:100% }#loc-list{height: auto !important;}
.menusub button#tooglebtn {
    width: 88% !important;
}}
@media only screen and (min-width: 480px) and (max-width: 767px) {}



li.active a {
    background: #a31834 !important;
    color: #fff !important;
    outline-offset: -6px;
    outline: 1px solid #fff;
}
.nav-tabs>li>a {
    background-color: #ffffff;
    color: #a31834;
    border-right: 1px solid #a31834;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.5px;
}
#loc-list .list-focus .loc-name {
    color: #fff;
}

#loc-list .list-focus .tg-content {
    color: #fff;
}