@media screen and (max-width: 1260px) {

    .content:not(.app__content), .app {

        margin-left: 10px;

        margin-right: 10px;

    }



    .app__content.content {

        padding: 37px 270px 37px 30px;

    }

}



@media screen and (max-width: 1100px) {

    .menu a {

        padding: 14px 12px;

        font-size: 13px;

    }



    .cover__content.content, .page-mobile .content.cover__content {

        padding: 50px 20px;

    }



    .page-home .content.cover__content {

        padding: 40px 20px;

    }



    .cover__wrapper {

        padding: 20px;

        -webkit-border-radius: 12px;

        -moz-border-radius: 12px;

        border-radius: 12px;

        background: rgba(0, 0, 0, 0.6);

    }



    .page-bonus .cover__image {

        right: 100px;

    }



    .page-home .cover__image {

        right: 30px;

    }



    .first-bonus__content.content {

        padding: 80px 20px;

    }



    .first-bonus__wrap {

        padding: 20px;

        -webkit-border-radius: 10px;

        -moz-border-radius: 10px;

        border-radius: 10px;

        background: rgba(0, 0, 0, 0.6);

        max-width: 550px;

    }



    .first-bonus__image img {

        -o-object-position: 60%;

        object-position: 60%;

    }

}



@media screen and (max-width: 1000px) {

    .header__logo {

        top: 0;

        position: relative;

    }



    .header__buttons {

        margin-right: 40px;

    }



    .header__menu {

        display: none;

    }



    .expand__menu > *:nth-child(2) {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -moz-box-orient: vertical;

        -moz-box-direction: normal;

        flex-direction: column;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        align-items: center;

    }



    .header__button {

        -webkit-box-shadow: none;

        -moz-box-shadow: none;

        box-shadow: none;

    }



    .header__menu-button {

        position: absolute;

        display: inline-block;

        top: 14px;

        right: -5px;

    }



    .expand__menu {

        position: fixed;

        top: -100vh;

        overflow: auto;

        right: 0;

        width: 100vw;

        height: auto;

        background: #05071A;

        z-index: 4;

        font-size: 15px;

        padding: 25px 0 30px;

        -webkit-transition: all 0.4s linear;

        -o-transition: all 0.4s linear;

        -moz-transition: all 0.4s linear;

        transition: all 0.4s linear;

        display: block;

    }



    .expand__menu.active {

        top: 80px;

    }



    .expand__menu > *:nth-child(3) {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -moz-box-orient: vertical;

        -moz-box-direction: normal;

        flex-direction: column;

        -webkit-box-align: center;

        -webkit-align-items: center;

        -moz-box-align: center;

        align-items: center;

    }



    .header__menu-button svg {

        overflow: visible;

    }



    .header__menu-button.active .rect1 {

        -webkit-transform: rotate(45deg) scaleX(1.32);

        -moz-transform: rotate(45deg) scaleX(1.32);

        -o-transform: rotate(45deg) scaleX(1.32);

        transform: rotate(45deg) scaleX(1.32);

        -webkit-transform-origin: 15px 15px;

        -moz-transform-origin: 15px 15px;

        -o-transform-origin: 15px 15px;

        transform-origin: 15px 15px;

    }



    .header__menu-button.active .rect2 {

        display: none;

    }



    .header__menu-button.active .rect3 {

        -webkit-transform: rotate(-45deg) scaleX(1.32);

        -moz-transform: rotate(-45deg) scaleX(1.32);

        -o-transform: rotate(-45deg) scaleX(1.32);

        transform: rotate(-45deg) scaleX(1.32);

        -webkit-transform-origin: 12.5px 35px;

        -moz-transform-origin: 12.5px 35px;

        -o-transform-origin: 12.5px 35px;

        transform-origin: 12.5px 35px;

    }



    .content.first-bonus__content {

        padding: 60px 10px;

    }

}



@media screen and (max-width: 900px) {

    h1, .title.general {

        font-size: 5.3vw;

        line-height: 6vw;

    }



    h2, .title.high, h3, .title.middle {

        font-size: 4.4vw;

        line-height: 5.2vw;

    }



    .expand__menu {

        height: -webkit-calc(100vh - 68px);

        height: -moz-calc(100vh - 68px);

        height: calc(100vh - 68px);

        padding: 25px 0 70px;

    }



    body.active {

        overflow: hidden;

    }



    .footer__list {

        margin-left: -25px;

    }



    .footer__list li {

        margin-left: 25px;

        margin-top: 15px;

    }



    .footer__list img {

        max-height: 27px;

    }



    .faq-item__question {

        font-size: 3.5vw;

        line-height: 1.3;

    }



    .bonus-list__item a {

        padding: 30px 20px;

    }



    table tr td:first-child span:first-child {

        margin-right: 16px;

    }



    table tr td:first-child span:nth-child(2) {

        -webkit-box-flex: 0;

        -webkit-flex: 0 1 -webkit-calc(100% - 32px - 16px);

        -moz-box-flex: 0;

        flex: 0 1 calc(100% - 32px - 16px);

    }



    .app__content.content {

        padding: 35px 260px 35px 20px;

    }

}



@media screen and (max-width: 800px) {

    .content {

        padding-left: 15px;

        padding-right: 15px;

    }

}



@media screen and (max-width: 750px) {

    .app__content.content {

        padding: 35px 5px 35px 20px;

        -webkit-justify-content: space-around;

        justify-content: space-around;

    }



    .app__link {

        -webkit-box-flex: 0;

        -webkit-flex: 0 1 auto;

        -moz-box-flex: 0;

        flex: 0 1 auto;

    }



    .app__bg img {

        -o-object-position: 20%;

        object-position: 20%;

    }

}



