/* @media */

@media (min-width: 1820px) {
    .image-swiper .symbol {
        left: 5.8%;
    }
}

@media (max-width: 1680px) {}

@media (max-width: 1500px) {
    .intractiveMap svg {
        height: 100vh;
        max-width: 90%;
    }
    .mapImg {
        margin-top: -11em;
    }
    .setOptions img {
        max-width: 70%;
    }
    .testimonials aside p {
        font-size: 1.5rem;
    }
    .image-swiper .swiper-slide.swiper-slide-active {
        height: 36vw !important;
    }
    .image-swiper .symbol>span:nth-child(1), .image-swiper .symbol>span:nth-child(2) {
        height: 26%;
    }
    .image-swiper .symbol {
        left: 3.8%;
    }
    .swipernav-outer .swiper-button-next, .swipernav-outer .swiper-button-prev {
        top:-5em;
        width: 2.6em;
        height: 2.6em;
    }
    .swipernav-outer .swiper-button-next {
        right: -1.6em;
    }
}

@media (max-width: 1280px) {

    :root {
        /* gap */
        --v-gap: 6rem;
        --h-gap: 4rem;
        --txt-gap: 2rem;
        /* font-size */
        --fs-xxl: 7.2rem;
        --fs-xl: 6rem;
        --fs-l: 4.8rem;
        --fs-h1: 3.6rem;
        --fs-h1-s: 3.2rem;
        --fs-h2: 2.8rem;
        --fs-h3: 2.4rem;
        --fs-h4: 2.1rem;
        --fs-h5: 1.8rem;
        --fs-h6: 1.6rem;
        --fs-body: 1.6rem;
        /* button size */
        --btn-l: 2.1rem;
        --btn: 1.8rem;
        --btn-s: 1.4rem;
    }

    .header__desktop {
        display: none;
    }

    .header__mobile {
        display: flex;
    }

    /**/

    .cv-header {
        margin-bottom: var(--nv-gap);
    }

    /**/

    .cu-form__row {
        padding: calc(var(--v-gap) / 2) 0;
    }

    /**/

    .archive__article-media {
        margin-right: var(--h-gap);
    }

}

@media (max-width: 1024px) {

    .footer__row-details {
        flex-wrap: wrap;
    }

    .footer__col-logo {
        max-width: none;
        width: 100%;
        margin-bottom: var(--v-gap);
    }

    .footer__row-copyright {
        padding: calc(var(--v-gap) / 2) 0 var(--v-gap);
        margin: 0;
    }

    /**/

    .home-mc__row-swiper {
        max-width: 85%;
    }

    /**/

    .wwa-s4__row {
        margin: calc(var(--nv-gap) / 2) 0;
        flex-direction: column;
    }

    .wwa-s4__col {
        margin: calc(var(--v-gap) / 2) 0;
        flex: 1 0 auto;
    }

    .wwa-s4__col-text {
        padding: 0;
    }

    /**/

    .wwo-s2__row {
        margin: 0;
    }

    .wwo-s2__col {
        margin: calc(var(--v-gap) / 2) 0;
        flex: 1 0 auto;
    }

    .wwo-s2__col-text {
        padding: 0;
        flex: 1;
    }

    .wwo-s2__col-media {
        flex: 0;
    }

    .wwo-s2__image {
        opacity: .5;
    }

    /**/

    .cv-item__row {
        min-height: auto;
        margin: calc(var(--nv-gap) / 2) 0;
        flex-direction: column;
    }

    .is-ie .cv-item__row {
        height: auto;
    }

    .cv-item__row:not(:last-child) {
        padding-bottom: 0;
    }

    .cv-item__col {
        margin: calc(var(--v-gap) / 2) 0;
        flex: 1 0 auto;
    }

    .cv-item__col-text {
        padding: 0;
    }

    .cv-item__col-media {
        order: -1;
    }

    /**/

    .cu-details__col-text {
        padding-left: 0;
    }

    .cu-form__row {
        padding: 0;
        margin: 0;
    }

    .cu-form__col {
        margin: calc(var(--v-gap) / 2) 0;
        flex: 1 0 auto;
    }

    .cu-form__col-text {
        padding: 0;
        flex: 1;
    }

    .cu-form__col-media {
        flex: 0;
    }

    .cu-form__image {
        opacity: .5;
    }

    .cu-form__container {
        max-width: 52rem;
        margin: 0 auto 0 0;
    }

    /**/

    .archive__article-text--has-download {
        padding-right: 0;
    }

    .archive__article-text--has-download .archive__article-excerpt {
        margin: 0 0 var(--txt-gap);
    }

    .is-ie .archive__article-text--has-download .archive__article-excerpt {
        max-width: 100%;
    }

    .archive__article-download {
        position: relative;
    }

}

