@media (max-width: 1870px) {
    .hero__body-images {
        margin-right: 20px;
    }

    .hero__body-images {
        max-width: 703px;
    }

    .hero__body .smart__promo-animation span {
        font-size: 20px;
    }

    .hero__body-text>h1,
    .main__title {
        font-size: 49px;
    }

    .hero__body-text>p {
        font-size: 20px;
    }

    .header__nav-rightside,
    .header__nav-rightside_menu,
    .header__nav-leftside {
        gap: 30px;
    }

    .hero__body {
        justify-content: space-between;
    }

    .main__title-span_logo, .main__title em {
        font-size: 67px;
    }

    .constructor__hero_image {
        max-width: 880px;
        width: 100%;
}

}

@media (max-width: 1700px) {
    .projects__slider_item {
        margin: 0 auto;
    }

    .projects__slider {
        max-width: 730px;
        width: 100%;
        margin: 0 auto;
    }
}


@media (max-width: 1720px) {
    
    .hero__body-text>p br:last-child {
        display: none;
    }
    .why__body-text-list__item li {
        width: fit-content;
    }

   .why__body-text-list__item br {
    display: none;
   }
    
    .burger-menu__link {
        font-size: 38px;
    }

    .hero__body {
        margin-top: 200px;
    }

    .page_slide.why .container .why__body {
        margin-top: 190px;
    }

    .page_slide.ready .why__body{
        margin-top: 145px;
    }

    .why__body-text-list__items {
        margin-right: 20px;
    }

    .payment__body {
        margin-top: 145px;
    }

    .main__title-span_logo, .main__title em {
        font-size: 62px;
    }

    .header__nav-leftside .header__nav-button {
        white-space: nowrap;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .header__nav-link_accent {
        padding: 15.5px 20.5px;
    }

    .header__nav-link {
        font-size: 18px;
    }

    .hero__body-text>h1,
    .main__title,
    .error__text-title,
    .article__content h1,
    .constructor__hero_wrapper_text h1 {
        font-size: 42px;
    }

    .constructor-body .header__nav-link {
        white-space: nowrap;
    }

    #constructor_lottie-animation {
        max-width: 500px;
        width: 100%;
        height: unset;
    }

    .header__nav-logo img {
        max-width: 80px;
        width: 100%;
    }

    .why__body-laptop {
        transform: scale(0.8);
    }

    .why__body {
        justify-content: space-between;
    }

    .why__body-text-list__title {
        font-size: 18px;
        line-height: 1.4;
    }

    .why__body-text-list__descr,
    .why__body-text-list__descr a {
        font-size: 16px;
    }

    .why__body-text-list__items {
        gap: 30px;
    }

    .function__tabs-title h3 {
        font-size: 38px;
    }

    .popup__info {
        padding: 0 60px;
    }

    .popup__fancybox-order>p {
        font-size: 22px;
    }

    .popup__fancybox-order__form-input,
    .popup__fancybox-order__form-textarea {
        font-size: 16px;
    }

    .tab-btn__text {
        font-size: 19px;
    }

    .payment__body_item_image-wrapper_third>img,
    .payment__body_item_image-wrapper_third {
        max-width: 202px;
    }

    .payment__body_item_image-wrapper_first>img,
    .payment__body_item_image-wrapper_first {
        max-width: 207px;
    }

    .payment__body_item_image-wrapper_fourth>img,
    .payment__body_item_image-wrapper_fourth {
        max-width: 340px;
    }

    .payment__body_item_image-wrapper_second>img,
    .payment__body_item_image-wrapper_second {
        max-width: 413px;
    }

    .payment__body_item_image-wrapper>button svg {
        width: 18px;
        height: 18px;
    }

    .payment__body_items {
        margin-right: 30px;
    }

    .step__body-image {
        max-width: 600px;
        width: 100%;
    }

    .vizorbox__body {
        margin-top: 160px;
    }

    .vizorbox__image {
        max-width: 314px;
        width: 100%;
        margin-right: 60px;
    }

    .why__body {
        margin-top: 220px;
    }

    .payment__body_item_image-wrapper>button::after {
        width: 250px;
    }

    .footer__info>p,
    .footer__info>a,
    .footer__files-link {
        font-size: 11px;
    }

    .header__nav-button {
        font-size: 18px;
    }

    .projects__slider_prev,
    .projects__slider_next {
        width: 30px;
        height: 30px;
        border-radius: 5px;
    }

    .projects__slider_prev svg,
    .projects__slider_next svg {
        width: 15px;
        height: 15px;
    }

    .error-page_image {
        max-width: 700px;
        width: 100%;
    }

    .smart__contacts_info h6 {
        font-size: 32px;
    }

    .constructor__hero_image {
        max-width: 700px;
    }

    .why__body-laptop {
        transform: scale(0.8);
    }

}