@media screen and (max-width: 700px) {

    .cover__wrapper {

        width: 75%;

    }



    .cover__content.content, .page-mobile .content.cover__content {

        padding: 30px 20px;

    }



    .page-home .content.cover__content {

        padding: 30px 20px;

    }



    .first-bonus__content.content {

        padding: 40px 10px;

    }

}



@media screen and (max-width: 650px) {

    .bonus-item__wrap {

        padding: 20px;

        -webkit-border-radius: 10px;

        -moz-border-radius: 10px;

        border-radius: 10px;

        background: rgba(0, 0, 0, 0.6);

        max-width: 100%;

    }



    .bonus-list__item a {

        padding: 15px 15px 15px 150px;

        display: block;

    }



    .bonus-item__image {

        position: absolute;

        left: 0;

        top: 0;

        height: 100%;

    }



    .bonus-item__image img {

        -o-object-fit: cover;

        object-fit: cover;

        max-width: none;

        max-height: none;

        height: 100%;

    }

}



@media screen and (max-width: 600px) {

    .header__content > .header__buttons > .header__button {

        display: none;

    }



    .expand__menu > *:first-child {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: flex;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -moz-box-pack: center;

        justify-content: center;

        width: 100%;

        margin-left: 0;

        margin-bottom: 25px;

    }



    .expand__menu > *:first-child a {

        padding: 10px;

        min-width: 150px;

        max-width: 150px;

    }



    .header__buttons {

        padding-right: 0;

        margin-right: 0;

        padding-top: 0;

    }



    .header__button:last-child {

        margin-left: auto;

    }



    h4, .title.small {

        font-size: 22px;

    }



    h2, .title.high, h3, .title.middle {

        font-size: 27px;

        line-height: 34px;

    }



    .cover__wrapper {

        max-width: 400px;

        width: 100%;

    }



    table tr {

        display: block;

    }



    table tr td:nth-child(2) {

        max-width: 100%;

        padding-top: 0;

    }



    table tr td:first-child {

        padding-right: 15px;

    }



    h1, .title.general {

        font-size: 32px;

        line-height: 38px;

    }



    .footer__wrap {

        display: block;

    }



    .footer__desc {

        padding-right: 0;

        margin-bottom: 25px;

    }



    .first-bonus__wrap {

        margin: auto;

        max-width: 400px;

        width: 100%;

    }



    .first-bonus__image img {

        -o-object-position: 95%;

        object-position: 95%;

    }

}



@media screen and (max-width: 550px) {

    .cover__wrapper {

        margin: auto;

        text-align: center;

    }



    .title.cover__title {

        text-align: center;

    }



    .main .content.cover__content {

        padding: 30px 10px;

    }



    .main .cover__image {

        width: -webkit-calc(100% + 300px);

        width: -moz-calc(100% + 300px);

        width: calc(100% + 300px);

        height: 100%;

        right: -150px;

    }



    .page-bonus .cover__image img {

        -o-object-position: right;

        object-position: right;

    }



    .faq-item__question {

        font-size: 19px;

        line-height: 25px;

    }



    .bonus-list__item a {

        padding: 15px;

    }



    .bonus-item__image {

        width: -webkit-calc(100% + 400px);

        width: -moz-calc(100% + 400px);

        width: calc(100% + 400px);

        left: -200px;

    }



    .bonus-item__wrap {

        text-align: center;

    }



    .title.bonus-item__title {

        text-align: center;

    }



    .app {

        max-width: 380px;

        margin: 20px auto 0;

    }



    .app__content.content {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -moz-box-orient: vertical;

        -moz-box-direction: normal;

        flex-direction: column;

        padding: 25px 20px;

    }



    .app__buttons {

        margin: 25px auto 0;

        -webkit-box-ordinal-group: 3;

        -webkit-order: 2;

        -moz-box-ordinal-group: 3;

        order: 2;

        -webkit-box-flex: 0;

        -webkit-flex: 0 1 auto;

        -moz-box-flex: 0;

        flex: 0 1 auto;

    }



    .app__link {

        margin: auto;

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -moz-box-ordinal-group: 2;

        order: 1;

    }



    .app__bg img {

        -o-object-position: 60%;

        object-position: 60%;

    }

}



@media screen and (max-width: 500px) {

    .faq-item__question {

        padding: 14px 16px 14px 40px;

    }



    .faq-item__question:before {

        left: 10px;

    }



    .faq-item__answer {

        padding: 10px 0 0;

    }



    .first-bonus__image img {

        -o-object-position: 90%;

        object-position: 90%;

    }

}



@media screen and (max-width: 450px) {



    .first-bonus__image img {

        -o-object-position: 85%;

        object-position: 85%;

    }



    .first-bonus__content.content {

        padding: 20px 10px;

    }



    .first-bonus__wrap {

        padding: 20px 15px;

    }

}



@media screen and (max-width: 400px) {

    .header__buttons {

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

        -webkit-flex-direction: column;

        -moz-box-orient: vertical;

        -moz-box-direction: normal;

        flex-direction: column;

    }



    .header__button:last-child {

        margin-right: auto;

        margin-left: auto;

        margin-top: 25px;

    }



    .cover__wrapper {

        padding: 20px 15px;

    }



    .app {

        margin: 20px 10px 0;

    }

}