@media (max-width: 1700px) {
    .hero__media picture {
        width: 670px;
    }
}

@media (min-width: 1400px) {
    #quiz-form-main .modal-form__form {
        min-width: 678px;
      }
    #quiz-form-main .quiz-form__cf7 {
        min-width: 778px;
    }
}
@media (max-width: 1400px) {
    .hero__media picture {
        width: 590px;
    }

    .thanks-page__wrapper {
        background-position: 100% 100%, 85% 90%;
        background-size: 600px, 800px;
    }
}

@media (max-width: 1250px) {
    .hero__title {
        font-size: 46px;
    }
    .hero__media picture {
        width: 470px;
    }
}

@media (max-width: 1200px) {
    .toggle-menu.hidden-desktop {
        display: flex;
    }
    .toggle-menu {
        position: absolute;
        /* left: 0; */
        right: 0;
        width: fit-content;
        margin: 0 auto;
    }
    .toggle-menu {
        background-color: unset;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        padding: 6px;
        z-index: 200;
        transition: all 0.5s, background 0s;
    }
    .toggle-menu span {
        display: block;
        width: 36px;
        height: 3px;
        border-radius: 6px;
        background-color: #16163f;
        transition: all 0.5s;
    }
    .header.scrolled .toggle-menu span {
        background-color: #fff;
    }
    .header.active {
        background-color: #fff;
    }
    .header.active .toggle-menu span:nth-of-type(1) {
        transform: translate(0px, 8px) rotate(45deg);
    }
    .header.active .toggle-menu span:nth-of-type(2) {
        transform: translate(0px, 0px) rotate(-45deg);
    }
    .header.active .toggle-menu span:last-child {
        opacity: 0;
    }
    .header .menu-wrap {
        display: none;
    }
    .header.active .menu-wrap {
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        gap: 12px;
        align-items: flex-start;
        flex-direction: column;
        width: 100vw;
        margin: 76px 0 0 -20px;
        padding: 20px;
        background-color: #fff;
        box-shadow: 0 14px 17px -18px #b0b0b0;
    }
    .header.active .menu {
        flex-direction: column;
        gap: 6px;
        width: 100%;
    }
    .menu-item-has-children .icon {
        padding: 10px;
    }
    .sub-menu__wrapper .sub-menu {
        padding: 0 10px;
    }
    .header-menu-item {
        justify-content: space-between;
    }
    .menu-item-has-children.active > .sub-menu__wrapper {
        position: relative;
        display: initial;
        visibility: visible;
        opacity: 1;
        transform: translateY(28px);
        transition-delay: 0s, 0s, 0.4s;
        pointer-events: all;
        box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    }
    ul.menu > li .sub-menu__wrapper {
        top: 0;
    }
    .menu-right {
        flex-direction: column;
        align-items: flex-start;
    }

    .category-header {
        padding: 0 0 52px;
    }
    .category-header > picture {
        margin: 0 -20px 0 0;
    }
    .articles__top {
        gap: 16px;
    }
    .articles-categories__list {
        gap: 20px;
        flex-wrap: wrap;
    }
    .articles-categories__link {
        font-size: 18px;
    }

    .error-page__404 {
        font-size: 404px;
    }


}

