@media screen and (max-width: 1280px){ 
      .site-wrap{
         float:left;
         width:100%;
         padding:0 10px;
         box-sizing:border-box; 
      }
      .style-slider{
          max-width:655px;
      }
      
      
}
@media screen and (max-width: 1230px){
    .seats-row .inner-seats{
        gap:13px;
    }
}
@media screen and (max-width: 1200px){
     .tickets .right-part{
         gap:10px;
     }
}                                             
@media screen and (max-width: 1150px){
     .tickets{     
         flex-wrap:wrap;
     }
     .tickets .left-select{
         width:100%;
     }
     .tickets .right-part{
         width:100%;
     }
     .style-slider{
         width:calc(100% - 200px) ;
     }
}
@media screen and (max-width: 1100px){
    .info-container {
        width:100%;
        float:left;
    }
    .promotion-box .title{
        font-size:25px;
        line-height: 32px;
    }
    .more-news-box .news-title{
        font-size:25px;
        line-height: 30px;
    }
    .header-links{
        display:none;
    }
    .header-links.active{
        display:block;
        position: absolute;
        top: 90px;
        background: #fff;
        z-index: 999;
        left: 0;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        height: 100vh;
    }
    .header-links.active .link{
        float:left;
        width:100%;
        margin:10px 0px;
    }
    .header-links.active .mega-menu.active{
        width:100%;
        left:0px;
        top:25px;
    }
    .nav-icon {
        display: block;
        top: 0px;
        right: 0;
        width: 28px;
        position: relative;
        cursor: pointer;
    }
    .nav-icon:after, .nav-icon:before, .nav-icon div {
        background-color: #EF3A4A;
        border-radius: 2px;
        content: "";
        display: block;
        height: 2px;
        margin: 5px 0;
        transition: all 0.2s ease-in-out;
    }
    .nav-icon:after, .nav-icon:before, .nav-icon div {
        background-color: #EF3A4A;
        border-radius: 2px;
        content: "";
        display: block;
        height: 2px;
        margin: 5px 0;
        transition: all 0.2s ease-in-out;
    }
    .nav-icon:after, .nav-icon:before, .nav-icon div {
        background-color: #EF3A4A;
        border-radius: 2px;
        content: "";
        display: block;
        height: 2px;
        margin: 5px 0;
        transition: all 0.2s ease-in-out;
    }
}
@media screen and (max-width: 1070px){
     .seats-row .inner-seats{
         gap:7px;
     }
}
@media screen and (max-width: 1060px){
    aside{
        width:250px !important;
    }
    .inputs-wrap{
        width:calc(100% - 250px) !important;
    }
    .smaller-site-wrap{
        float:left;
        width:100%;
        padding:0 10px;
        box-sizing:border-box;
    }
}
@media screen and (max-width: 1030px){
    .film-box{
        width:100%;
    }
    .smaller-film-box{
        width:calc(33% - 14px);
    }
    #tabs-nav li a{
        font-size:29px;
    }
}
@media screen and (max-width: 990px){
    .news-box .right-news .news-title{
        font-size:26px;
    }
    .seats-row .inner-seats{
        gap:3px;
    }
    .seats-row .row-num{
        width:20px;
        height: 20px;
    }
    .seats-row .inner-seats .seat{
        width:20px;
        height: 20px;
    }
}
@media screen and (max-width: 870px){
    .logo{
        width:70px;
        float:left;
    }
    .logo img{
        width:100%;
        float:left;
    }
    .buy-ticket{
        height: 45px;
        line-height: 45px;
    }
    footer{
        background:#EF3A4A;
        height: auto;
    }
    .left-footer img{
        width:50%;
    }
    .title-wrap span{
        font-size:20px;
    }
    .title-wrap:after{
        bottom:-14px;
    }
    .smaller-film-box {
        width: calc(50% - 10px);
    }
    #tabs-nav li a {
        font-size: 25px;
    }
    .bottom-left-right-info .right-part .buy-ticket{
        width:100%;
    }
    .more-banners{
        gap:35px;
    }
    .info-slide .title{
        font-size:25px;
    }
    .footer-content{
        flex-wrap:wrap;
    }
    .left-footer{
        width:100%;
    }
    .right-footer{
        width:100%;
    }
}
@media screen and (max-width: 830px){
    .small-site-wrap{
        width:100% !important;
        padding:0 10px;
        box-sizing:border-box;
    }
    .news-view .news-title {
        font-size:28px;
    }
    .more-news-title{
        font-size:28px;
    }
    .more-news-box .news-title{
        font-size:17px;
        line-height: 22px;
    }
}
@media screen and (max-width: 800px){ 
    .profile-page{
        flex-wrap:wrap;
    }
    aside{
        width:100% !important;
    }
    .inputs-wrap{
        width:100% !important;
        margin-top:20px;
    }
    .profile-page .inputs-wrap .title.red-border{
        font-size:26px !important;
    }
    .content-steps .tabs-nav .tab-link{
        display:flex;
        align-items:center;
        justify-content:center;
        line-height: 20px;
    }
    .steps{
        flex-wrap:wrap;
    }
    .aside-part{
        width:100%;
    }
    .content-steps{
        width:100%;
    }
    .promotion-box .title{
        font-size:22px;
    }
    .promotion-box .title{
        min-height: auto;
    }
    .promotion-box{
        width:calc(50% - 10px);
    }
    .news-box .right-news .news-title{
        font-size:24px;
    }
    .news-txt{
        margin-top:5px;
    }
    .news-txt p {
        font-size:15px;
    }
    .top-view-info{
        flex-wrap:wrap;
    }
    .back-to{
        width:100%;
        float:left;
        margin-top:10px;
    }
    .title-box{
        float:left;
        width:100%;
        margin-top:15px;
        margin-bottom:15px;
        justify-content:space-between;
        padding: 8px;
        box-sizing:border-box;
    }
    .film-info-top{
        float:left;
        width:100%;
    }
}
@media screen and (max-width: 730px){
    .more-news-wrap{
        flex-wrap:wrap;
    }
    .more-news-box{
        width:calc(50% - 10px);
    }
    .news-box{
        flex-wrap:wrap;
        flex-direction:column;
        margin-bottom:20px;
    }
    
    .news-box .left-news{
        width:100%;
    }
        .news-box .right-news{
            width:100%;
        }
}
@media screen and (max-width: 600px){
    .tab-row span{
        font-size:12px;
    }
    .content-steps .tabs-nav .tab-link a{
        font-size:11px
    }
    .profile-inputs.contacts .submit{
        width:100%;
    }
    .register-inputs .inp-hld{
        width:100% !important;
    }
    .small-site-wrap .title span{
        font-size:25px !important;
    }
    .promotion-box .see-more{
        height: 35px;
        line-height: 35px;
    }
    .promotion-box .title{
        font-size:16px;
        line-height: 23px;
    }
    .style-slider {
        width: calc(100% - 135px);
    }

    .calendar-wrap{
        width:55px;
        height: 55px;
    }
    .calendar-wrap img{
        width:22px;
    }
    .filter-wrap{
        width:55px;
        height: 55px;
    }
    .filter-wrap img{
        width:22px;
    }
    .calendar-wrap .txt,.filter-wrap .txt{
        font-size:10px;
    } 
    .tickets .right-part{
        display:flex;
        align-items:center;
        justify-content: space-between;
        
    }
    
    .filters {
        float: left;
        width: 100%;
        background: #EFEFEF;
        padding: 5px 0px;
        box-sizing: border-box;
        padding-top: 10px;
    }
    .filters-oppened span{
        font-size:14px;
    }
    .filters-btns .filter-btn{
        padding:5px;
        box-sizing:border-box;
    }
    .back-to:before{
        top:-1px;
        background-size:80%;
    }
    .back-to{
        font-size:15px;
    }
    .more-info-film span.up{
        font-size:14px;
    }
    .more-info span.bold{
        font-size:16px;
    }
    .title-box .title{
        font-size:26px;
    }
    .top-slider img{
        height:250px;
        object-fit:cover;
    }
     .left-info-slide{
         gap:4px;
     }
     .info-slide .title{
         font-size:19px;
     }
     .buy-ticket{
         width:190px;
         font-size: 16px;
         height: 40px;
         line-height: 40px;
     }
     .title-box .buy-ticket{
         height: 40px;
         line-height: 40px;
     }
     .login-wrap:before{
         top:-8px;
         width:35px;
         height: 35px;
     }
     .login-wrap{
         padding-left:40px;
     }
}
@media screen and (max-width: 580px){
    .date-box {
        padding:3px;
    }
    .bottom-buttons{
        flex-direction:column;
    }
    .video-box:before{
        width:65px;
        height: 65px;
    }
    .buy-ticket-wrap{
        position: inherit;
    }
    .header{
        position:relative;
    }
    .dropdown-wrap.active{
        width:100%;
        left:0;
    }
    .smaller-title{
        font-size:17px;
    }
    .more-banners{
        flex-wrap:wrap;
        flex-direction:column;
        display:flex;
        align-items:center;
    }
    .more-banners .small-banner{
        width:336px;
    }
}
@media screen and (max-width: 520px){
    .see-more{
        height: 35px;
        line-height: 35px;
        font-size:13px;
    }
    .more-news-box .news-title {
        font-size: 15px;
        line-height: 19px;
    }
    .more-news-title{
        font-size:23px;
    }
    .news-view .news-title{
        font-size:25px;
    }
    .mb40{
        margin-bottom:20px;
    }
    .bottom-left-right-info{
        gap:0px;
    }
    .smaller-title{
        font-size:16px;
    }
    .film-box .image-wrap{
        width:200px;
    }
    .film-box .text-wrap{
        gap:10px;
    }
    #tabs-nav li a {
        font-size: 18px;
    }
}
@media screen and (max-width: 500px){
    .seats-row .row-num{
        width:15px;
        height: 15px;
        line-height: 15px;
        font-size:11px;
    }
    .seats-wrap{
        gap:5px;
    }
    .seats-row .inner-seats .seat {
        width: 15px;
        height: 15px;
    }
    .seats-row .inner-seats .seat{
        font-size:10px;
    }
    .seats-row .inner-seats{
        height: 20px;
    }
    .small-site-wrap .title span{
        font-size:20px !important;
    }
    .profile-inputs .inp-hld{
        margin-bottom:10px !important;
    }
    .content-steps .tabs-nav .tab-link a{
        font-size:10px;
    }
    .content-steps .tabs-nav .tab-link{
        line-height: 12px;
    }
    .tab-row span{
        font-size:10px;
    }
    .tab-row.top span{
        font-size:11px;
    }
    .tab-row span .select2{
        width:70px !important;
    }
    .smaller-film-box .smaller-title{
        min-height: 35px;
        max-height: 35px;
        overflow:hidden;
    }
    .bottom-left-right-info{
        display:flex;
        flex-wrap:wrap;
    }
    .bottom-left-right-info .left-part{
        width:100%;
    }
    .bottom-left-right-info .right-part{
        width:100%;
        margin-top:10px;
    }
    .smaller-title.mt40{
        margin-top:0px;
    }
    .bott-info{
        flex-wrap:wrap;
    }
    .left-footer img{
        width:100%;
    }
    .footer-colum{
        width:100%;
        margin-top:20px;
    }
    .middle-right-footer{
        flex-wrap:wrap;
    }
    .right-footer{
        gap:20px;
    }
    .bottom-right-footer{
        flex-wrap:wrap;
    }
    .left-bottom-f{
        width:100%;
        margin-bottom:10px;
    }
    .footer-colum .title{
        margin-bottom:7px;
    }
    .soc-wrap{
        padding:0px;
    }
    .film-box .image-wrap{
        width:160px;
    }
    .film-box .film-title{
        font-size:15px;
        margin-bottom:0px;
    }
    .bott-info .info-film{
        font-size:10px;
    }
    .bott-info .info, .info{
        width:25px;
        height: 25px;
        font-size:12px;
    }
    .play-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        background: #EF3A4A url(../img/play-btn-small.svg) no-repeat center;
        border-radius: 100%;
        background-size: 30%;
    }
    .mt40{
        margin-top:20px;
    }
    .mb40{
        margin-bottom:20px;
    }
    .tickets{
        flex-wrap:wrap;
    }
    .tickets .left-select{
        width:100%;
    }
    .tickets .right-part{
        width:100%;
    }
}
@media screen and (max-width: 480px){
    .smaller-film-box {
        width: 100%;
    }
    .smaller-film-box .image-wrap img {
        height: 300px;
        object-fit:contain;
    }
    .dropdown-wrap.active{
        top:65px;
    }
    .header-links.active{
        top:65px;
    }
    .logo{
        width:65px;
        float:left;
        
    }
    .logo img{
        width:100%;
        float:left;
    }
    .buy-ticket {
        width: 167px;
        font-size: 13px;
        height: 33px;
        line-height: 33px;
    }
    .right-info-slide .buy-ticket {
        color: #fff;
        font-size: 15px;
    }
    .right-info-slide .buy-ticket{
        display:none;
    }
}
@media screen and (max-width: 440px){
    .blue-wrap .smaller-txt{
        font-size:12px;
    }
    .blue-wrap .bolder-txt{
        font-size:16px;
    }
}
@media screen and (max-width: 400px){
    .content-steps .tabs-nav .tab-link a {
        font-size: 9px;
    }
    .profile-inputs.login{
        width:100% !important;
        padding:0 10px;
        box-sizing:border-box;
    }
    .buy-ticket{
        width:115px;
        font-size:10px;
    }
    .bottom-left-right-info .right-part .buy-ticket{
        font-size:10px;
    }
    .bottom-left-right-info .left-part span:first-child{
        font-size:10px;
    }
    .login-wrap{
        font-size:12px;
    }
    .title-wrap span{
        font-size:17px;
    }
    .title-wrap:after {
        bottom: -11px;
    }
}
@media screen and (max-width: 390px){
    .hours-wrap .hour-box{
        padding:5px;
        box-sizing:border-box;
        padding-left:23px;
    }
    .hours-wrap .hour-box:before{
        top:3px;
    }
    .news-btn{
        font-size:13px;
        width:100%;
        padding:0 25px;
        padding-left:45px;
        box-sizing:border-box;
        text-align: center;
        
    }
}
@media screen and (max-width: 380px){
        #tabs-nav li a {
            font-size:15px;
        }
}
@media screen and (max-width: 360px){
    .logo {
        width: 45px;
        float: left;
    }
}