Maxim Kirshin

@media (max-width: 767px) {
  main {
    flex-flow: column nowrap;
    height: auto;
  }
  .left, .center, .right {
    width: 100%;
  }
}

.features_icon фиксированную высоту можешь задать. Ты если в инструментах разработчика на них посмотришь, то скорее всего они будут разной высоты.

Сначала посмотри настройки компонента, возможно там это можно указать. Если же нет, то поправь шаблон компонента, предварительно скопировав его в свое пространство имен.

<select name="city" required>
<option selected disabled>Выберите город</option>
<option>Опция 1</option>
<option>Опция 2</option>
<option>Опция 3</option>
<option>Опция 4</option>
</select>

Поисковик видит именно html-код, зайдите на страницу и посмотрите html-код. Если title там есть, то и поисковик его увидит.

Перемести hover на текст соответственно

.single__col .single__document:hover {
  color: red;
  cursor: pointer;
}

.single__col .single__desc a:hover {
  color: yellow;
}

Привет, а почему у тебя переменные заданы так?

/* Формат письма */
$mes = "Сообщение с сайта http://bbhostel.ru/.\n
Заезд: $date
Выезд: $date_2
Число гостей: $guest
Номер: $number
Телефон: $tel
Нужно позвонить в watsapp: $watsapp";

А не так?

/* Формат письма */
$mes = "Сообщение с сайта http://bbhostel.ru/.\n
Заезд: {$date}
Выезд: {$date_2}
Число гостей: {$guest}
Номер: {$number}
Телефон: {$tel}
Нужно позвонить в watsapp: {$watsapp}";

Может в этом проблема?

Привет, попробуй в параметры передать "SHOW_BORDER" => false.
https://dev.1c-bitrix.ru/api_help/main/reference/c...
Т.е например:

<?php
$APPLICATION->IncludeFile("путь к файлу", array(), array("SHOW_BORDER" => false));
?>