#google-maps-viewport { z-index: 1; position: absolute; background-color: #eeeeee; top: 157px; left: 0; right: 0; bottom: 0; }
#map_menu_container { position: relative; z-index: 2; }
#map_menu_container h1.map_page_header { background-color: white; padding: .5em; font-size: 2.25em; text-transform: uppercase; }
/*#map_menu { margin: 1.5em 0; font-size: 1.2em; }*/
#map_menu_inner { width: 320px; position: absolute; z-index: 1000000; top: 240px; margin-left: 30px; font-size: 1.2em; }
#map_menu_inner div.map_markers_category { background-color: #B3231B; color: white; padding: 0.4em 3em 0.4em 1em; background-image: url('../img/maps_menu_category_arrow.png'); background-position: right center; background-repeat: no-repeat; text-transform: uppercase; }
#map_menu_inner ul.map_markers { list-style-type: none; margin: 0; padding: 0; background-color: #D8D8D8; }
#map_menu_inner ul.map_markers li { list-style-type: none; margin:0; padding: 0; line-height: 2.2em; }
#map_menu_inner ul.map_markers li a { display: block; text-decoration: none; color: gray; padding: 0 3em 0 1em; text-align: left; transition: all 0s; }
#map_menu_inner ul.map_markers li a:hover { color: #B3231B; background-color: #FFFFFF; }
#map_menu_inner ul.map_markers li a.selected { color: #B3231B; background-color: #FFFFFF; font-weight: bold;background-image: url('../img/maps_menu_item_selected.png'); background-position: right center; background-repeat: no-repeat; }

@media (max-width: 1199px) and (min-width: 980px ) {
    #map_menu_inner { width: 290px; margin-left: 20px; }
}

@media (max-width: 979px) and (min-width: 768px) {
    #map_menu_inner { width: 255px; margin-left: 20px; }
}

@media (max-width: 767px) {
    #google-maps-viewport { top: 194px; }
    #map_menu_container { display: none; }
    #map_menu_inner { display: none; }
}