@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: 170px;
        --font-size-base: 16px;
        --font-size-small: 14px;
        --font-size-tini: 12px;
        --font-size-h1: 75px;
        --font-size-h2: 50px;
        --font-size-h3: 34px;
        --font-size-h4: 24px;
        --font-size-h5: 20px;
        --font-size-h6: 18px;
        --section-base: 30px;
        --button-height: 40px;
    }
}

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

@media (max-width: 1399.98px) {
    :root {
        --font-size-big: 110px;
        --font-size-base: 15px;
        --font-size-small: 13px;
        --font-size-tini: 11px;
        --font-size-h1: 55px;
        --font-size-h2: 38px;
        --font-size-h3: 28px;
        --font-size-h4: 22px;
        --font-size-h5: 18px;
        --font-size-h6: 16px;
        --section-base: 24px;
        --button-height: 36px;
    }

    .site-header .menu-header li a {
        font-size: var(--font-size-base);
    }

    .page-title {
        font-size: var(--font-size-h2);
    }

    .lh-lg {
        line-height: 1.5 !important;
    }

    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991.98px) {
    :root {
        --font-size-big: 85px;
        --font-size-base: 15px;
        --font-size-small: 13px;
        --font-size-tini: 11px;
        --font-size-h1: 55px;
        --font-size-h2: 38px;
        --font-size-h3: 28px;
        --font-size-h4: 22px;
        --font-size-h5: 18px;
        --font-size-h6: 16px;
        --section-base: 24px;
        --button-height: 36px;
    }

    .footer-logo {
        width: calc(var(--section-base) * 5);
    }

    .woocommerce-account .woocommerce-MyAccount-content,
    .woocommerce-account .woocommerce-MyAccount-navigation {
        width: 100%;
    }

    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
    }

    .img-wrap.img-la {
        padding-top: 40%;
    }
}

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

    .woocommerce ul.products,
    .woocommerce-page ul.products {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-logo {
        margin-left: auto;
        margin-right: auto;
    }

    .section-banner .btn-sq {
        width: calc(var(--section-base) * 2.5);
        height: calc(var(--section-base) * 2.5);
        top: calc(var(--section-base) * -1.25);
        left: calc(50% + calc(var(--section-base) * -1.25));
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs {
        flex-wrap: wrap;
    }

    /* .wc-block-components-form .wc-block-components-text-input input:-webkit-autofill+label,
    .wc-block-components-form .wc-block-components-text-input.is-active label,
    .wc-block-components-text-input input:-webkit-autofill+label,
    .wc-block-components-text-input.is-active label {
        top: -4px;
    } */

    input[type="radio"],
    input[type="checkbox"] {
        padding: 0 !important;
        width: 20px !important;
        height: 20px !important;
        min-height: 20px !important;
        min-width: 20px !important;
    }

    .img-wrap.img-la {
        padding-top: 60%;
    }
}

@media (max-width: 575.98px) {
    :root {
        --font-size-big: 58px;
        --font-size-base: 14px;
        --font-size-small: 12px;
        --font-size-tini: 10px;
        --font-size-h1: 45px;
        --font-size-h2: 32px;
        --font-size-h3: 24px;
        --font-size-h4: 19px;
        --font-size-h5: 16px;
        --font-size-h6: 15px;
        --section-base: 24px;
        --button-height: 36px;
    }

    .woocommerce .woocommerce-ordering,
    .woocommerce-page .woocommerce-ordering {
        float: left;
    }

    .section-banner .btn-sq {
        width: calc(var(--section-base) * 2);
        height: calc(var(--section-base) * 2);
        top: calc(var(--section-base) * -1);
        left: calc(50% + calc(var(--section-base) * -1));
    }

    .site-footer .mb-big {
        margin-bottom: calc(var(--section-base) * 1.5) !important;
    }

    .img-wrap.img-la {
        padding-top: 70%;
    }
}