/* Marker popup setting */
.gm-style-iw {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    color: #000 !important;
    line-height: normal !important;
    padding-bottom: 5px;
}
.gm-style img {
    border: 0;
    max-width: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.gmap_marker {
    overflow-y: hidden !important;
    overflow-x: hidden !important;
}
/* A small div that contains the address search field */
.responsive-map #locationDiv {
   margin-left: 7px;
}
/* The address search text box */
.responsive-map #locationInput {
    width: 290px;
    margin: 2px;
    font-size: 12px;
    padding: 5px;
    border: none;
}
/* Map images fix for themes using bootsrap or custom themes */
.responsive-map img {
    width: auto !important;
    max-width: none;
    max-height: none;
}
/* Search box settings on mobiles */
@media (max-width: 600px) { 
    .responsive-map #locationInput {
         width: 96%;
    }
    .responsive-map #locationDiv {
         width: 83%;
    }
    #resmap_popup {
        width: 55vw !important;
    }
    #resmap_popup img {
        max-width: 55vw !important;
        width: auto !important;
        height: auto !important;
    }
}
/* Fix the compatibility with CalendarizeIt plugin which breaks maps layout */
.gm-style .gm-style-iw {
    margin: auto !important;
}
/* Make sure that themes do not set a max-width for elements inside the map; Google Maps do not work if max-width is set */
.responsive-map * {
    max-width: none !important;
}