@media (max-width: 767px) {
    .map-container {
        width: 100%;
        overflow: hidden;
    }

    .map-container iframe {
        width: 100%;
        height: 300px; /* Adjust the height as needed */
    }
}