@media only screen and (min-height: 1000px) {
    /*.main_header {*/
    /*height: 100%;*/
    /*}*/
}
@media only screen and (max-width: 1400px) {
    .data_con time {
        font-size: 48px;
    }
    .windrose svg {
        max-width: 80px;
    }
    .windrose {
        margin-top: 120px;
    }
    .down_wrap {
        margin-top: 5%;
        height: 80px;
    }
}
@media only screen and (max-width: 1280px) {
    .container {
        padding-left: 0;
    }
    .text_travet,
    .right_bl, .store, .main_footer, .text_about_bl, .audio_play,
    .wrap_cont, .wrap_right {
        padding: 40px;
    }
    .year_block .left_year {
        padding: 0;
    }
    .text_about_bl .btn_more.close_user {
        bottom: 40px;
        left: 40px;
    }
    .main_footer .right_bl {
        text-align: center;
    }
    .active_year_text .left_year h3 {
        right: -100%;
    }
    .left_year h3 {
        width: 90%;
        top: 0;
        right: 0;
    }
    .btn_more:hover::before {
        background-color: #eeeeee;
        right: 70px;
        width: 2px;
    }
    .btn_more:hover::before {
        width: 2px;
    }
    .btn_more:hover {
        color: #787a7c;
        border: solid #eeeeee 2px;
    }
    .btn_more:hover i {
        transform: rotateY(0deg);
        right: 0;
    }
    .btn_more:hover i::before,
    .btn_more:hover i::after {
        background-color: #3f3545;
    }
    .btn_more.active_btn::before {
        right: 0;
        width: 72px;
        background-color: #B21212;
    }
    .btn_more.active_btn {
        color: #B21212;
        border: solid 2px #B21212;
    }
    .btn_more.active_btn i {
        transform: rotateY(180deg);
        right: 15px;
    }
    .btn_more.active_btn i::before,
    .btn_more.active_btn i::after {
        background-color: #fff;
    }
    .btn_more.active_btn i::before {
        transform: rotate(405deg);
        top: 33px;
        right: 18px;
        width: 30px;
    }
    .btn_more.active_btn i::after {
        transform: rotate(315deg);
        bottom: 32px;
        right: 18px;
        width: 30px;
    }
    .developers {
        left: 40px;
        bottom: 40px;
    }
    .main_footer .teft_bl p {
        color: #fff;
    }

}
@media only screen and (max-width: 1100px) {
    .calend_concerts > div:last-child {
        display: none;
    }
    .calend_concerts > div {
        max-width: 25%;
    }
    .main_footer {
        flex-direction: column;
    }
    .main_footer .right_bl {
        text-align: left;
    }
    .main_footer .contact {
        justify-content: flex-start;
    }
    .main_footer .right_bl {
        padding-left: 0;
    }
    .social {
        justify-content: flex-start;
    }

    /* .main_page_video {
        background-size: cover;
        background: url('../img/back_yur_1100_900.jpg') center center no-repeat;
    } */

}
@media only screen and (max-width: 960px) {
    .calend_concerts {
        flex-wrap: wrap;
    }
    .calend_concerts > div {
        max-width: 50%;
    }
    .wrap_text h1 {
        font-size: 120px;
    }
    .year_con {
        font-size: 275px;
    }
    .concerts, .calend_concerts, .travel, .audio_play, .soul, .about_block, .store, .main_footer {
        opacity: 1;
    }
    .year_block .text_year {
        max-width: 100%;
        padding: 20px;
    }
    .input_text_anim p {
        font-size: 27px;
    }
    .input_text_anim {
        height: 75px;
    }
    .down_wrap {
        margin-bottom: 40px;
    }
    .news_letter {
        background: #ccc fixed url(../img/parallax-3.jpg) no-repeat top center;
        background-size: cover;

    }
}
@media only screen and (max-width: 900px) {
    .cont {
        flex-direction: column;
    }
    .store .cont > div {
        display: flex;
        margin-bottom: 10px;
        height: 370px;
        flex-direction: column;
        width: 100%;
    }
    .store .cont h5 {
        margin: 15px 0 20px;
    }

}
@media only screen and (max-width: 768px) {
    h3 {
        font-size: 40px;
    }
    .wraptext_about {
        flex-wrap: wrap;
        height: auto;
    }
    .store .cont > div {
        height: 320px;
    }
    .wraptext_about.active_abo_bl .text_about_bl {
        left: 0;
        top: -100%;
    }
    .soul {
        flex-wrap: wrap;
        height: auto;
    }
    .video_prew {
        height: 400px;
    }
    .about_block .right_bl:first-child {
        display: none;
    }
    .travel .teft_bl,
    .right_bl {
        max-width: 100%;
    }
    .travel .teft_bl {
        background-size: cover;
    }
    .left_year {
        width: 100%;
    }
    .year_block {
        height: 535px;
        padding: 40px;
    }
    .left_year .btn_more {
        bottom: 0;
        right: 0;
    }
    .soul .right_bl::before {
        display: none;
    }
    .btn_more {
        min-width: 200px;
        padding: 18px;
        text-align: left;
    }
    .btn_more::before,
    .btn_more:hover::before {
        right: 60px;
    }
    .btn_more.active_btn::before {
        width: 60px;
        right: 0;
    }
    .btn_more > i::before, .btn_more > i::after {
        width: 18px;
    }
    .btn_more > i::before {
        top: 20px;
    }
    .btn_more > i::after {
        bottom: 22px;
    }
    .btn_more.active_btn i::before {
        top: 26px;
        right: 20px;
        width: 28px;
    }
    .btn_more.active_btn i::after {
        bottom: 27px;
        right: 20px;
        width: 28px;
    }
    .store .cont > div {
        margin: 0;
    }
    .social {
        justify-content: center;
    }
    .main_footer .right_bl span {
        text-align: center;
    }
    .main_footer .contact {
        justify-content: center;
    }
}
@media only screen and (max-width: 640px) {
    .text_travet,
    .right_bl, .store, .main_footer, .text_about_bl, .audio_play,
    .wrap_cont, .wrap_right, .year_block {
        padding: 10px;
    }
    .left_year h3 {
        font-size: 35px;
    }
    .year_con {
        font-size: 215px;
    }
    .email_block {
        flex-direction: column;
        align-items: center
    }
    .email_block input {
        margin-bottom: 10px;
    }
    .email_block button {
        margin-left: 0;
    }
    .wrap_cont {
        flex-wrap: wrap;
    }
    .video_prew {
        height: 320px;
    }
    .calend_concerts {
        flex-direction: column;
    }
    .calend_concerts > div {
        max-width: 100%;
    }
    .concerts .wrap_cont p {
        font-size: 17px;
    }
    .windrose {
        margin-top: 60px;
    }
    .wrap_cont div {
        text-align: center;
    }
    .concerts .wrap_cont > div {
        text-align: center;
        width: 100%;
    }
    .wrap_cont h3 {
        margin-bottom: 10px;
    }
    .rd-parallax-layer[data-url] {
        z-index: 0;
    }
    .main_header {
        z-index: 1;
    }
    .contor i::after {
        top: 7px;
    }
    .main_footer {
        height: auto;
        padding-bottom: 80px;
    }
    .main_page_video {
        background-size: cover;
        background: url('../img/back_yur_615_900.jpg') center center no-repeat;
    }
}
@media only screen and (max-width: 480px) {
    .wrap_text h1 {
        font-size: 80px;
    }
    .year_con {
        font-size: 107px;
        top: 20%;
        left: 10%;
    }
    .video_prew {
        height: 265px;
    }
    .year_block {
        height: 400px;
        transition: height .3s;
    }
    .year_block.active_year_text {
        height: 620px;
    }

}
@media only screen and (max-width: 420px) {
    .main_page_video {
        background-size: cover;
        background: url('../img/back_yur_420.jpg') center center no-repeat;
    }
}
@media only screen and (max-width: 960px) and (orientation: landscape) {
    .down_wrap,
    .windrose {
        display: none;
    }
    .wrap_text {
        justify-content: center;
    }
}