.google-map-block {
    position: relative;
    width: 100%;
    height: 40vh;
    min-height: 300px;
    overflow: hidden;
}

.google-map-block > #google-map {
    height: 100%;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

    .google-map-block {
        min-height: 350px;
    }

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .google-map-block {
        min-height: 450px;
    }

}