@media screen and (max-width: 1700px) {
    .get-loan-section .col-left {
        max-width: 60%;
    }
}
@media screen and (max-width: 1650px) {
    .head-works-section .img-left {
        left: 20px;
    }
    .contact-section .img-left {
        left: 10px;
    }
}
@media screen and (max-width: 1500px) {
    .get-loan-section .col-left {
        max-width: 50%;
    }
}
@media screen and (max-width: 1400px) {
    .preform-section .img-left,
    .preform-section .img-right {
        display: none;
    }
    .head-works-section {
        background: #ACB3FF;
    }
    .head-works-section .img-left,
    .head-works-section .img-right {
        display: none;
    }
    .contact-section {
        position: relative;
        background: url(../img/bg-contact-right.svg) no-repeat bottom right;
        background-color: #ACB3FF;
    }
    .contact-section .flex-box {
        justify-content: flex-start;
    }
    .contact-section .img-contact {
        left: 10%;
    }
    .contact-section .img-left {
        display: none;
    }
    .contact-section .flex-box .col-info {
        width: 30%;
    }   
}
@media screen and (max-width: 1250px) {
    .get-loan-section .col-left {
        max-width: 100%;
    }
    .get-loan-section .col-left p {
        max-width: 400px;
    }
    .get-loan-section .col-left .h1 {
        padding: 0 0 0 50px;
    }
    .get-loan-section .col-left .h1:before {
        left: 0;
    }
}
@media screen and (max-width: 1200px) {
    .top-nav a.get-btn {
        margin: 0;
    }
    .works-section:before,
    .works-section:after {
        display: none;
    }
    .bottom-nav-section .footer-nav {
        justify-content: center;
        flex-wrap: wrap;
        gap: 25px 35px;
    }
    .contact-section .img-contact {
        display: none;
    }
}
@media screen and (max-width: 1150px) {
    .steps-section .list-steps {
        justify-content: center;
        align-items: flex-start;
        gap: 0 50px;
    }
    .steps-section .list-steps .list-steps-item {
        display: block;
    }
    .steps-section .list-steps .list-steps-item .img {
        margin: 0 0 10px;
    }
    .steps-section .list-steps .list-steps-item .text {
        max-width: 121px;
    }
}
@media screen and (max-width: 1100px) {
    .wrapper {
        padding: 0 25px;
    }
    .top-nav {
        position: relative;
    }
    .top-nav .menu {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        padding: 80px 50px 55px;
        box-shadow: 0px 25px 50px 10px rgba(0, 0, 0, 0.11);
    }
    .top-nav .menu ul {
        display: block;
        text-align: center;
    }
    .top-nav .menu ul li {
        margin: 0 0 40px;
    }
    .hum {
        position: relative;
        display: flex;
        margin: 0 0 0 45px;
    }
    .wrap-mob-btn {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .get-started-btn-mob {
        display: block;
    }
    .contact-section {
        padding: 70px 0;
    }
    .contact-section .flex-box {
        display: block;
    }
    .contact-section .flex-box .col-info {
        width: 100%;
    }
}
@media screen and (max-width: 1050px) {
    .get-loan-section .col-right img {
        max-height: 330px;
    }
}
@media screen and (max-width: 1000px) {
    .list-works .list-works-item {
        padding: 55px 25px 35px;
    }
}
@media screen and (max-width: 950px) {
    .preform-section {
        background: #ACB3FF;
    }
    .preform-section .box-form {
        max-width: 100%;
    }
    .get-loan-section .col-left p {
        max-width: 60%;
    }
    .get-loan-section .col-right img {
        right: -60px;
    }
}
@media screen and (max-width: 850px) {
    .works-section .h1 {
        display: none;
    }
    .list-works {
        display: block;
        position: static;
    }
    .list-works .list-works-item {
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 0 0 30px;
    }
    .list-works .list-works-item .img {
        width: 25%;
    }
    .list-works .list-works-item .img img {
        max-width: 100%;
    }
    .list-works .list-works-item .content {
        max-width: 320px;
        margin: 0 0 0 50px;
    }
    .get-loan-section .col-left p {
        max-width: 50%;
    }
    .well-do-section {
        padding: 40px 0 80px;
        background: url(../img/bg-well-do-tablet.png) no-repeat top center #fff;
        background-size: 100%;
    }
    .well-do-section .flex-box {
        display: block;
    }
    .well-do-section .col-left {
        max-width: 430px;
        text-align: center;
        margin: 0 auto 40px;
    }
    .well-do-section .col-right {
        margin: 0 auto;
    }
    footer .under-footer .copy-rights {
        max-width: 325px;
        line-height: normal;
    }
    .head-works-section {
        padding: 80px 0 60px;
    }
    .head-works-section .text-title {
        margin: 40px 0 80px;
    }
    .page-works .get-loan-section {
        padding: 60px 0;
    }
    .faq-section {
        padding: 85px 0 60px;
        background: #ACB3FF;
    }
    .faq-section .col-left {
        width: 55%;
    }
    .faq-section .col-right img {
        bottom: -100px;
        right: -145px;
    }
    .faq-question {
        position: relative;
        z-index: 2;
        padding: 100px 0 80px;
    }
    .cookie-message .wrapper {
        display: block;
        text-align: center;
    }
    .cookie-container {
        justify-content: center;
        padding: 20px;
    }
    .cookie-message .cookie-close {
        margin: 0;
    }
    .cookie-message .cookie-reject {
        margin: 0 0 0 20px;
    }
}
@media screen and (max-width: 700px) {
    .get-loan-section {
        padding: 40px 0 50px;
        text-align: center;
    }
    .get-loan-section .col-right img {
        position: static;
    }
    .get-loan-section .col-left {
        text-align: left;
    }
    .get-loan-section .col-left .h1 {
        margin: 30px 0;
        font-size: 20px;
        line-height: normal;
    }
    .get-loan-section .col-left p {
        max-width: 100%;
        font-size: 16px;
        line-height: normal;
    }
    .well-do-section {
        background-size: auto;
    }
    .bottom-nav-section .footer-nav {
        display: block;
        text-align: center;
        padding: 13px 0;
    }
    .bottom-nav-section .footer-nav li {
        margin: 27px 0;
    }
    .get-loan-section .col-right img {
        max-width: 210px;
    }
    .faq-section {
        padding: 50px 0 0;
    }
    .faq-section .flex-box {
        display: block;
    }
    .faq-section .col-left {
        width: 100%;
    }
    .faq-section .col-right {
        text-align: center;
    }
    .faq-section .h1 {
        margin: 0 0 30px;
    }
    .faq-section .text-title {
        font-size: 16px;
    }
    .faq-section .col-right img {
        max-width: 290px;
        position: relative;
        bottom: auto;
        right: auto;
        top: 30px;
    }
    .contact-section {
        background: #ACB3FF;
    }
    .contact-section .img-right {
        display: none;
    }
    .contact-section .box-contact-form {
        width: 100%;
        min-width: 100%;
    }
    .contact-section .list-info {
        margin: 20px 0;
    }
    .contact-section .list-info .list-info-item {
        margin: 0 0 30px;
    }
}
@media screen and (max-width: 650px) {
    .wrapper {
        padding: 0 15px;
    }
    .top-info {
        padding: 5px 0;
        font-size: 10px;
        line-height: 12px;
    }
    .top-info .wrapper {
        display: block;
    }
    .top-info .col-left {
        margin: 0 0 5px;
    }
    .top-nav {
        padding: 12px 0;
    }
    .top-nav .wrap-mob-btn a.get-btn {
        display: none;
    }
    .preform-section {
        padding: 20px 0 0;
        background: url(../img/bg-main-mobile.svg) no-repeat 10% 100%;
        background-color: #ACB3FF;
    }
    .preform-section .wrapper {
        text-align: center;
    }
    .preform-section .img-right {
        max-width: 176px;
        position: relative;
        bottom: auto;
        right: auto;
        top: 65px;
        left: auto;
        display: inline;
    }
    .preform-section .box-form {
        text-align: left;
        padding: 25px 20px 35px;
    }
    .preform-section .box-form .h1 {
        font-size: 20px;
        line-height: normal;
    }
    .preform-section .box-form .text-title {
        font-size: 16px;
        line-height: normal;
        margin: 10px 0 30px;
    }
    .preform-section .step-1 .select-group {
        display: block;
    }
    .preform-section .step-1 .select-group > div {
        width: 100%;
        margin: 0 0 10px;
    }
    .preform-section .step-1 .select-group > div label {
        font-size: 13px;
    }
    .preform-section select {
        height: 50px;
        background-position: 95% 50%;
        background-size: 17px 13px;
        padding: 0 20px;
        font-size: 20px;
        line-height: normal;
        font-weight: 600;
    }
    .preform-section input {
        height: 50px;
    }
    .preform-section .btn {
        margin: 35px auto 30px;
    }
    .preform-section .text-rates {
        margin: 17px 0 0;
    }
    .steps-section {
        padding: 85px 0 20px;
    }
    .steps-section .list-steps {
        display: block;
    }
    .steps-section .list-steps .list-steps-item {
        display: flex;
        margin: 0 0 20px;
    }
    .steps-section .list-steps .list-steps-item .img {
        margin: 0 20px 0 0;
    }
    .steps-section .list-steps .list-steps-item .text {
        max-width: 100%;
    }
    .works-section {
        padding: 0 0 45px;
    }
    .list-works .list-works-item {
        padding: 35px 20px 30px;
        margin: 0 0 10px;
    }
    .list-works .list-works-item .img {
        display: none;
    }
    .list-works .list-works-item .content {
        max-width: 100%;
        margin: 0;
    }
    .list-works .list-works-item .content .h2 {
        max-width: 170px;
        font-size: 20px;
        line-height: normal;
        margin: 0 0 40px;
    }
    .well-do-section .col-right {
        width: 100%;
        min-width: auto;
        max-width: 500px;
    }
    .head-works-section {
        padding: 50px 0 40px;
    }
    .head-works-section .text-title {
        margin: 30px 0 50px;
        font-size: 16px;
    }
    .page-works .get-loan-section {
        padding: 40px 0 50px;
    }
    .faq-question {
        padding: 60px 0 40px;
    }
    .faq-question .box-acc .ac-head {
        font-size: 16px;
        font-weight: 300;
        padding: 15px 52px 15px 10px;
    }
    .faq-question .box-acc .ac-body {
        padding: 25px;
    }
    .faq-question .box-acc .ac-head .icon-open {
        width: 32px;
        height: 32px;
    }
    .faq-question .box-acc .ac-head .icon-open:before {
        left: calc(50% - 8px);
        width: 16px;
    }
    .faq-question .box-acc .ac-head .icon-open:after {
        top: calc(50% - 8px);
        height: 16px;
    }
    .thank-you {
        padding: 45px 30px;
    }
    .thank-you img {
        max-width: 100px;
    }
    .thank-you .h2 {
        margin: 30px 0 20px;
        font-size: 20px;
    }
    .decline {
        margin: 50px 0 0;
        padding: 30px 0;
    }
}
@media screen and (max-width: 550px) {
    footer .under-footer {
        display: block;
        padding: 20px 0 35px;
    }
    footer .under-footer .copy-rights {
        margin: 20px 0 0;
    }
}
@media screen and (max-width: 500px) {
    .well-do-section {
        padding: 85px 0 60px;
    }
    .well-do-section .col-right p {
        margin: 15px 0 50px;
    }
    .well-do-section .col-right .h2:after {
        display: none;
    }
    .well-do-section .col-right .btn {
        padding: 0 20px;
    }
    .opt__wrapper {
        padding: 30px 24px;
        width: 94%;
    }
    #opt_close {
        right: 0px;
        top: -30px;
    }
    .opt__description {
        margin-top: 16px;
    }
    .opt__form {
        margin-top: 20px;
    }
    .opt__or {
        margin: 16px auto;
    }
    .opt__btn {
        margin-top: 30px;
        padding: 20px 0;
    }
}

@media screen and (min-width: 1101px) {
    .top-nav .menu {
        display: block!important;
    }
}