@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1140px;
    }
}

@media (max-width: 1499.98px) {}

@media (max-width: 1299.98px) {
    .site-header .logo img {
        height: 2rem;
    }

    .site-header .btn {
        font-size: 0.75rem;
    }
}

@media (max-width: 991.98px) {
    .site-header .menu-header {
        display: none;
        position: absolute;
        left: 0;
        background: rgb(225 225 225 / 50%);
        backdrop-filter: blur(4px);
        width: 100%;
        top: calc(100% + var(--section-base));
        padding: var(--section-base);
    }

    .site-header .menu-header>li {
        position: relative;
        padding: 15px 0;
    }
}

@media (max-width: 767.98px) {
    .site-header .logo img {
        height: 1.5rem;
    }

    .down .site-header .logo img {
        height: 1.5rem;
    }

    .site-header .btn {
        font-size: 0.6rem;
        padding: 5px;
    }
}

@media (max-width: 487.98px) {}