@media screen and (min-width: 2000px) {
    .header-main-section {
        background-size: 1000px;
    }
}

@media screen and (max-width: 1750px) {
    .header-main-section .images-header-box .min-triangle-transparent-left {
        top: 30%;
        left: -60px;
        border-width: 0 55px 62px 55px;
    }

    .header-main-section .images-header-box .max-triangle-transparent-left {
        border-width: 0 100px 112px 100px;
    }

    .header-main-section .images-header-box .max-triangle-transparent-right {
        top: 30%;
        right: -170px;
    }

    .header-main-section .images-header-box .min-triangle-transparent-right {
        top: 45%;
        right: -95px;
    }

    .trusted-section .images-trusted-box .big-triangle-transparent-left {
        left: -110px;
    }

    .trusted-section .images-trusted-box .big-triangle-transparent-right {
        right: -110px;
    }
}

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

    .header-main-section .images-header-box .min-triangle-transparent-left,
    .header-main-section .images-header-box .max-triangle-transparent-right,
    .header-main-section .images-header-box .min-triangle-transparent-right {
        display: none;
    }

    .help-section .icon-bg-help {
        width: 40px;
        left: 0;
        top: 0;
    }

    .trusted-section .images-trusted-box .icon-triangle-3d-left,
    .trusted-section .images-trusted-box .icon-triangle-3d-right,
    .trusted-section .images-trusted-box .small-triangles-x12-left,
    .trusted-section .images-trusted-box .small-triangles-x12-right,
    .trusted-section .images-trusted-box .small-triangles-x4-right {
        display: none;
    }

    .trusted-section .images-trusted-box .img-trusted-left {
        left: 25px;
    }

    .trusted-section .images-trusted-box .img-trusted-right {
        right: 25px;
    }

    .trusted-section .images-trusted-box .big-triangle-transparent-left {
        left: -240px;
    }

    .trusted-section .images-trusted-box .big-triangle-transparent-right {
        right: -240px;
    }

    .prefooter-section:before {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .header-main-section .images-header-box .max-triangle-transparent-left {
        display: none;
    }

    .help-section .icon-bg-help {
        top: -20px;
    }

    .head-works-section .works-step-list li:nth-child(1) {
        max-width: 242px;
    }

    .head-works-section .works-step-list li:nth-child(2) {
        max-width: 190px;
    }

    .head-works-section .works-step-list li:nth-child(3) {
        max-width: 290px;
    }

    .head-works-section .works-step-list li .icon {
        width: 70px;
        min-width: 70px;
        margin: 0 20px 0 0;
    }

    .independent-section .col-left img {
        left: -550px;
    }

    .prefooter-section h2 {
        max-width: 250px;
    }

    .form-section .col-left {
        margin: 0 35px 0 0;
    }

    .form-section .box-contact {
        padding: 60px 30px 35px;
    }

    .form-section .box-contact .box-bot-form button {
        width: 170px;
    }
}

@media screen and (max-width: 1050px) {
    header .menu ul.navigate {
        margin: 0 30px 0 0;
    }

    .header-main-section .images-header-box .small-triangles-x4-left,
    .header-main-section .images-header-box .small-triangles-x4-right {
        display: none;
    }

    .trusted-section .images-trusted-box .img-trusted-left {
        left: -50px;
    }

    .trusted-section .images-trusted-box .img-trusted-right {
        right: -55px;
    }

    .trusted-section .images-trusted-box .big-triangle-transparent-left {
        left: -325px;
    }

    .trusted-section .images-trusted-box .big-triangle-transparent-right {
        right: -325px;
    }

    .trusted-section .faq-list {
        margin: 70px 0 0;
    }

    .trusted-section .faq-list li {
        padding: 45px 35px;
    }

    .prefooter-section {
        padding: 60px 0;
    }

    .prefooter-section .flex-box {
        display: block;
        text-align: center;
    }

    .prefooter-section h2 {
        display: inline-block;
        max-width: 100%;
        max-width: 260px;
        margin: 0 auto;
    }

    .prefooter-section form.preform {
        max-width: 322px;
        margin: 100px auto 0;
        display: block;
    }

    .prefooter-section form.preform select,
    .prefooter-section form.preform button {
        width: 100%;
        height: 80px;
    }

    .prefooter-section form.preform select {
        margin: 0 0 20px;
    }

    .prefooter-section h2:after {
        width: 32px;
        height: 40px;
        background: url(../img/icon-anim-head.svg) no-repeat center;
        top: 75px;
        right: auto;
        left: calc(50% - 16px);
        animation: arrow-prefooter-mobile 1.5s infinite linear;
        -webkit-animation: arrow-prefooter-mobile 1.5s infinite linear;
        -moz-animation: arrow-prefooter-mobile 1.5s infinite linear;
    }

    .head-faq-section .flex-box .col-left {
        width: 470px;
        min-width: 470px;
    }

    .head-faq-section .flex-box .col-left p {
        margin: 40px 0 0;
    }
}

