@media screen and (max-width: 1910px) {
    .aboutWrap,
    .reviewsWrap {
        background-size: 100%!important;
    }
}

@media screen and (max-width: 1680px) {
    header {
        background-size: 115%!important;
    }
    footer {
        background-size: 135%!important;
    }
}

@media screen and (max-width: 1580px) {
    .container {
        max-width: 1400px;
    }
    .bannerMain {
        height: 960px;
    }
    .bannerMain .container > img:nth-of-type(1),
    .bannerImages > img:nth-of-type(1) {
        /* margin-bottom: 25px; */
        width: 70%;
        top: 180px;
    }
    .frameItem {
        height: 625px;
    }
    .footerImages img:nth-of-type(1) {
        margin-left: 200px;
    }
    .footerImages img:nth-of-type(2) {
        margin-right: -30px;
    }
    .similarList.sliderInDef .similarItem img {
        width: 100%;
        height: 385px;
    }
}

@media screen and (max-width: 1420px) {
    .container {
        max-width: 1280px;
    }
    header {
        background-size: 140% !important;
    }
    .header li {
        display: block;
        margin: 0 25px;
    }
    .reviewsList .slick-list {
        margin: 0 -20px;
    }
    .reviewItem {
        margin: 0 20px;
    }
    .similarList {
        width: calc(100% + 250px);
    }
    footer .container > img {
        width: 35%;
    }
    .footerImages img:nth-of-type(1) {
        margin-left: 165px;
    }
    .footerImages img:nth-of-type(2) {
        margin-right: -80px;
    }
    .similarItem.isCopy {
        display: block;
    }
    .similarList.sliderInDef {
        margin-left: 0;
        margin-right: 0;
    }
    .similarList.sliderInDef .similarItem img {
        width: auto;
        height: 400px;
    }
}

@media screen and (max-width: 1300px) {
    .container {
        max-width: 1000px;
    }
    .header li {
        display: block;
        margin: 0 20px;
    }
    .logo {
        margin-left: 0;
        width: 110px;
    }
    .bannerMain .container > img:nth-of-type(1),
    .bannerImages > img:nth-of-type(1) {
        /* margin-bottom: 60px; */
        width: calc(100% - 30px);
    }
    .blockTitle {
        font-size: 48px;
        line-height: 60px;
    }
    .abCoverWrap {
        width: 285px;
    }
    .abCover {
        height: 404px;
    }
    .abContent {
        width: calc(91.5% - 285px);
    }
    .frameItem {
        height: 495px;
    }
    .frameItem p {
        left: 30px;
        bottom: 15px;
        width: calc(100% - 60px);
    }
    .materialsList {
        margin: 50px 0 0;
    }
    .footerImages img:nth-of-type(1) {
        margin-left: 0;
        width: 350px;
    }
    .footerImages img:nth-of-type(2) {
        margin-right: -160px;
        width: 500px;
    }
    .trailersList {
        height: 470px;
    }
}

@media screen and (max-width: 1100px) {
    .container {
        max-width: 96%;
    }
    .header > ul {
        display: none;
    }
    header {
        background-size: 180% !important;
    }
    .abCoverWrap {
        width: 250px;
        margin-right: 5%;
    }
    .abCover {
        height: 354px;
    }
    .abContent {
        width: calc(95% - 250px);
        position: relative;
        z-index: 2;
    }
    footer {
        background-size: 170% !important;
    }
}

