div#store_locator_full_width_wrap {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
div#map {
    height: 100%;
    width: 65%;
    float: left;
    box-sizing: border-box;
}
div#map_cover {
    height: 100%;
    background-color: rgba(51, 51, 51, 0.3);
    z-index: 9;
    position: relative;
    color: #fff;
    font-size: 40px;
    text-align: center;
    padding: 50% 0px 0px 0px;
    display: none;
}
div#user_panel {
    height: 100%;
    float: right;
    width: 35%;
    padding: 25px 30px;
    box-sizing: border-box;
}
div#nothin_found {
    background-color: #e30613;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 10px;
    text-align: center;
    display: none;
}
div#user_panel h2 {
    color: #e30613;
    font-weight: 400;
    font-size: 26px;
    line-height: normal;
    margin-bottom: 5px;
    text-transform: none;
}
input#pac-input {
    padding: 10px;
    display: block;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font-size: 16px;
    color: #333;
}
input#pac-input:focus {
    outline: none;
}
.marker_balloon {
    max-width: 260px;
    padding: 20px 0px 20px 20px;
}
.marker_balloon h3 {
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 10px;
}
.marker_balloon table tr{
	border:0px;
}
.marker_balloon table td {
    text-align: left;
    color: #333;
    font-weight: 400;
    padding: 2px 7px;
}
.marker_balloon table td.icon{
	text-align: center;	
}
.title{
	height: auto;
}
div#searchtool {
    margin-bottom: 25px;
}
ul#garages {
    height: 85%;
    overflow: auto;
    list-style-type: none;
}
ul#garages li {
    width: 95%;
}
ul#garages li .marker_balloon {
    max-width: none;
    padding: 20px 0px;
    border-bottom: 1px solid #eee;
}
ul#garages::-webkit-scrollbar{
	width: 2px;
}
ul#garages::-webkit-scrollbar-thumb{
	border: 2px solid #eee;
}
ul#garages li:last-child .marker_balloon {
    border-bottom: 0px;
}
@media(max-width: 991px){
	div#map {
	    width: 60%;
	}
	div#user_panel{
		width: 40%;
	}
}
@media(max-width: 767px){
	div#map {
	    width: 100%;
	    height: 65%;
	}
	div#user_panel {
	    width: 100%;
	    height: 35%;
	    position: relative;
	    float: none;
	    z-index: 999999;
	    background-color: #fff;
	}
	ul#garages {
	    display: none;
	}
	div#searchtool {
	    margin-bottom: 0px;
	}
	.marker_balloon {
	    max-width: 190px;
	    padding: 0px 0px 0px 0px;
	}
	div#nothin_found {
	    font-size: 12px;
	}
	div#searchtool{
		background-color: #fff;
		position: relative;
		z-index: 9999;
		margin: 0px -15px;
    	padding: 0px 15px 15px 15px;
	}
}