@media screen and (max-width: 1600px)
{
    .rev_slider_wrapper{height: 320px}
}

@media screen and (max-width: 1366px)
{
    .rev_slider_wrapper{height: 273px}
}

@media screen and (max-width: 1280px)
{
    .rev_slider_wrapper{height: 256px}
}

@media screen and (max-width: 1240px)
{
    .menu-items{display: none}
    .menu-swiper{display: block}
}

@media screen and (max-width: 1160px)
{
    .main-menu{display: none}
    #menu-button{display: block}
}

@media screen and (max-width: 1024px)
{
    .rev_slider_wrapper{height: 205px}
}

@media screen and (max-width: 925px)
{
    .modal-window{width: calc(100% - 70px); top: 45px; height: auto}
    .modal-window .image{height: auto}
    .modal-window .image img{position: static;transform: none; margin: 0 auto}
    .modal-window .image, .modal-window .description{width: 100%; float: none}
    .modal-window .description{padding: 25px;}
    .modal-window .prev{left: -38px}
    .modal-window .next{right: -38px}
    .modal-close{width: 25px; height: 25px}
    .modal-close{top: -35px; right: -25px}
    .sb-search.sb-search-open, .no-js .sb-search {width: 50%;}
}

@media screen and (max-width: 800px)
{
    /*.fixed-menu{display: block}*/
    .side-fixed{display: none}
    #content{padding: 0}
    .left-column, .right-column{float: none; width: 100%}
    .left-column{background: none}
    .right-column{padding-left: 0}
    .menu-tabs{display: none}
    .menu-tabs.mobile{display: block}
    .side-menu{display: none}
    .menu-select{display: block}
    .rev_slider_wrapper{height: 160px}
}

@media screen and (max-width: 600px)
{
    #header .wrapper-max > .phones{display: none}
    .interior.index{background: #f8f1f2; padding: 35px 0}
    .interior.canteens{padding: 35px}
    .interior.index .swiper-button-prev, .interior.index .swiper-button-next{display: none !important}
    .interior.canteens .swiper-button-prev{left: -35px}
    .interior.canteens .swiper-button-next{right: -35px}
    .weeks-numbers{width: 100%}
    #map{height: 350px}
    #footer{height: 220px; padding-top: 30px}
    #sticky-footer-wrapper{padding-bottom: 220px}
}

@media screen and (max-width: 520px)
{
    .header-bottom .phones{display: none}
    .copyright span{display: block}
    .tp-bullets{display: none !important}
    .news-block .image, .news-block .description{width: 100%; float: none}
    .news-block{margin-bottom: 0}
    #feedback-form{padding: 30px}
    .sb-search.sb-search-open, .no-js .sb-search {width: 100%;}
}

@media screen and (max-width: 440px)
{
    .choose-city>span, .hotline span{display: block}
    .header-top{line-height: 1.5; height: 50px; padding-top: 5px}
    .city-list ul{line-height: 2}
    .description .name{font-size: 16px}
    .price{font-size: 18px}
}