@media screen and (max-width: 950px) {
    .wrapper {
        padding: 0 25px;
    }

    .form-section .box-contact {
        padding: 60px 20px 35px;
    }
}

@media screen and (max-width: 900px) {
    header .menu ul.navigate {
        width: 375px;
        height: 100vh;
        position: absolute;
        top: 0;
        right: 0;
        background: #464AA0;
        border: 1px solid #868686;
        padding: 75px 0 20px;
        margin: 0;
        display: none;
        overflow: auto;
    }

    header .menu ul.navigate li {
        display: block;
        margin: 0 0 30px;
        text-align: left;
        text-align: center;
    }

    header .menu ul.navigate li.mobile-link {
        display: block;
    }

    header .menu ul.navigate a {
        color: #fff;
    }

    header .menu ul.navigate.open-menu+ul .hum span {
        background: #fff;
    }

    header .menu ul.navigate li.btn-mob,
    header .menu ul.navigate li.cont-tel {
        display: block;
    }

    header .menu ul.navigate li.get-started.btn-mob {
        margin: 45px 0;
    }

    .header .menu ul li a.get-btn {
        margin: 0 auto;
        height: 46px;
    }

    .box-hum {
        display: block;
    }

    .cont-tel, .box-btn {
        display: none;
    }

    .help-section {
        margin: 120px auto 60px;
        max-width: 650px;
    }

    .help-section .flex-box {
        display: block;
    }

    .help-section .icon-bg-help {
        top: -70px;
    }

    .help-section .col-mid {
        display: none;
    }

    .help-section .col-left, .help-section .col-mid, .help-section .col-right {
        width: 100%;
        max-width: 100%;
    }

    .help-section .col-left p {
        margin: 20px 0 40px;
    }

    .help-section .help-list li {
        max-width: 270px;
        margin: 0px 0 45px;
    }

    .form-section {
        padding: 130px 0 50px;
    }

    .form-section .flex-box {
        margin: 50px 0 0;
        display: block;
    }

    .form-section .col-left {
        width: 100%;
        min-width: 100%;
        max-width: 350px;
        margin: 0 0 50px;
    }

    .form-section .contact-list {
        margin: 0 0 50px;
    }
}

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

    .trusted-section .images-trusted-box {
        display: none;
    }

    .trusted-section {
        background: #fff;
        padding: 0;
    }

    .trusted-section .wrapper {
        padding: 0;
    }

    .trusted-section .faq-list {
        display: block;
        background: #464AA0;
        padding: 0 25px;
        margin: 60px 0 0;
        overflow: hidden;
    }

    .trusted-section .faq-list li {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 40px;
        padding: 45px 25px 40px;
    }

    .trusted-section .faq-list li:last-child {
        margin: 0 auto;
    }

    .trusted-section .faq-list:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 1000px 1200px 0 0;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: -300px;
        left: 0px;
        z-index: -1;
    }

    .trusted-section .box-triangle .triangle {
        display: none;
    }

    .trusted-section .preform-box {
        margin: 0;
        padding: 90px 25px 60px;
        background: #464AA0;
    }

    .trusted-section .box-triangle {
        padding: 0 25px;
    }

    .trusted-section .box-triangle .triangle-content img {
        margin: 20px 0;
    }

    .trusted-section .preform-box h2:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 28px 19px 0 19px;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: -55px;
        left: calc(50% - 19px);
    }

    .head-works-section {
        padding: 130px 0 80px;
        max-width: 600px;
        margin: 0 auto;
    }

    .head-works-section .works-step-list {
        margin: 45px 0 0;
        display: block;
    }

    .head-works-section .works-step-list li {
        margin: 0 0 45px;
    }

    .head-works-section .works-step-list li:last-child {
        margin: 0;
    }

    .head-works-section .works-step-list li:nth-child(1) {
        max-width: 330px;
    }

    .head-works-section .works-step-list li:nth-child(2) {
        max-width: 230px;
    }

    .head-works-section .works-step-list li:nth-child(3) {
        max-width: 300px;
    }

    .independent-section {
        padding: 30px 0 50px;
    }

    .independent-section .flex-box {
        display: block;
    }

    .independent-section .col-left,
    .independent-section .col-right {
        width: 100%;
    }

    .independent-section .col-left img {
        width: auto;
        min-width: auto;
        position: static;
    }

    .independent-section .col-right {
        margin: 50px 0 0;
        min-width: 100%;
    }

    .independent-section .col-right .independent-list li:before {
        background: #FEDE2A;
    }

    .head-faq-section {
        padding: 130px 0 60px;
    }

    .head-faq-section .flex-box {
        display: block;
    }

    .head-faq-section .flex-box .col-left,
    .head-faq-section .flex-box .col-right {
        min-width: 100%;
        width: 100%;
        text-align: left;
    }

    .questions-section {
        padding: 0 0 60px;
    }

    .accordeon .ac-head {
        padding: 30px 60px 30px 40px;
    }

    .accordeon .ac-head h4:after {
        right: -25px;
    }

    .accordeon .ac-head h4 {
        font-size: 13px;
        line-height: 16px;
    }

    .accordeon .ac-body {
        padding: 40px 40px 50px;
    }

    .ac-body p,
    .ac-body ul li {
        font-size: 14px;
        line-height: 16px;
    }

    .ac-body ul li:before {
        top: 5px;
    }

    .terms-section {
        padding: 130px 0 60px;
    }

    .terms-section h1 {
        font-size: 30px;
        line-height: 38px;
    }
}

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

    .h1 {
        font-size: 30px;
        line-height: 38px;
    }

    .h2 {
        font-size: 18px;
        line-height: 21px;
    }

    .h3 {
        font-size: 15px;
        line-height: 18px;
    }

    footer .foot-nav {
        padding: 50px 0 20px;
        border: none
    }

    footer .foot-nav ul {
        display: block;
    }

    footer .foot-nav ul li {
        margin: 0 0 30px;
    }

    footer .foot-nav ul li:last-child {
        margin: 0;
    }

    .register-section {
        padding: 55px 0;
    }

    .register-section .flex-box {
        display: block;
    }

    .register-section .flex-box img {
        max-width: 85px;
        margin: 0 0 30px;
    }

    .head-faq-section .flex-box .col-left p {
        margin: 40px 0 80px;
        padding: 0;
        border: none;
        font-size: 16px;
        line-height: 26px;
    }

    .form-section .box-contact {
        padding: 60px 30px 50px;
    }

    .form-section .box-contact .box-table {
        display: block;
    }

    .form-section .box-contact .box-table .box-field {
        width: 100%;
    }
}

