/*
 * Always set the map height explicitly to define the size of the div element
 * that contains the map.
 */
#googleMap {
    height: 100%;
}

@media(max-width: 1023px){
    #googleMap{
    height: 700px;
    }
}

/*
 * Optional: Makes the sample page fill the window.
 */
/* html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
} */

/*  */

.gm-style img {
    max-width: 299px;
}

.gm-style .gm-style-iw-c {
    padding-left: 0px;
}

.gm-style .gm-style-iw-d  {
    /* padding-right: 0px !important; */
    overflow: hidden !important;
}

.gm-style .gm-style-iw-c {
    padding: 0px;
    max-width: 100% !important;
}

@media(max-width: 400px){
    .gm-style .gm-style-iw-c {
        max-width: 300px !important;
    }
}

@media(max-width: 400px){
    .gm-style img {
        max-width: 263px;
    }
}