/* */
@media (min-width: 470px) and (max-width: 768px) {
    .menu_more_button_list{ display: block; } /* показываем кнопку ЕЩЕ */
    .main-nav ul li{display: none;} /* скрываем все элементы верхнего меню */
    .main-nav ul li:first-child{display: block;} /* и показываем только первый */
}
/* */
@media (min-width: 300px) and (max-width: 470px) {
    .menu_more_button_list{display: none; } /* скрываем кнопку ЕЩЕ */
    .main-nav ul li{display: none;} /* скрываем все элементы верхнего меню */
    .main-nav ul li:first-child{display: none;} /* и скрываем первый элемент */
    header.header{min-height: 113px;} /* увеличиваем высоту хеадера для мобильного меню */
    .header::after{z-index: -1;} /* убираем зеленую полоску с кнопки на задний план */
    .mobile_menu{display: block;} /* показываем мобильное меню */
    .user-nav{display: none;} /* прячем стандартные юзерские данные */
    nav.header__nav.user-nav.user-nav-desktop{display: none;}
    .login_but_fix{display: block;} /* но не прячем кнопку входа */
    .for_toggle_mobile{display: block;} /* достаем для мобильных */



    .main-content {
        margin: auto;
        padding: 0;
    }

    .hotels_inner_left_rooms {
        display: grid;
    }

    .main-content .hotels_inner_left_rooms_in {
        overflow-x: scroll;
    }



    .application__info-bottom {
        padding: 0;
    }

    .application__bottom {
        display: grid;
    }

    .application__comment, .application__chat {
        margin: 4px;
    }



    div.grid-view {
        max-width: 80vh;
    }

    div.grid-view .pagination {
        display: grid;
        grid-auto-flow: column;
    }



    .menu{position: absolute; width: 100%; max-width: none; min-width: auto; background: white; visibility: hidden; overflow-y: scroll;} /* адаптируем меню под мобилку */
    .menu .panel-default { width: 100%; }
    header.header{margin-bottom: 0px;} /* убираем пробел между кнопкой меню и меню */
    .menu_hide_button {display: none;} /* прячем кнопку скрытия меню */
    .menu_show_button{display: block; left: -100px;} /* прячем кнопку показа меню в десктопе */
    .menu .nav > li > a { padding: 19px 10px !important;} /* увеличиваем ширину элементов меню */

    .last-active-hotels {
        margin-right: 0px;
    }
    .hotels {
        margin-right: 0px;
    }
    .hotels_inner_main_header {
        margin: 0px;
        height: 100%;
    }
    .hotels_inner_main_buttons {
        position: relative;
        right: 0px;
        top: 0px;
        margin: 8px;
    }
    .hotels_inner_more_about_hotel, .hotels_inner_actual_price{
        position: relative;
    }

    .ex-application__header {
        min-width: auto;
    }

    .new-application__input-wrapper {
        margin-right: 2px;
    }
    .last-active-hotels__search-form div{
        width: auto;
    }

    .tt-menu .tt-suggestion {
        max-width: 350px;
        width: 100%;
    }
}
/* */
@media (max-width: 660px) {
    .header__logo{display: none;} /* прячем основное лого */
    .footer__logo{display: none;}
    .header__logo_mobile{display: block; width: 50px; height: 50px; margin-top: 3px; margin-left: 4px;} /* достаем мобильное */
    .footer__logo_mobile{display: block; width: 76px; height: 73px;}
    .heder__logo-wrapper {width: 58px;} /* сжимаем размеры под лого */
    .footer__logo-wrapper {margin-top: 26px; margin-left: 17px; margin-right: 18px; }
    .footer__text {line-height: 20px; font-size: 14px; } /* уменьшаем текст футера */
    .footer__copyright {margin-top: 29px; }
    .user-nav__warning { display: none}

    .timeCity {
        top: 80px !important;
        right: 10px;
    }
}
/* */
@media (max-width: 1170px) {
    .application__title-wrapper {
        position: relative;
    }
    .application__title-wrapper > .row > .text-right {
        display: grid;
        grid-auto-flow: column;
        position: absolute;
        top: 8px;
        right: 0;
    }
    .application__info-header {
        grid-template-columns: auto 1fr auto;
    }
    .application__info-header > .application__info-buttons {
        grid-area: 2 / 1 / 3 / 3;
    }
    .hotels_inner_left, .hotels_inner_right{float: none !important; width: auto !important;} /* ставим блоки левый и правый в выборе гостиниц друг под другом */
    .hotels_inner_right_stack_title, .hotels_inner_right_main_text_one_row {margin-left: 0px;} /* сдвигаем инфу в нижнем блоке левее чтобы выровнить */
    .hotels_inner_left_button_rooms, .hotels_inner_left_rooms_in {margin-right: 0px;} /* а в верхнем правее */
    .hotels_inner_left_rooms{margin-bottom: 15px;} /* делаем отступ вниз для таблицы с номерами */

    .timeCity {
        top: 60px;
    }
}