#map {height: 600px;width: 100%;}
#map h4, #map h5, #map .btn {font-family: 'Roboto Condensed', sans-serif;font-weight:300;}
#map .btn {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}
#map .btn-primary, #map .btn-primary:hover, #map .btn-primary:focus {border-color:#000000;}
#map .btn-primary {background-color:#000000;}
#map .btn-primary:hover {background-color:#666766}
#map .btn-primary:focus {background-color:#333333}


.ref-marker .icon img {height: 50px;width: auto;}
.ref-marker .details {display: none;flex-direction: column;flex: 1;}
.ref-marker.highlight {background-color: #FFFFFF;box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);height: 133px;padding: 15px;width: 400px;}
.ref-marker.highlight .details {display: flex;}
.ref-marker.highlight .details img {max-width:100% !important;}
.ref-marker.highlight .details .mob_img {background-size:cover;background-position:center center;width:100%;height:107px;}
.ref-marker.highlight .details .fa-times {position:absolute;right:15px;top:0;font-size:15px;line-height:15px;}
.ref-marker.highlight .icon {display:none}

@media screen and (max-width:767px) {
    #map {height: 400px;}
    .ref-marker.highlight {width:300px;}
    .ref-marker.highlight .details .fa-angle-right {font-size:20px;}
    .ref-marker.highlight .details h4 {font-size:16px;line-height:normal;}
}