/* Optional scale layer for viewports smaller than the 1920px reference.
   Disable quickly by removing this file from header.php. */

@media (max-width: 1599.98px) and (min-width: 992px) {
    .msix-title-xl {
        font-size: 4.6rem;
    }

    .msix-title-lg {
        font-size: 3.75rem;
    }

    .msix-title-md {
        font-size: 3.1rem;
    }

    .msix-title-md--about-method {
        font-size: 4.8rem;
    }

    .msix-text-lead,
    .msix-text-lead--services-intro,
    .msix-text-lead--contact-intro {
        font-size: 1.05rem;
    }

    .msix-hero {
        padding: 5.2rem 0 11.5rem;
    }

    .msix-method-card,
    .msix-contact-content {
        padding-top: 3.25rem;
        padding-bottom: 3.25rem;
    }

    .msix-feature-card {
        min-height: 24rem;
        padding: 2rem 1.5rem 1.9rem;
    }

    .msix-feature-card h3,
    .msix-service-box h3,
    .msix-service-panel h2,
    .msix-method-detail h3 {
        font-size: 2.4rem;
    }

    .msix-method-flow__row {
        gap: 4.5rem;
    }

    .msix-step-pill {
        font-size: 1.65rem;
    }

    .msix-method-detail {
        min-height: 34rem;
    }

    .msix-service-panel {
        margin-top: 4.5rem;
        gap: 2rem;
    }

    .msix-service-panel__body.is-active {
        padding-right: 7rem;
    }

    .msix-client-carousel {
        --msix-client-card-width: 13.6rem;
        --msix-client-card-gap: 3.2rem;
    }

    .msix-client-card {
        min-height: 15.5rem;
        padding: 2.1rem 1.25rem;
    }

    .msix-footer-mark {
        width: 630px;
        left: -245px;
    }
}

@media (max-width: 1439.98px) and (min-width: 992px) {
    .msix-title-xl {
        font-size: 4rem;
    }

    .msix-title-lg {
        font-size: 3.3rem;
    }

    .msix-title-md {
        font-size: 2.8rem;
    }

    .msix-title-md--about-method {
        font-size: 4.2rem;
    }

    .msix-hero {
        padding: 4.5rem 0 9.5rem;
    }

    .msix-method-card__header {
        margin-bottom: 3.2rem;
    }

    .msix-method-card__header--about {
        gap: 2.2rem;
    }

    .msix-method-card__header--about .msix-method-card__brand img {
        width: 9.2rem;
    }

    .msix-method-flow__row {
        grid-template-columns: minmax(17rem, 28rem) minmax(21rem, 26rem);
        gap: 3.2rem;
    }

    .msix-step-pill {
        font-size: 1.42rem;
        padding: 0.82rem 1.5rem;
    }

    .msix-step-pill.is-active {
        padding-left: 1.9rem;
        padding-right: 1.7rem;
    }

    .msix-method-detail {
        min-height: 31rem;
        padding: 2rem 1.9rem 2.1rem;
    }

    .msix-method-detail__number {
        font-size: 2.35rem;
    }

    .msix-method-detail h3 {
        font-size: 3rem;
    }

    .msix-feature-grid,
    .msix-service-grid {
        gap: 1.4rem;
    }

    .msix-feature-card {
        min-height: 22rem;
        padding: 1.8rem 1.35rem 1.7rem;
    }

    .msix-feature-card__icon img {
        max-width: 8.2rem;
    }

    .msix-service-panel {
        margin-top: 3.8rem;
    }

    .msix-service-panel__body.is-active {
        padding-right: 3rem;
    }

    .msix-client-carousel {
        --msix-client-card-width: 12.8rem;
        --msix-client-card-gap: 2.4rem;
    }

    .msix-client-card {
        min-height: 14.5rem;
    }

    .bs-footer__list a,
    .bs-footer__addr {
        font-size: 1.05rem;
    }
}

@media (max-width: 1279.98px) and (min-width: 992px) {
    .msix-title-xl {
        font-size: 3.55rem;
    }

    .msix-title-lg {
        font-size: 2.95rem;
    }

    .msix-title-md {
        font-size: 2.45rem;
    }

    .msix-title-md--about-method {
        font-size: 3.6rem;
    }

    .msix-text-lead,
    .msix-text-lead--services-intro,
    .msix-text-lead--contact-intro {
        font-size: 1rem;
    }

    .msix-method-flow__row {
        grid-template-columns: minmax(16rem, 23rem) minmax(19rem, 23rem);
        gap: 2.4rem;
    }

    .msix-step-pill {
        font-size: 1.2rem;
    }

    .msix-step-pill.is-active {
        transform: translateX(-0.45rem);
    }

    .msix-method-detail {
        min-height: 28rem;
    }

    .msix-method-detail h3 {
        font-size: 2.5rem;
    }

    .msix-feature-card h3,
    .msix-service-box h3,
    .msix-service-panel h2 {
        font-size: 2rem;
    }

    .msix-service-panel {
        grid-template-columns: 1fr 0.78fr;
        gap: 1.6rem;
    }

    .msix-service-panel__body.is-active {
        padding-right: 0;
    }

    .msix-client-carousel {
        --msix-client-card-width: 11.8rem;
        --msix-client-card-gap: 1.8rem;
    }

    .msix-client-carousel__viewport {
        width: min(calc((var(--msix-client-card-width) * 3) + (var(--msix-client-card-gap) * 2)), calc(100vw - 11rem));
    }

    .msix-footer-mark {
        width: 520px;
        left: -210px;
    }
}