@media (max-width: 1600px) {}


@media (max-width: 1200px) {

    .illust {max-width: 600px; float:none !important; margin:15px 0 !important;}
    .illust img {width:100%;}

    .row.row-large {
        margin:0 -10px;
    }
    .row.row-large > .col {
        padding:0 10px;
    }
}

@media (max-width: 1000px) {
    .top-home .float-right {word-spacing:35px;}
    .pagination-cont {height:auto;}
    .pag-list {
        position: relative;
        display: block;
        height: auto;
    }
    .pag-line {display: none;}
    .next-month-line {display: none;}
    .general-contacts .phones {
        font-size:20px;
        margin-top:10px;
    }
}

@media (max-width: 900px) {
    .top-home .float-right {word-spacing:30px;}
    .logo img {width:350px;}
    .top-menu-item .ico {
        height:25px;
        background-size:70px auto;
    }
    .top-menu-item .ico.sitemenu {
        background-position: 0 -25px;
        width:16px;
        height:14px;
    }
    .top-menu-item .ico.concerts,
    .top-menu-item .ico.afisha {
        background-position: 0 0;
        width:27px;
    }
    .top-menu-item .ico.restran,
    .top-menu-item .ico.menu {
        background-position: -27px 0;
        width:28px;
    }
    .top-menu-item .ico.contacts {
        background-position: -55px 0;
        width:15px;
    }
}

@media (max-width: 768px) {
    .logo img {width:290px;}

    .pag-item {
        font-size: 18px;
    }

    .popup-menu-button {
        display: inline-block;
    }

    .top-back .logo {
        padding: 18px 0 15px;
    }
    .top-back {
        background-position: 50% 0;
        background-size: auto 180%;
    }

    .pad {
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .head-title-1 {font-size:32px;}
    .head-title-2 {font-size:19px;}

    .top-home {padding-top:20px;}
    .top-home .float-right {word-spacing:25px;}

    .menu-bottom {
        word-spacing: normal;
    }
    .menu-bottom a {
        float:left;
        width:25%;
        text-align: left;
        text-align-last: left;
        padding-left:20px;
        margin-bottom: 10px;
    }

}

@media (max-width: 625px) {
    .menu-top {padding-top:20px;}
    .menu-popup .ico.close {position: fixed;}
    .menu-popup.hidden .ico.close {position: absolute;}

    .logo {
        width: 80%;
    }

    .top-line .top-button > span {
        display: none;
    }

    .menu-bottom a {
        width:33%;
    }

    .tickets-button {
        height:40px;
        line-height: 40px;
        border-radius: 20px;
        font-size:16px;
    }
    .event-head-info .tickets-button {
        min-width:250px;
    }

    .event-img .tickets-button {
        bottom:0;
    }
    .event-img {
        border-radius: 20px;
    }

	.event-time {bottom: 50px;}

    .event-title {
        font-size:16px;
    }
    h1, .h1 {font-size:24px;}
    h2, .h2 {font-size:22px;}
    h3, .h3 {font-size:18px;}

    .row,
    .row.row-large {
        margin:0 -5px;
    }
    .row .col,
    .row.row-large > .col {
        padding:0 5px;
    }

    .tickets-message.tm-grey {font-size:14px;}
    .tickets-message {font-size:16px;}

}

@media (max-width: 480px) {
    .menu-bottom a {
        width:50%;
    }

    .menu-popup {overflow: auto;}
    .logo img {width:300px;}

    .top-line .top-socials {
        display: none;
    }
    .general-contacts .general-address {
        margin:20px 0;
        font-size:20px;
    }
    .general-contacts .general-address small {font-size:16px;}
    .scheme-link a {font-size:14px;}

    .event-head {
        padding-top:0;
        padding-bottom:20px;
        border-radius: 20px;
    }
    .event-head .row.row-large .col:first-child {
        margin:0 -10px 10px;
        width:auto;
        display: block;
    }
    .event-head .img {border-radius: 20px 20px 0 0;}
    .event-head .tickets-button {
        width:100%;
    }

    .event-photos {
        padding-top:10px;
        border-radius: 20px;
    }
    .event-videos {
        border-radius: 20px;
        padding-top:10px;
        padding-bottom: 10px;
    }
    .light-header {
        margin-top:10px;
    }

    .next-month-button a {
        line-height: 1.4em;
        display: inline-block;
        padding:15px 40px;
    }

    .popup-cont {
        padding:15px;
        box-sizing: border-box;
        width:100%;
        margin-left: 0 !important;
        left:0;
    }
    .popup-cont .popup-close {
        right:15px;
        top:15px;
    }
    .events-selector {display: none;}
}

@media (max-width: 380px) {
    .scheme-link a {
        line-height: 1.4em;
        height:auto;
        padding:10px 20px;
        margin:0 10px;
    }
}