@media (min-width: 1024px) {
    ul.menu > li:hover > .sub-menu__wrapper {
        transition-delay: 0s, 0s, 0.4s;
    }
    ul.menu > li:hover > .sub-menu__wrapper,
    .sub-menu > li:hover > .sub-menu__wrapper {
        visibility: visible;
        opacity: 1;
        transform: translateY(28px);
        pointer-events: all;
        box-shadow: 0px 15px 20px 0px rgba(0,0,0,0.1);
    }
    ul.menu .sub-menu > li.menu-item-has-children > span .icon {
        transform: rotate(-90deg);
    }
    ul.menu .sub-menu > li.menu-item-has-children:hover > span .icon {
        transform: rotate(90deg)
    }
    ul.menu .sub-menu > li:hover > .sub-menu__wrapper {
        left: 103%;
        top: -28px;
        transition: none;
    }
    .sub-menu > li:hover > .sub-menu__wrapper::before {
        display: block;
        position: absolute;
        width: 25px;
        height: 100%;
        content: "";
        left: -20px;
        top: 0;
        z-index: 0;
    }
    .sub-menu > li:hover > .sub-menu__wrapper > .sub-menu {
        padding: 0 10px 8px;
    }
}
@media (max-width: 1024px) {
    .hero__title {
        font-size: 42px;
    }
    .hero__media picture {
        width: 416px;
    }

    .services__wrap {
        grid-template-columns: 1fr;
    }

    .advantages__wrap {
        flex-direction: column;
        text-align: center;
    }
    .advantages__title span {
        display: inline;
    }

    .cta__wrap {
        flex-direction: column;
        padding: 44px 0 0;
    }
    .cta__content {
        text-align: center;
    }
    .cta__title br {
        display: none;
    }
    .cta__description {
        margin: 0 auto 146px;
    }
    .arrow-orange {
        left: 0;
        right: 0;
        top: unset;
        bottom: 0;
        width: 44px;
        margin: auto;
    }
    .cta__actions {
        justify-content: space-between;
    }
    .cta__media {
        max-width: 400px;
        margin: 0 auto;
    }

    /* Blog */
    .articles__top {
        padding: 16px 10px 16px 40px;
    }

    .featured-article__title {
        font-size: 28px;
    }

    /* Service */
    .quiz-page__hero__meta {
        max-width: unset;
    }
    .quiz-page__hero h1 {
        font-size: 40px;
    }
    .quiz-page__hero-wrap, .quiz-page__banner-wrap {
        flex-direction: column;
        padding: 94px 0 0;
    }
    .quiz-page__hero__meta, 
    .quiz-page__banner-meta {
        max-width: unset;
        text-align: center;
    }
    .quiz-page__hero__meta-img, 
    .quiz-page__banner-img.align-right {
        position: inherit;
    }
    .quiz-page__hero__meta-img, 
    .quiz-page__banner-img.align-right {
        width: 108%;
        margin: 0 -20px;
    }
    .quiz-wrapper {
        padding: 80px 0;
    }
    .quiz-title,
    .quiz-page__banner-title,
    .how-it-works__title,
    .check-situation__title,
    .restore-status h2,
    .spoilers-section h2 {
        font-size: 30px;
    }

    .serv-passport__main .quiz-page__banner-img,
    .quiz-page__banner-img.serv-idf,
    .serv-consular__main .quiz-page__banner-img {
        max-width: 60%;
        margin: 0 auto 15px;
    }

    .service-for, 
    .check-situation {
        padding: 80px 0;
    }
    .service-for__descr br,
    .restore-status h2 br {
        display: none;
    }

    .restore-status__cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    /* About us */
    .our-story, .category-header {
        padding: 74px 0 82px;
    }
    .statistics {
        margin: 0 0 120px;
    }
    .statistics-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-items: center;
        gap: 30px 40px;
    }

    .meet-our-team {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }
    .meet-our-team__title br {
        display: none;
    }

    .our-values {
        text-align: center;
    }
    .our-values__list-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* Contact us */
    .contact {
        padding: 80px 0 20px;
    }
    .contact__wrap {
        gap: 50px;
    }
    .contact__title {
        font-size: 48px;
        margin: 0 0 20px;
    }
    .contact__description {
        font-size: 16px;
    }

    .error-page__404 {
        font-size: 330px;
    }

    /* Thank you page */
    .thanks-page__wrapper {
        background-size: 390px, 548px;
    }
    .thanks-page__title {
        font-size: 34px;
    }
    .thanks-page__subtitle {
        font-size: 22px;
    }

    /* Privacy policy */
    .banner-privacy {
        background-size: 200px;
        background-position: 92% 92%;
    }

    .footer-main {
        padding: 86px 0 70px;
    }
}


