@media (max-width: 1200px) {
    .section-benefits .benefit-item .separator img {
        max-width: 70px;
    }

    .section-benefits .benefit-item .description {
        font-size: 16px;
    }

    .section-faq .uk-accordion .counter {
        width: 10%;
    }

    .section-faq .uk-accordion-content {
        padding-left: 10%;
    }
}


@media (max-width: 1100px) {
    .site-header .web-logo {
        max-height: 30px;
        height: 30px;
    }

    .site-header .btn-consultation {
        padding: 5px 15px;
        font-size: 14px;
    }
}


@media (max-width: 960px) {
    .section-benefits .benefit-item .separator,
    .pa-hero .ribbon-gradient{
        display: none;
    }

    .section-benefits .benefit-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .section-benefits .benefit-item .before {
        margin-bottom: 25px;
        position: relative;
    }

    .section-benefits .benefit-item:not(:last-child) {
        margin-bottom: 70px;
    }

    #circle-bg-9 {
        top: 40%;
    }

    #circle-bg-7 {
        top: 87%;
    }

    .section-benefits .benefit-item .before:before {
        content: "";
        background: url("../images/svg/icon-arrow-down-mob.svg") no-repeat center;
        position: absolute;
        top: 50%;
        left: -32px;
        display: inline-block;
        height: 131px;
        width: 31px;
        z-index: 1;
    }

    .section-contacts .us-contact-info {
        margin: auto;
    }

    .section-faq .uk-accordion .counter {
        width: 15%;
        max-width: 45px;
    }

    .section-benefits {
        margin: 70px 0;
    }

    .section-faq,
    .section-contacts {
        padding: 70px 0;
    }

    .section-process .section-title,
    .section-benefits .section-title,
    .section-faq .section-title,
    .section-contacts .section-title,
    .section-about .section-title {
        font-size: 30px;
    }

    .section-faq .uk-accordion-content {
        padding-left: 0;
    }

    .section-faq .uk-accordion .uk-accordion-title:before {
        height: 2rem;
        width: 2rem;
    }

    .section-faq .uk-accordion .uk-open .uk-accordion-title:after {
        content: "";
        height: 20px;
        width: 20px;
        right: 6px;
        top: 6px;
    }

    .section-faq .uk-accordion .uk-accordion-title:after {
        content: "";
        height: 20px;
        width: 20px;
        right: 6px;
        top: 6px;
    }

    .section-process .section-process__content {
        padding: 30px;
    }
}

@media (max-width: 768px) {
    .section-faq .uk-accordion .uk-accordion-title {
        line-height: 1.4;
        padding-top: 5px;
        padding-bottom: 5px;
    }


    .section-home .section-description, .section-home .section-title,
    .section-video .section-title,
    .section-video .section-description {
        text-align: center;
    }

    .section-home .section-title,
    .section-autocategory .section-title,
    .section-faq .section-title,
    .section-actions .section-title,
    .section-video .section-title {
        font-size: 35px;
    }

    .section-process .section-title,
    .section-benefits .section-title,
    .section-contacts .section-title,
    .section-about .section-title {
        font-size: 25px;
    }

    .section-process .section-process__title {
        font-size: 20px;
    }

    .section-process .section-subtitle,
    .section-about .section-subtitle {
        font-size: 18px;
    }

    .section-faq .uk-accordion .uk-accordion-title,
    .section-banner .section-description {
        font-size: 18px;
    }

    .section-benefits .benefit-item .description,
    .section-about .section-description,
    .section-faq .uk-accordion-content,
    .section-banner .btn-consult,
    .site-header .btn-consultation {
        font-size: 15px;
    }

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

    .section-about {
        margin: 55px 0;
    }

    .section-faq .uk-accordion .counter {
        display: none;
    }

    .section-contacts .section-title {
        margin-bottom: 35px;
    }

    .section-banner .section-title {
        font-size: 23px;
        line-height: 1.2;
    }

    .section-banner .btn-consult,
    .site-header .btn-consultation {
        padding: 5px 25px;
    }

    .section-video {
        padding: 100px 0;
        position: relative;
        overflow: hidden;
    }


}

@media (max-width: 640px) {
    .section-benefits .benefits-list {
        margin-left: 30px;
    }

    .section-benefits .benefit-item .before,
    .section-benefits .benefit-item .after {

    }

    .btn-consultation {
        display: none;
    }


    .section-home .section-title,
    .section-autocategory .section-title,
    .section-faq .section-title,
    .section-actions .section-title,
    .section-video .section-title {
        font-size: 25px;
    }

    .section-banner .inner:before {
        content: none;
    }

    .section-banner .section-content {
        width: 100%;
    }

    .section-banner .section-image img {
        max-height: 155px;
        margin-bottom: 20px;
    }

    .section-banner .inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .section-autocategory {
        padding: 300px 0 80px 0;
    }


    .section-autocategory .section-subtitle, .section-actions .section-subtitle {
        font-size: 18px;
    }

    .dev-copy__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 5px;
    }

    .section-video, .section-banner .section-content {
        text-align: center;
    }

    .section-banner .section-content * {
        text-align: center !important;
    }

    .section-video .btn-consult {
        display: inline-block;
    }

    .video-bg {
        display: none;
    }
}