@media (min-width: 1600px) {

    .container,
    .container-lg {
        max-width: 1520px;
    }
}

@media (min-width: 1920px) {

    .container,
    .container-lg {
        max-width: 1740px;
    }
}


@media (max-width: 1919.98px) {
    :root {
        --font-size-big: 300px;
        --font-size-base: 20px;
        --font-size-small: 18px;
        --font-size-tini: 16px;
        --font-size-h1: 100px;
        --font-size-h2: 80px;
        --font-size-h3: 42px;
        --font-size-h4: 32px;
        --font-size-h5: 28px;
        --font-size-h6: 22px;
        --section-base: 34px;
        --button-height: 64px;
    }
}

@media (max-width: 1599.98px) {
    :root {
        --font-size-big: 260px;
        --font-size-base: 18px;
        --font-size-small: 16px;
        --font-size-tini: 14px;
        --font-size-h1: 80px;
        --font-size-h2: 65px;
        --font-size-h3: 36px;
        --font-size-h4: 28px;
        --font-size-h5: 24px;
        --font-size-h6: 20px;
        --section-base: 28px;
        --button-height: 56px;
    }
}

@media (max-width: 1399.98px) {
    :root {
        --font-size-big: 180px;
        --font-size-base: 16px;
        --font-size-small: 14px;
        --font-size-tini: 12px;
        --font-size-h1: 65px;
        --font-size-h2: 50px;
        --font-size-h3: 28px;
        --font-size-h4: 24px;
        --font-size-h5: 20px;
        --font-size-h6: 18px;
        --section-base: 22px;
        --button-height: 48px;
    }
}

@media (max-width: 991.98px) {
    :root {
        --font-size-big: 140px;
        --font-size-base: 16px;
        --font-size-small: 14px;
        --font-size-tini: 12px;
        --font-size-h1: 58px;
        --font-size-h2: 46px;
        --font-size-h3: 28px;
        --font-size-h4: 24px;
        --font-size-h5: 20px;
        --font-size-h6: 18px;
        --section-base: 18px;
        --button-height: 44px;
    }

    .site-header .logo {
        margin: 0;
    }

    .swiper-horizontal>.swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal {
        height: 4px;
    }

    .icon-svg svg {
        width: calc(var(--section-base)* 1.25);
        height: calc(var(--section-base)* 1.25);
    }

    .site-header .gap-big {
        gap: calc(var(--section-base)* 0.5);
    }
}

@media (max-width: 767.98px) {
    :root {
        --font-size-big: 115px;
    }

    .border-right {
        border-right: 0;
    }

    .featured-wrap {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 575.98px) {
    :root {
        --font-size-big: 80px;
        --font-size-h1: 36px;
        --font-size-h2: 34px;
        --font-size-h3: 24px;
        --font-size-h4: 22px;
        --section-base: 16px;
        --button-height: 38px;
    }

}