/* Start: Google Maps Responsive */
.map-responsive {
    overflow: hidden;
    padding-bottom: 500px;

    /* Reduce este valor si el mapa fuera muy alto, por ejemplo 250px, puedes usar porcentajes, 50% */
    position: relative;
    height: 0;
}

.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/* End: Google Maps Responsive */