@media (max-width: 1024px) {
    :root {
        --default-border-radius: var(--tablet-border-radius);
        --base-container-width: 100%;
    }
}

@media (max-width: 768px) {
    :root {
        --default-border-radius: var(--mobile-border-radius);
    }
}

@media (max-width: 1440px) {
    :root {
        --base-container-width: 1256px;
    }
}

@media (min-width: 1920px) {
    :root {
        --base-container-width: 1700px;
    }
}