@media screen and (max-width: 650px) {
    .form-section .box-contact .box-bot-form {
        display: block;
        text-align: center;
    }

    .form-section .box-contact .box-bot-form .box-captcha {
        display: inline-block;
    }

    .form-section .box-contact .box-bot-form button {
        display: block;
        margin: 25px auto 0;
    }

    .form-section .box-contact p.required {
        display: none;
    }

    .form-section .box-contact p.required.mob {
        display: block;
        max-width: 300px;
        margin: 0 auto;
        text-align: left;
    }

    .form-section .box-contact .box-table .box-field input {
        padding: 0 20px;
    }

    .form-section .box-contact .box-table .field-text textarea {
        padding: 15px 20px;
    }

    .terms-section h1 {
        font-size: 20px;
        line-height: 26px;
        margin: 0 0 20px;
    }
}

@media screen and (max-width: 600px) {
    .header-main-section {
        padding: 100px 0 130px;
        background: url(../img/img-head-main-right.png) no-repeat right bottom;
        background-color: #464AA0;
        background-size: 70%;
    }

    .step-list {
        margin: 70px auto 0;
        width: 100%;
        max-width: 322px;
        position: relative;
    }

    .step-list li {
        margin: 30px 0 0;
        justify-content: flex-start;
    }

    .trusted-section .faq-list:before {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 620px 620px 0 0;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
}

@media screen and (max-width: 450px) {
    header {
        height: 70px !important;
    }

    header .menu ul.navigate {
        width: 100%;
    }

    footer .copyright span {
        display: block;
    }
}

@media screen and (max-height: 600px) {
    .modal .window {
        height: 100vh;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 30px 50px 50px;
    }

    .modal .window>img {
        position: static;
        margin: 0 0 20px;
    }
}

@media screen and (max-width: 600px) and (max-height: 450px) {
    header .menu ul.navigate {
        height: calc(100vh + 1px);
    }
}