@media (max-width: 1520px) {
    .header__nav .header__nav-link, .header__nav .header__nav-button {
        font-size: 14px;
    }
    .header__nav-rightside__language-button {
        font-size: 16px;
    }

    .header__nav-burger svg {
        width: 30px;
        height: 30px;
    }
}

@media (max-width:1500px) {
    .why__body-laptop {
        transform: scale(0.8);
        margin: 0
    }
}


@media (max-width:1470px) {

    .hero__body {
        margin-top: 200px;
    }

    .why__body {
        margin-top: 160px;
    }

    .page_slide.hero .hero__body-text__btns {
        flex-direction: column;
        align-items: unset;
        width: fit-content;
    }

    .step__body .hero__body-text__btns {
        flex-direction: column;
        align-items: unset;
        width: fit-content;
    }

    .vizorbox__body {
        margin-top: 120px;
    }

    .header__nav-link_accent {
        padding: 10.5px 15.5px;
    }

}


@media (max-width:1399px) {
    .projects__slider_item__content {
        top: 72%;
    }


    .index-body .header {
        background: var(--background-color);
    }

    .page_slide>.container>div {
        margin-top: var(--margin-top-section);
    }

    .page_slide.vizorbox .footer {
        margin-top: var(--margin-top-section);
    }

    .ready__body {
        padding: 40px 0;
    }

    .payment__body_items {
        margin-right: 0;
        margin-top: 0;
    }

    .hero__body {
        align-items: center;
    }

    .nav-dots {
        display: none;
    }

    .page_slide {
        position: relative !important;
        height: auto !important;
        min-height: auto !important;
        overflow: unset;
    }

    .page-slider {
        overflow: unset;
    }



    .cookie-notification__container {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
    }

    .cookie-notification__content {
        min-width: auto;
    }

    .cookie-notification__actions {
        justify-content: space-between;
    }

    .cookie-notification__btn {
        flex: 1;
        text-align: center;
        padding: 10px 16px;
    }

}

@media (max-width:1365px) {
        .page_slide.payment .hero__body-text>p, .hero__body-test__descr {
        max-height: unset;
        overflow: unset;
    }

    .why__body-text-list__item {
        max-width: unset;
    }

    .why__body-text-list__title span br {
        display: none;
    }
    .hero__body-images {
        max-width: 603px;
    }

    .page_slide>.container>div {
        margin-top: var(--margin-top-section);
        flex-direction: column;
        align-items: unset;
        gap: 30px;
    }

    .why__body-laptop {
        width: fit-content;
    }

    .header__nav-rightside_menu {
        display: none;
    }

    .page_slide.hero .hero__body-text__btns {
        flex-direction: row;
    }

    .page_slide.hero .container .hero__body {
        flex-direction: column-reverse;
    }

    .projects__slider_item {
        max-width: 295px;
    }

    .projects__slider_item__content p {
        -webkit-line-clamp: 6;
    }

    .projects__slider_item__content-link {
        font-size: 16px;
    }

    .projects__slider {
        max-width: unset;
        margin: 0;
    }

    .projects__slider_item img {
        height: 270px;
    }

    .step__body-image {
        max-width: 500px;
    }

    .footer__body {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }

    .footer__files-links {
        gap: 10px;
        flex-direction: column;
        align-items: baseline;
    }

    .page_slide.step .container .step__body {
        flex-direction: row;
    }

    .page_slide.vizorbox .container .vizorbox__body,
    .page_slide.why .container .why__body {
        flex-direction: row;
        align-items: center;
    }

    .page_slide.why .container .why__body .why__body-text-list__items {
        flex-direction: column;
    }

    .vizorbox__body .why__body-text-list__items {
        flex-direction: column;
    }

    .why__body-laptop {
        transform: scale(0.8);
        margin: -15% -7% -10% -10%;
    }
}

