.responsive-iframe {
  width: 100%; /* Фрейм занимает 100% ширины контейнера */
  height: 700px; /* Базовая высота для больших экранов */
  border: none; /* Убираем рамку */
}

/* Для экранов от 1200px до 960px */
@media (max-width: 1200px) {
  .responsive-iframe {
    height: 600px; /* Высота для экранов 1200px и меньше */
  }
}

/* Для экранов от 960px до 640px */
@media (max-width: 960px) {
  .responsive-iframe {
    height: 500px; /* Высота для экранов от 960px до 640px */
  }
}

/* Для экранов от 640px до 320px */
@media (max-width: 640px) {
  .responsive-iframe {
    height: 400px; /* Высота для экранов от 640px до 320px */
  }
}

/* Для экранов 320px и меньше */
@media (max-width: 320px) {
  .responsive-iframe {
    height: 300px; /* Высота для экранов до 320px */
  }
}
.hide-on-mobile {
  display: none; /* Это запретит отображение на мобильных */
}