@media (min-width: 768px) {
    .author__content {
        padding: 0 0 0 116px;
    }
}
@media (max-width: 768px) {
    .header {
        box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.15);
    }
    .hero {
        padding: 40px 0 60px;
    }
    .hero__wrap {
        grid-template-columns: 1fr;
    }
    .hero__media {
        margin: 0 -20px;
    }
    .hero__content {
        text-align: center;
    }
    .hero__title {
        margin: 0 auto 15px;
    }
    .hero__media picture {
        position: relative;
    }

    .services__title {
        font-size: 40px;
    }
    .services__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .advantages {
        padding: 40px 0;
    }
    .advantages__wrap {
        gap: 30px;
    }
    .advantages__title {
        margin: 0 0 15px;
    }
    .advantages__number,
    .statistics-list__number {
        font-size: 70px;
    }

    .benefits {
        padding: 40px 0 56px;
    }
    .benefits__list {
        grid-template-columns: 1fr 1fr;
    }

    .service-for__cards {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .service-for__card {
        min-width: 160px;
    }

    .toshav-hozer__main .spoilers-section {
        margin: 60px 0 0;
    }

    .how-it-works {
        text-align: start;
    }
    .how-it-works__steps {
        grid-template-columns: 1fr;
    }
    .how-it-works__steps::before {
        width: 2px;
        height: 88%;
        margin: 0;
        left: 32px;
    }
    .how-it-works__step {
        flex-direction: row;
        gap: 20px;
        align-items: center;
    }
    .how-it-works__step__digit {
        margin: 0;
    }

    /* Blog */
    .category-header {
        padding: 0 0 28px;
        gap: 20px;
    }
    .category-header__wrap .star-icon {
        right: unset;
        left: -25px;
        top: 0px;
        width: 35px;
        height: 30px;
    }
    .category-header__title {
        font-size: 32px;
        margin: 0 0 10px;
    }
    .category-header__description {
        font-size: 14px;
    }
    .articles__top {
        padding: 0;
        flex-direction: column;
        gap: 10px;
        background-color: unset;
        border-radius: 0;
        margin-bottom: 40px;
    }
    .articles-categories__list {
        gap: 10px;
    }
    .articles-categories__link {
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: 140%;
        padding: 10px 20px;
        border-radius: 100px;
    }
    .articles-categories__link.active {
        background: var(--color-blue);
        color: #fff;
    }
    .articles-categories__link:not(.active) {
        background: #FFF;
        border: 1px solid #E2E2E2;
    }
    .articles-search,
    .articles-search__input {
        width: 100%;
    }

    .featured-article {
        grid-template-columns: 1fr;
        margin: 0 0 40px;
    }
    .featured-article__content {
        padding: 40px 12px 20px;
        max-width: unset;
        text-align: center;
    }
    .featured-article__meta,
    .featured-article__link {
        justify-content: center;
    }
    .featured-article__title {
        font-size: 22px;
    }
    .featured-article__excerpt {
        font-size: 14px;
    }
    
    .articles-grid {
        grid-template-columns: 1fr 1fr;
        margin: 0 0 36px;
    }

    /* Single */
    .single-title {
        font-size: 26px;
        margin: 40px auto 20px;
        max-width: unset;
    }
    .single-subtitle {
        font-size: 14px;
    }
    .article-header picture {
        display: block;
        margin: 0 -20px;
    }
    .single__article-flex {
        flex-direction: column;
    }
    .sidebar-inner {
        flex-wrap: wrap;
    }
    .article-header {
        margin: 0 0 20px;
    }
    .sidebar__posted-by,
    .sidebar-theme,
    .sidebar-sources {
        margin: 0 0 20px;
    }
    .article-excerpt {
        font-size: 16px;
        margin: 0 0 23px;
    }
    .text h2 {
        font-size: 18px;
    }
    .text p,
    .warning {
        font-size: 14px;
        margin: 0 0 18px;
    }
    .text ul, .text ol {
        font-size: 14px;
        gap: 4px;
    }
    /* .text p > img {
        margin: 40px -20px;
    } */

    .block-image__wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .key-takeaways {
        margin: 0 -20px;
        padding: 30px 20px 126px;
        background-position: 50% 94%;
        background-size: 160px;
        margin: 0 0 40px;
    }
    ul.key-takeaways__list {
        grid-template-columns: 1fr;
        gap: 20px;
        max-width: 100%;
    }
    .key-takeaways__title {
        font-size: 24px;
    }

    .author-block {
        padding: 20px 12px;
    }

    .need-guidance {
        margin: 40px -20px;
        padding: 30px 20px;
    }
    .need-guidance__title {
        font-size: 22px;
        margin: 0 0 15px;
    }
    .need-guidance__subtitle {
        font-size: 14px;
        margin: 0 0 20px;
    }
    a.btn-orange {
        font-size: 17px;
        padding: 15px 28px;
    }

    /* About us */
    .about-us__hero {
        padding: 68px 0px 86px;
    }
    .our-story, .category-header {
        flex-direction: column;
        text-align: center;
    }
    .our-story__title br,
    .category-header__title br {
        display: none;
    }
    .our-story__description, .category-header__description {
        margin: auto;
    }
    .our-story picture,
    .category-header picture {
        margin: 0 -20px;
    }
    .our-story img,
    .category-header img {
        width: 100%;
    }

    .statistics,
    .meet-our-team {
        margin: 0 0 80px;
    }
    .meet-our-team__cards {
        grid-template-columns: 1fr 1fr;
    }
    .meet-our-team__card-subtitle {
        text-align: start;
    }
    .meet-our-team__bio {
        text-align: start;
    }

    /* Privacy policy */
    .banner-privacy {
        background-size: 200px;
        background-position: 92% 92%;
    }
    h2.banner-privacy__title {
        font-size: 22px;
    }

    /* Contact us */
    .contact__wrap {
        grid-template-columns: 1fr;
    }
    .contact-details {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .contact iframe {
        max-height: 350px;
    }

    .footer-main {
        flex-direction: column;
    }
}

@media (max-width: 600px) {
    /* Thank you page */
    .thanks-page__wrapper {
        text-align: center;
        padding: 40px 0 346px;
        background-size: 390px, 548px;
        background-position: 50% 100%, 50% 90%;
    }
    .thanks-page__content {
        max-width: unset;
    }
    .thanks-page__title {
        font-size: 22px;
    }
    .thanks-page__subtitle {
        font-size: 14px;
    }
    .thanks-page__link {
        margin: 0 auto;
    }
}

@media (max-width: 540px) {
    .hero__title {
        font-size: 22px;
    }
    .hero__subtitle {
        font-size: 14px;
        margin: 0 0 10px;
    }
    .hero__highlight {
        font-size: 12px;
        margin: 0 0 20px;
    }
    .hero__quick-links {
        bottom: unset;
        top: 42px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .hero__quick-item {
        display: flex;
        justify-content: center;
    }

    .services__wrap {
        gap: 30px;
    }
    .services__header {
        text-align: center;
    }
    .services__title {
        font-size: 32px;
        margin: 0 0 15px;
    }
    .services__title br {
        display: none;
    }
    .services__description {
        font-size: 18px;
        margin: 0;
    }
    .services__header .services__button {
        display: none;
    }
    .services__button.hidden-desktop {
        display: flex;
        width: fit-content;
        margin: auto;
    }

    .advantages__title {
        font-size: 32px;
    }
    .advantages__description {
        font-size: 18px;
    }
    .advantages__stats {
        grid-template-columns: 1fr;
    }
    .advantages__number, .statistics-list__number {
        line-height: 100%;
    }

    .cta__title {
        font-size: 32px;
        margin: 0 0 15px;
    }
    .cta__description {
        font-size: 16px;
    }
    .cta__actions {
        flex-direction: column;
    }
    .arrow-orange {
        bottom: 63px;
    }

    /* Blog */
    .category-header__wrap .star-icon {
        left: 0px;
        top: -23px;
    }
    .articles-grid {
        grid-template-columns: 1fr;
    }
    .article-card__image img {
        margin: 0 auto;
    }
    .article-card__time {
        font-size: 12px;
        color: #8B8B8B;
    }

    /* Service page */
    .quiz-page__hero-wrap, 
    .quiz-page__banner-wrap {
        padding: 40px 0 0;
        gap: 40px;
    }
    .quiz-page__hero h1 {
        font-size: 22px;
        margin: 0 0 15px;
    }
    .quiz-page__hero__meta-descr {
        font-size: 14px;
        margin: 0 0 30px;
    }

    .quiz-page__hero__meta-btns {
        flex-direction: column;
    }
    .quiz-page__hero__meta .button {
        width: 100%;
    }
    .quiz-page__hero__meta-img, 
    .quiz-page__banner-img.align-right,
    .quiz-page__hero__meta-img {
        width: 112%;
    }

    .quiz-wrapper {
        padding: 40px 0 60px;
    }
    .quiz-title,
    .quiz-page__banner-title,
    .how-it-works__title,
    .check-situation__title,
    .service-for__title, 
    .check-situation__title,
    .restore-status h2,
    .spoilers-section h2 {
        font-size: 22px;
        margin: 0 0 15px;
    }
    .quiz-descr,
    .quiz-page__banner-descr,
    .service-for__descr {
        font-size: 14px;
    }
    .quiz-descr {
        font-size: 14px;
        margin: 0 0 20px;
    }

    .quiz, 
    #quiz-form-cf7 {
        padding: 30px 15px;
    }
    .quiz-form__btn {
        min-width: unset;
    }

    .quiz-page__banner-descr {
        margin: 0 0 30px;
    }

    .restore-status {
        margin: 0 0 60px;
    }
    .restore-status__cards {
        flex-direction: column;
        gap: 10px;
    }

    .service-for, 
    .check-situation {
        padding: 60px 0;
    }
    .service-for__descr {
        margin: 0 0 20px;
    }
    .service-for__cards {
        flex-direction: column;
        gap: 10px;
        text-align: start;
    }
    .service-for__card {
        display: flex;
        gap: 12px;
        align-items: center;
        padding: 15px;
    }
    .service-for__card .icon {
        margin: 0;
        flex-shrink: 0;
    }
    .service-for__card-title {
        margin: 0;
    }

    .service-for__descr, 
    .check-situation__descr {
        margin: 0 0 30px;
        font-size: 18px;
    }

    .how-it-works__note {
        font-size: 14px;
    }

    .how-it-works {
        padding: 40px 0;
    }
    .how-it-works__title {
        text-align: center;
        margin: 0 auto 30px;
    }
    .how-it-works__steps {
        gap: 30px;
    }
    .how-it-works__steps::before {
        left: 20px;
    }
    .how-it-works__step__digit {
        width: 40px;
        height: 40px;
        font-size: 16px;
        flex-shrink: 0;
    }
    .how-it-works__note {
        margin: 40px 0 0;
    }

    .service-for + .check-situation {
        padding: 0 0 40px;
    }


    /* About us */
    .about-us__hero {
        padding: 30px 0;
    }
    .about-us__hero__title {
        font-size: 32px;margin: 0 0 12px;
    }
    .about-us__hero__subtitle {
        font-size: 14px;
    }
    .our-story, .category-header {
        padding: 50px 0 60px;
    }
    .our-story__title, .category-header__title {
        font-size: 22px;
        margin: 0 0 12px;
    }
    .our-story__description, .category-header__description {
        font-size: 14px;
    }

    .our-values {
        padding: 30px 0 50px;
    }
    .our-values__title {
        font-size: 22px;
        margin: 0 0 40px;
    }
    .our-values__list-item__number {
        margin: 0 0 15px;
    }
    .our-values__list-item__title {
        font-size: 16px;
        margin: 0 0 10px;
    }
    .our-values__list-item__subtitle {
        font-size: 14px;
    }
    .our-values__list {
        display: grid;
        grid-template-columns: 1fr;
    }

    /* Contact us */
    .contact {
        padding: 40px 0;
    }
    .contact__wrap {
        gap: 15px;
        margin: 0 0 40px;
    }
    .contact__title,
    .contact__description {
        text-align: center;
    }
    .contact__description {
        font-size: 14px;
        margin: 0;
    }
    .contact__title {
        font-size: 32px;
        margin: 0 0 8px;
    }
    .contact-form,
    .contact-form__row {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .contact-form__label {
        font-size: 14px;
        margin: 0 0 5px;
    }
    .contact-details {
        margin: 0 0 40px;
    }

    .error-page__title {
        font-size: 32px;
    }
    .error-page__subtitle {
        font-size: 14px;
    }
    .error-page__404 {
        font-size: 130px;
        line-height: 120%;
    }

    /* Privacy policy */
    .banner-privacy {
        padding: 40px 20px 165px;
        margin: 0 -20px;
        text-align: center;
        background-position: 50% 94%;
    }
    .banner-privacy__inner {
        max-width: unset;
    }


    .footer-main {
        padding: 40px 0 60px;
        gap: 20px;
        text-align: center;
    }
    .footer__logo {
        margin: 0 auto 20px;
    }
    .footer-main__descr {
        margin: 0 auto 28px;
    }
    .footer-contact {
        margin: 0 auto 24px;
    }
    .language-switch__item, 
    .item-with-icon,
    .footer-socials__icons {
        justify-content: center;
    }
    .footer-column__title {
        margin: 0 0 15px;
    }
    .footer-menu li:not(:last-of-type) {
        margin: 0 0 10px;
    }
    .footer-lower {
        padding: 33px 0 56px;
    }
    .copyright {
        font-size: 12px;
    }
}
@media (max-width: 500px) {
    .hero__quick-links {
        top: 32px;
    }

    .services__grid {
        grid-template-columns: 1fr;
    }
    .service-card {
        position: relative;
    }
    .service-card:first-of-type {
        display: none;
    }
    [class*="card-serv-"] {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 28px;
        height: 28px;
    }

    .benefits__list {
        grid-template-columns: 1fr;
    }
    .benefits__item-inner {
        display: flex;
        gap: 12px;
        align-items: center;
        margin: 0 0 15px;
    }
    .benefits__item-inner * {
        margin: 0;
    }
    .benefit__title {
        font-size: 18px;
    }
    .benefit__text {
        font-size: 16px;
    }

    /* About us */
    .statistics-list {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 45px;
    }
    .statistics-list__number {
        margin: 0 0 15px;
    }
    .statistics-list__label {
        font-size: 16px;
    }
    .statistics,
    .meet-our-team {
        margin: 0 0 60px;
    }
    .meet-our-team__title {
        font-size: 22px;
    }
    .meet-our-team {
        gap: 20px;
    }
    .meet-our-team__cards {
        grid-template-columns: 1fr;
    }
    .meet-our-team__card picture {
        max-height: 430px;
    }

    /* Contact us */
    .contact-form__messengers {
        flex-direction: column;
    }
    .contact-form__messenger {
        font-size: 16px;
        padding: 16px 20px;
    }

    .contact-details {
        grid-template-columns: 1fr;
        text-align: center;
    }
}

@media (max-width: 420px) {
    .meet-our-team__card picture {
        max-height: 370px;
    }
}