@media (max-width:1280px) {
    .constructor__quiz_wrapper {
        flex-direction: column;
    }
    .constructor__quiz__lottie {
        display: none;
    }
    .constructor__quiz__item-body_count__checkboxes {
        flex-direction: column;
        gap: 10px;
    }
    .constructor__quiz__item-body_line, .constructor__quiz__item-body_count__checkbox_line{
        display: none;
    }

    .constructor__quiz__item-body_count__checkbox_wrap_item {
        flex-direction: unset;
        gap: 20px;
    }

    .constructor__step_widget_circle {
        width: 80px;
        height: 80px;
    }

    .constructor__step_widget__reset {
        font-size: 14px;
    }
}

@media (max-width: 1024px) {

    .page_slide.payment .hero__body-text, .step__body .hero__body-text {
        max-width: unset;
    }

    .constructor-popup__body {
        display: flex;
        flex-direction: column;
    }

    .constructor__quiz__item-body-second {
        gap: 20px;
        justify-content: space-between;
    }
    
    
    .popup__fancybox-order {
        padding: 25px 20px;
    }

    .popup__fancybox-order>p {
        font-size: 24px;
        padding-left: 12px;
    }

    .popup__fancybox-order>p::after {
        left: 12px;
        width: 40px;
    }

    .popup__fancybox-order__form-row {
        flex-direction: column;
        gap: 12px;
    }

    .popup__fancybox-order__form-input,
    .popup__fancybox-order__form-textarea {
        padding: 12px 15px;
        font-size: 13px;
    }

    .popup__fancybox-order__form-submit {
        padding: 14px 20px;
        font-size: 14px;
    }

    .hero__body-text>p {
        max-width: 500px;
    }

    .page_slide.why .container .why__body {
        flex-direction: column;
        align-items: unset;
    }

    .why__body-laptop {
        margin: 0;
    }

    .payment__body_item_image-wrapper>button::after {
        transform: unset;
        max-width: 250px;
        width: unset;
    }

    .payment__body_item_image-wrapper img {
        z-index: -1;
        position: relative;
    }

    .step__body-image {
        margin-right: unset;
        margin-top: 0;
        width: 50%;
        max-width: unset;
    }

    .vizorbox__body .hero__body-text__btns {
        flex-direction: column;
        align-items: unset;
    }

    .vizorbox__image {
        max-width: unset;
        width: 30%;
        margin-right: 0;

    }

    :root {
        --margin-top-section: 90px;
    }

    .function__tabs {
        display: none;
    }

    .popup__tabs-swiper {
        display: block !important;
        margin-top: 20px;
    }

    .tab-content__text, .tab-content__text p, .tab-content__text h4, .tab-content__text h5 {
        font-size: 16px;
    }

    .page-slider {
        height: unset;
    }

    .error_page-main {
        margin-top: 20px;
    }

    .error__text {
        margin-top: 30px;
    }

    .constructor-body .header, .body_error .header {
        position: sticky;
    }
    .error .footer {
        margin-top: var(--margin-top-section);
    }

    .constructor__hero-wrapper {
        flex-direction: column-reverse;
        align-items: unset;
    }

    .constructor__section {
        margin-top: 30px;
    }
}