@media screen and (max-width: 960px) {
    .bannerMain .container > img:nth-of-type(1),
    .bannerImages > img:nth-of-type(1) {
        /* margin-bottom: 170px; */
        width: 100%;
    }
    .bannerMain {
        height: 725px;
    }
    .bannerText {
        margin: 30px 0 50px;
    }
    .aboutWrap {
        margin-top: -30px;
        padding: 75px 0 115px;
    }
    .abCoverWrap {
        width: 270px;
        margin: 0 auto;
    }
    .abCoverWrap:before {
        top: 5px;
        background-size: 485px!important;
    }
    .abCover {
        height: 383px;
    }
    .openFull {
        right: 10px;
        bottom: 10px;
        width: 32px;
        height: 32px;
    }
    .abContent {
        width: 100%;
        margin-top: 45px;
    }
    .trailerNavItem {
        width: 30%;
    }
    .trailersList {
        height: 375px;
    }
    .playButton:before {
        content: '';
        width: 90px;
        height: 90px;
    }
    .framesSlider {
        margin: 45px 0 0;
    }
    .framesSlider .slick-arrow {
        left: 35px;
        width: 50px;
        height: 50px;
        z-index: 5;
    }
    .framesSlider .slick-next {
        left: auto;
        right: 35px;
    }
    .reviewsWrap {
        margin-top: -30px;
        padding: 50px 0 115px;
    }
    .reviewsList {
        margin: 45px 0 0;
    }
    .reviewsList .slick-arrow {
        left: 50%;
        bottom: -65px;
        top: auto;
        transform: translateX(-50%);
        width: 35px;
        height: 35px;
        margin-left: -40px;
    }
    .reviewsList .slick-next {
        left: 50%;
        top: auto;
        transform: translateX(-50%) rotate(180deg);
        margin-left: 40px;
    }
    .similarWrap {
        margin: 15px 0 0;
    }
    .similarList {
        width: calc(100% + 150px);
        margin: 0;
    }
    .modalBody {
        top: 0;
        left: 0;
        width: calc(100% - 80px);
        height: calc(100% - 80px);
        max-height: 100%;
        transform: none;
    }
    .modalContent {
        max-height: calc(90vh - 80px);
    }
}

@media screen and (max-width: 780px) {
    header {
        background-size: 225% !important;
        background-position: top right;
        position: relative;
        z-index: 20;
    }
    .bannerMain .container > img:nth-of-type(1),
    .bannerImages > img:nth-of-type(1) {
        /* margin-bottom: 245px; */
        width: 100%;
    }
    .bannerText {
        /* display: none; */
        font-size: 18px;
        margin: 0 0 45px;
    }
    .bannerButtons {
        margin-bottom: 30px;
    }
    .textLogo {
        width: 80px;
    }
    .aboutWrap {
        margin-top: -40px;
        padding: 70px 0 115px;
        background-size: 2000px !important;
    }
    .trailersList {
        height: 290px;
    }
    .materialItem h3 {
        padding-right: 0;
    }
    .materialItem {
        width: 32%;
    }
    .reviewsWrap {
        margin-top: -40px;
        padding: 50px 0 95px;
        background-size: 1900px !important;
    }
    footer {
        background-size: 200% !important;
        background-position: top center!important;
        background-repeat: no-repeat!important;
    }
    footer:before {
        display: none;
    }
    footer .container > img {
        width: 305px;
    }
    .footerImages img:nth-of-type(1) {
        margin-left: 65px;
        width: 165px;
    }
    .footerImages img:nth-of-type(2) {
        margin-right: -10px;
        width: 255px;
    }
    .similarList.sliderInDef .similarItem img {
        width: auto;
        height: 360px;
    }
}

