.responsive-iframe {
    width: 100%;
    height: 800px; /* Высота по умолчанию */
    border: none;
}

/* Стили для устройств с шириной экрана менее 600px */
@media (max-width: 600px) {
    .responsive-iframe {
        height: 400px; /* Меньшая высота для мобильных устройств */
    }
}

/* Стили для устройств с шириной экрана от 601px до 900px */
@media (min-width: 601px) and (max-width: 900px) {
    .responsive-iframe {
        height: 600px; /* Промежуточная высота для планшетов и малых десктопов */
    }
}

/* Стили для устройств с шириной экрана более 900px */
@media (min-width: 901px) {
    .responsive-iframe {
        height: 800px; /* Полная высота для больших экранов */
    }
}