@media (max-width: 845px) {
    .footer__info {
        gap: 20px;
        flex-direction: column;
        align-items: unset;
    }

    .footer__body {
        flex-direction: column;
        align-items: unset;
        gap: 10px;
    }
    .footer__info>p, .footer__info>a, .footer__files-link {
        font-size: 14px;
    }

    .footer__info-it-gov > p {
        font-size: 14px;
    }

    .footer__info-it-gov {
        order: -1;
    }
    .projects__slider_item__content {
        top: 72%;
    }
    .info__text-wrapper {
        flex-direction: column;
    }
}

@media (max-width: 767px) {

    .tab-content__text, .tab-content__text p, .tab-content__text h4, .tab-content__text h5 {
        margin-top: 10px;
    }

    .tab-content__text, .tab-content__text p, .tab-content__text h4, .tab-content__text h5 {
        font-size: 14px;
    }

    .tab-content__text a {
        color: var(--accent-color);
    }

    .tab-btn {
        padding-bottom: 10px;
    }

    .constructor__quiz__item-undertitle br {
    display: block;
}
    
    .article__image {
        height: unset;
    }
    .payment__body_item_image-wrapper_third>img, .payment__body_item_image-wrapper_third {
        margin: 0 auto;
    }
    .constructor-popup__body {
        max-height: 80vh;
    }
    .constructor__final {
        margin-top: 60px;
    }

    .constructor-body .header__nav-leftside .header__nav-link {
        display: none;
    }

    .constructor-popup__window {
        padding: 20px;
    }

    .constructor__quiz__item, .constructor__quiz__item-body_count-item {
        margin-top: 60px;
    }

    .constructor__quiz__item-body_count__checkbox__title, .constructor__quiz__item-checkboxes .constructor__text {
        font-size: 15px;
    }

    .constructor__final p {
        font-size: 18px;
        text-align: center;
    }

    .constructor-popup__title {
        font-size: 18px;
    }

    body > main > section.constructor__quiz > div > div > div.constructor__quiz__items > div:nth-child(9) > div {
        flex-direction: column-reverse;
    }

    .constructor-popup__result, .constructor-popup__form {
        background: unset;
        padding: unset;
        border: unset;
    }

    .constructor__quiz__item-title {
        font-size: 18px;
    }

    .constructor-popup__list div {
        font-size: 16px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .constructor__quiz__item-body_count__checkboxes {
        gap: 0;
    }

    .constructor__quiz__item-undertitle {
        font-size: 18px;
    }

    .constructor__option {
        margin-top: 20px;
    }

    .constructor__quiz__item-body-second {
        flex-direction: column;
        align-items: unset;
        gap: 0px;
    }
  
    .constructor__hero_wrapper_text-topdescr, .constructor__quiz__item_textarea,  .constructor__quiz__item_textarea::placeholder  {
        font-size: 14px;
    }

    .constructor__quiz__item_textarea{
        padding: 10px;
    }

    .constructor__hero_wrapper_text h4, .constructor__hero_wrapper_text__descr li span {
        font-size: 14px;
    }

    .constructor__hero_wrapper_text h1 br {
        display: none;
    }
    

    .article__content-inner {
        flex-direction: column;
        gap: 10px;
    }

    .article__content h1 {
        text-align: center;
    }

    .article__content-text, .article__content-text p, .article__content-text ul li, .article__content-text ol li, .article__content-text ol, .article__content-text ul, .article__content-text h1, .article__content-text h2, .article__content-text h3, .article__content-text h4, .article__content-text h5, .article__content-text h6,
    .article__content-details p {
        font-size: 14px;
    }

    .header__nav-logo img {
        max-width: 60px;
        width: 100%;
    }

    .hero__body-text>h1,
    .main__title,
    .error__text-title,
    .article__content h1,
    .constructor__hero_wrapper_text h1 {
        font-size: 22px;
    }

    .hero__body-text>p,
    .hero__body-test__descr,
    .header__nav-link {
        font-size: 16px;
    }

    .page_slide.hero .hero__body-text__btns {
        flex-direction: column;
    }

    .header__nav-leftside .header__nav-button {
        display: none;
    }

    .hero__promo-animation .typing-text::after {
        height: 12px;
    }

    .hero__body .smart__promo-animation span {
        font-size: 14px;
    }

    .hero__body-images__main {
        border-radius: 5px;
    }

    .burger-menu__link {
        font-size: 36px;
    }

    .burger-menu__contact-value {
        font-size: 20px;
    }

    .burger-menu__button {
        padding: 15px 30px;
        font-size: 16px;
    }

    .burger-menu__close {
        top: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
    }

    .burger-menu__link {
        font-size: 28px;
    }

    .burger-menu__contact-value {
        font-size: 18px;
    }

    .burger-menu__button {
        width: 100%;
        text-align: center;
    }

    .burger-menu__social {
        justify-content: center;
    }

    .popup__fancybox-order {
        padding: 20px 15px;
    }

    .popup__fancybox-order>p {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .popup__fancybox-order__form {
        gap: 12px;
    }

    .popup__fancybox-order__form-file::-webkit-file-upload-button {
        padding: 6px 12px;
        font-size: 12px;
    }

    .cookie-notification {
        padding: 16px;
    }

    .cookie-notification__content {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    .cookie-notification__icon {
        margin: 0 auto;
    }

    .cookie-notification__actions {
        flex-direction: column;
        gap: 8px;
    }

    .cookie-notification__btn {
        width: 100%;
    }

    .cookie-notification__close {
        position: absolute;
        top: 16px;
        right: 16px;
    }

    .hero__body-text__btns {
        margin-top: 20px;
        gap: 20px;
    }

    .main__title-span_logo, .main__title em {
        font-size: 33px;
    }

    :root {
        --margin-top-section: 120px;
    }

    .why__body-text-list__title, .why__body-text-list__descr, .why__body-text-list__descr a {
        font-size: 14px;
    }

    .page_slide.hero .hero__body-text__btns {
        width: unset;
    }

    .hero__body-text__btns {
        flex-direction: column;
        align-items: unset;
    }

    .why__body-laptop-screen {
        height: 240px;
        width: 320px;
    }

    .why__body-laptop-keyboard {
        width: 350px;
    }

    .why__body-laptop-screen::after {
        width: 320px;
    }

    .why__body-text-list__items {
        gap: 20px;
        flex-direction: column;
    }
    .payment__body_items {
        flex-direction: column;
    }
    .why__body-laptop {
        transform: unset;
    }
    .payment__body_item_image-wrapper>button {
        display: none;
    }
    .payment__image-descr-p {
        color: var(--main-color);
        margin-top: 20px;
        width: 100%;
        display: block;
    }
    .page_slide.step .container .step__body {
        flex-direction: column-reverse;
    }
    .step__body-image {
        display: block;
        width: 100%;
    }
    .page_slide.vizorbox .container .vizorbox__body {
        flex-direction: column-reverse;
    }

    .vizorbox__ontop-descr {
        font-size: 14px;
    }

    .vizorbox__image {
        width: 50%;
    }
    
    .header {
        position: sticky;
    }

    .container {
        max-width: 100%;
    }

    .hero__body-images {
        margin-right: 0;
    }

    .page_slide.hero .hero__body {
        margin-top: 0;
    }

    .header__nav-rightside__language {
        gap: 20px;
    }
    .header__nav-rightside__language-button {
        font-size: 16px;
    }
    .popup__info {
        padding: 0 20px;
    }
    .function__tabs-title h3 {
        font-size: 18px;
    }

}

@media (max-width: 380px) {
    .why__body-laptop-screen {
        height: 220px;
        width: 300px;
    }
    .why__body-laptop-screen::after {
        width: 300px;
    }
        .why__body-laptop-keyboard {
        width: 320px;
    }
    
}