@media screen and (max-width: 680px) {
    .bannerMain .container > img:nth-of-type(1),
    .bannerImages > img:nth-of-type(1) {
        /* margin-bottom: 230px; */
    }
    .bannerMain .container>img:nth-of-type(2),
    .bannerImages>img:nth-of-type(2) {
        /* display: block;
        width: 100%;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin: 0 0 0 35px;
        transform: translateX(-50%); */
    }
    .bannerMain {
        height: 810px;
    }
    header {
        background-size: 270% !important;
    }
    .aboutWrap .blockTitle {
        text-align: center;
    }
    .abcMain {
        width: 100%;
        margin-right: 0;
    }
    .abcMain .button {
        padding-left: 30px;
        padding-right: 30px;
        display: block;
        width: calc(90% - 60px);
        margin: 25px auto 10px;
        text-align: center;
    }
    .abcData {
        width: 100%;
    }
    .aboutWrap {
        padding: 70px 0 70px;
    }
    .trailersList {
        height: 285px;
        margin-left: -25px;
        margin-right: -25px;
        width: calc(100% + 50px);
        margin-top: 0;
    }
    .trailerItem {
        background-size: cover !important;
        background-position: bottom left !important;
    }
    .trailersNav {
        width: calc(100% + 150px);
        margin: 20px 0 0;
    }
    .framesSlider {
        margin: 0 -30px 0;
        box-shadow: none;
    }
    .frameItem {
        height: auto;
    }
    .frameItem img {
        position: initial;
    }
    .frameItem:after {
        display: none;
    }
    .frameItem p {
        position: initial;
        transform: none;
        width: 86%;
        margin: 30px 7% 0;
    }
    .materialsWrap {
        margin: 50px 0 0;
        padding: 25px 0 140px;
        background-position: top left !important;
        background-size: 295% !important;
        background-repeat: no-repeat !important;
        background-color: #d90000!important;
    }
    .materialsList {
        margin: 0;
    }
    .materialItem {
        width: 100%;
        margin-bottom: 30px;
    }
    .materialItem img {
        height: auto;
        margin: 0 -20px 0;
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
    }
    .similarItem {
        text-decoration: none;
        margin: 0 10px;
    }
    footer {
        padding: 75px 0 30px;
        background-size: 220% !important;
    }
    footer .button {
        padding: 10px 40px 11px;
        position: relative;
        z-index: 5;
    }
    footer .container {
        position: initial;
    }
    .footerImages {
        z-index: 3;
        bottom: 0;
    }
    .footerImages img:nth-of-type(1) {
        margin-left: 65px;
        width: 260px;
    }
    .footerImages img:nth-of-type(2) {
        width: 400px;
        max-height: none;
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
    }
    footer:after {
        width: 130%;
        background-size: 140%;
        background-position: top center !important;
        transform: none;
        left: -30%;
        margin: 0;
        bottom: 0;
        height: 125px;
    }
    .abcDesktop {
        display: none;
    }
    .abcMobile {
        display: block;
    }
    #aboutMoreMobile {
        display: block;
        margin: 15px 0 0;
        width: calc(100% - 82px);
        text-align: center;
    }
    .framesArrowsMobile {
        /* display: flex; */
    }
    .framesArrowsMobile span {
        width: 35px;
        height: 35px;
        background: url(../images/arrow.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
        opacity: 1;
        transition: .3s all;
        margin: 20px 20px 0;
    }
    .framesArrowsMobile span:hover {
        opacity: .75;
    }
    .framesArrowsMobile span.framesNext {
        transform: rotate(180deg);
    }
    .trailerNavItem.mobileOnly {
        display: block;
    }
    /* .framesSlider .slick-arrow {
        left: 50%;
        top: 415px;
        width: 35px;
        height: 35px;
        margin-left: -40px;
        transform: translateX(-50%);
    }
    .framesSlider .slick-next {
        margin-left: 40px;
        transform: translateX(-50%) rotate(180deg);
    } */
    .footerImages {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .bannerText {
        /* display: none; */
        font-size: 14px;
        margin: 0 0 45px;
    }
    .bannerButtons .button {
        padding: 13px 10px;
        margin: 15px 10px 0;
    }
    .bannerMain .container > img:nth-of-type(1),
    .bannerImages > img:nth-of-type(1) {
        margin-bottom: 150px;
        width: 100%;
    }
    .textLogo {
        width: 65px;
    }
}

@media screen and (min-height: 541px) {
    .bannerMain,
    .materialsWrap {
        background: url(../images/bannerMain.webp);
    }
}

@media screen and (max-width: 540px) {
    .bannerMain,
    .materialsWrap {
        background: url(../images/bannerMainM.webp);
    }
    /* .bannerMain .container > img:nth-of-type(1),
    .bannerImages > img:nth-of-type(1) {
        margin-bottom: 230px;
        width: 100%;
    }
    .bannerMain .container > img:nth-of-type(2),
    .bannerImages > img:nth-of-type(2) {
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
        margin-left: 45px;
        max-width: none;
        max-height: none;
        width: 140%;
    } */
    .bannerMain {
        height: 810px;
    }
    .blockTitle {
        font-size: 40px;
        line-height: 56px;
    }
    .abcMain {
        margin-top: -20px;
    }
    p {
        font-size: 14px;
    }
    .similarList.sliderInDef .similarItem img {
        height: 300px;
    }
    .seasonTitle {
        font-size: 18px;
        padding-bottom: 10px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .seasonsList {
        padding: 5px 20px 20px;
    }
    .episode {
        padding: 10px 15px;
        margin: 5px 0;
        justify-content: space-between;
    }
    .episodeTitle {
        margin: 0 0 10px;
        width: 100%;
    }
    .episodeDate {
        width: 95px;
        text-align: left;
    }
    .episodeLink .button {
        font-size: 14px;
        padding: 8px 20px 9px;
        font-weight: 200;
    }
    .episodeLink {
        width: 110px;
        margin: -15px 0 12px;
    }
    footer {
        background: url(../images/footerM.png);
        background-position: top center !important;
        background-size: cover !important;
        /* background-blend-mode: multiply !important; */
    }
}

@media screen and (max-width: 480px) {
    .bannerImages.desktop {
        display: none;
    }
    .bannerImages.mobile,
    .fakeBanner {
        display: block;
    }
    /* .bannerMain .container > img:nth-of-type(1),
    .bannerImages > img:nth-of-type(1) {
        margin-bottom: 225px;
        width: 100%;
    } */
    .bannerMain {
        height: 675px;
    }
    .bannerMain .container>img:nth-of-type(2),
    .bannerImages>img:nth-of-type(2) {
        /* width: 130%;
        margin: 0 0 0 35px;
        max-width: 150%;  */
    }
    header {
        background-size: 340% !important;
    }
    .framesSlider .slick-arrow {
        top: 35%;
    }
    .materialsWrap {
        padding-bottom: 60px;
    }
    .reviewsList {
        margin: 0;
    }
    .footerImages img:nth-of-type(1) {
        margin-left: 15px;
        width: 260px;
    }
    .footerImages img:nth-of-type(2) {
        margin-right: -75px;
    }
    .bannerText {
        display: block;
        text-align: center;
    }
    .textLogo {
        width: 65px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 0 7px;
    }
    footer .button .textLogo {
        margin: 0 0 0 10px;
        width: 70px;
    }
    .modalBody {
        width: calc(100% - 50px);
        height: calc(100% - 50px);
        padding: 25px;
    }
    .modalHead {
        margin-bottom: 30px;
    }
    .modalTitle {
        font-size: 20px;
    }
    .modalContent {
        max-height: calc(90vh - 40px);
    }
    .bannerMain .container > img:nth-of-type(1),
    .bannerImages > img:nth-of-type(1) {
        margin-bottom: 0;
        width: calc(100% - 30px);
        top: 160px;
    }
}

@media screen and (max-width: 420px) {
    .share {
        width: 38px;
        height: 38px;
    }
    .headerButtons .button {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .logo {
        margin-left: 0;
        width: 105px;
    }
    /* .bannerMain .container > img:nth-of-type(1),
    .bannerImages > img:nth-of-type(1) {
        margin-bottom: 110px;
        width: 100%;
    } */
    .bannerMain {
        height: 620px;
    }
    .footerImages img:nth-of-type(1) {
        margin-left: -21px;
        width: 260px;
    }
    .footerImages img:nth-of-type(2) {
        margin-right: -100px;
    }
    .bannerMain .container>img:nth-of-type(2),
    .bannerImages>img:nth-of-type(2) {
        /* margin: 0 0 0 27px; */
    }
}

@media screen and (max-width: 380px) {
    .container {
        max-width: 94%;
    }
    .headerButtons .button {
        padding-left: 30px;
        padding-right: 30px;
    }
    header {
        background-size: 410% !important;
    }
    /* .bannerMain .container > img:nth-of-type(2),
    .bannerImages > img:nth-of-type(2) {
        width: 150%;
    } */
    .trailersNav {
        width: calc(100% + 100px);
    }
    .framesWrap {
        margin: 40px 0 0;
    }
    .trailerNavItem {
        height: 95px;
    }
    .footerImages img:nth-of-type(1) {
        margin-left: -20px;
        width: 240px;
    }
    .footerImages img:nth-of-type(2) {
        margin-right: -85px;
        width: 350px;
    }
    footer {
        /* padding: 75px 0 270px; */
        margin-top: 0;
    }
    footer:after {
        /* width: 240%; */
        /* background-size: 210% !important; */
        bottom: -10px;
    }
    .textLogo {
        width: 55px;
        display: inline-block;
        vertical-align: middle;
        margin: 4px 0 0 5px;
    }
    /* .bannerMain .container > img:nth-of-type(1),
    .bannerImages > img:nth-of-type(1) {
        margin-bottom: 105px;
        width: 100%;
    } */
    footer {
        margin-top: 55px;
    }
    .similarList.sliderInDef .similarItem img {
        height: 340px;
    }
    .bannerMain .container>img:nth-of-type(2),
    .bannerImages>img:nth-of-type(2) {
        /* width: 142%;
        margin: 0 0 10px 25px; */
    }
}

@media screen and (max-width: 360px) {
    /* .bannerMain .container > img:nth-of-type(1),
    .bannerImages > img:nth-of-type(1) {
        margin-bottom: 75px;
        width: 100%;
    } */
    .bannerMain {
        height: 590px;
    }
    header {
        background-size: 430% !important;
    }
}