:root {

    /* =========================
       MEASURE
       ========================= */

    /* ===== Device Sizes ===== */
    --size-width-display: 1440px;
    --size-width-display-mobile: 375px;

    /* ===== Account Switch ===== */
    --size-height-account-switch: 50px;
    --size-height-account-switch-mobile: 50px;
    --size-width-drop-account-switch: 393px;
    --size-height-drop-account-switch: 257px;
    --size-width-drop-lang-account-switch: 250px;
    --size-height-drop-lang-account-switch: 257px;
    --size-height-drop-account-switch-mobile: 50px;
    --size-padding-drop-row-header: 12px 12px 0 12px;
    --size-padding-drop-row-header-mobile: 12px 12px 0px 12px;

    /* ===== Header ===== */
    --size-padding-header: 16px 60px;
    --size-padding-gap: 16px;
    --size-padding-horizontal-header: 60px;
    --size-padding-vertical-header: 16px;
    --size-padding-horizontal-header-mobile: 60px;
    --size-padding-vertical-header-mobile: 16px;

}


@media only screen and (min-width: 768px) {
    /* MEDIUM / LARGE DEVICE */
    .max-site-width {
        width: var(--size-width-display);
        margin: 0 auto;
    }
}

@media only screen and (max-width: 767px) {
    /* SMALL DEVICE */
    .max-site-width {
        width: var(--size-width-display-mobile);
        margin: 0 auto;
    }
}