.map-container {
    position: relative;
    width: 100%;
    max-width: 900px; /* Устанавливаем ограничение для ПК */
    margin: 0 auto; /* Центрируем */
}

.map-container iframe {
    width: 100%;
    height: 500px; /* Стандартная высота для ПК */
    border: none;
}

@media (max-width: 768px) {
    .map-container iframe {
        height: 300px; /* Уменьшаем высоту на мобильных */
    }
}