@media (max-width: 768px) {

    [class*='__row'] {
        margin: calc(var(--nv-gap) / 2) 0;
        flex-direction: column;
    }

    [class*='__col'] {
        margin: calc(var(--v-gap) / 2) 0;
        flex: 1 0 auto;
    }

    /**/

    .footer__row-scroll,
    .footer__row-copyright {
        margin: 0;
    }

    .footer-nav__item:not(:last-child) {
        margin-bottom: 0;
    }

    /**/

    .s-post__row {
        margin: 0;
    }

    /**/

    .home-mc__row-header {
        margin: 0;
        flex-direction: row;
    }

    .home-mc__row-swiper {
        max-width: 75%;
        margin: auto;
    }

    .home-wwo__container,
    .home-ocv__container {
        height: auto;
    }

    .home-wwo__row,
    .home-ocv__row {
        height: auto;
    }

    .home-wwo__col-text,
    .home-ocv__col-text {
        padding: 0;
    }

    .home-wwo__col-media,
    .home-ocv__col-media {
        order: -1;
    }

    .is-ie .home-ov__col-media {
        min-height: calc(2.1rem * 4);
    }

    .is-ie .home-ov__col .video__button {
        top: 15%;
        left: 0;
    }

    /**/

    .wwa-s1__row,
    .wwa-s2__row,
    .wwa-s3__row {
        margin: 0;
    }

    /**/

    .wwo-s1__row,
    .wwo-s3__row {
        margin: 0;
    }

    .wwo-s2__col-media {
        margin: 0;
    }

    /**/

    .cv-header__row {
        margin: 0;
    }

    /**/

    .mc-mr__row {
        margin: 0;
    }

    /**/

    .cu-form__row {
        margin: 0;
    }

    .cu-form__col-media {
        margin: 0;
    }

    .form__row {
        margin: 0;
    }

    .form__row-footer {
        flex-direction: row;
    }

    /**/

    .archive__row {
        margin: 0;
    }

    .archive__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .archive__title {
        margin-bottom: 1rem;
    }

    .archive__form {
        max-width: 100%;
        margin: 0;
        display: flex;
    }

    .archive__form .s-form__filter,
    .archive__form .s-form__search {
        width: auto;
    }

    .archive__form .s-form__filter {
        flex: 0 1 auto;
    }

    .archive__form .s-form__search {
        flex: 0 1.5 auto;
    }

    /**/

    .error-404__row {
        margin: 0;
    }
        .intractiveMap svg {
        height: 74vh;
        max-width: 100%;
    }
    .setOptions img {
        max-width: 50%;
    }
    .gallery-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .gallery-item figure {
        height: 50vw;
    }
    .testimonials-inner {
        flex-direction: column;
    }
    .testimonials {
        padding: 5% 5%;
    }
    .testimonials aside {
        width: 100%;
        margin-top: 1em;
    }
    .image-swiper {
        width: 100%;
    }
    .image-swiper .swiper-slide.swiper-slide-active {
        width: inherit !important;
        height: inherit !important;
    }

}

@media (max-width: 720px) {

    .archive__article {
        flex-direction: column;
    }

    .archive__article>* {
        flex: 1 0 auto;
    }

    .archive__article-media {
        max-width: 48rem;
        min-width: auto;
        width: auto;
        margin: 0 0 var(--txt-gap);
    }

}

@media (max-width: 575px) {

    :root {
        /* gap */
        --v-gap: 4rem;
        --h-gap: 3rem;
        /* font-size */
        --fs-xxl: 6rem;
        --fs-xl: 4.8rem;
        --fs-l: 3.6rem;
        --fs-h1: 3.2rem;
        --fs-h1-s: 2.8rem;
        --fs-h2: 2.6rem;
        --fs-h3: 2.2rem;
        --fs-h4: 2rem;
        /* line-height */
        --lh-xl: calc(1em + 2rem);
        /* header */
        --hd-height: 8rem;
        --hd-logo: calc(var(--hd-height) - 3rem);
    }

}

@media (max-width: 480px) {

    .home-mc__row-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .home-mc__title {
        margin: 0 auto calc(var(--v-gap) * .25) 0;
    }

    .home-mc__button {
        margin: 0 auto 0 0;
    }

    .home-mc__row-swiper {
        max-width: 85%;
    }

    /**/

}

@media (max-width: 320px) {

    :root {
        /* gap */
        --v-gap: 4rem;
        --h-gap: 2rem;
        /* header */
        --hd-height: 6rem;
    }

    /**/

}