адаптивный iframe под мобильные устр. как? - Joomla 3.x: Общие вопросы

Всем привет! Есть код с одного интересного сервиса https://hesus.ru.(Рассказываю не ради рекламы) Хотел поставить себе на сайт форму бронирования.
На сайте смотрится симпатично, но вот в мобильном часть режет.
Вот сам код

Подскажите пожалуйста если не сложно, что можно добавить что бы фрэйм стал адаптивен. Заранее благодарен

Как вариант можно так, или может поставить значение max-width:100%; в CSS

@media (max-width: *px) {
  #fhesus42362 {
    max-width:**%;
  }
}

где,
*-максимальный размер экрана устройства в пикселях;
**-процентное отношение для устройства показа дива по id (можно в em:max-width:**em;).

Также можно "играться" с добавлением only screen and и/или делать разные стили к разным устройствам.
И обязательно проверить подключение в index.php: например так  <meta name="viewport" content="width=device-width, user-scalable=no" />
Или так, как стоит в J! по дефолту в protostare: <meta name="viewport" content="width=device-width, initial-scale=1.0" />
Смотря с какой стороны у вас будет подход к данному решению.

Мини мануальчик пригодиться: http://frontender.com.ua/media-queries/

Также можете отдельно подключить стили и скрипт: https://habrahabr.ru/post/119127/