/*  ---------- ------------------------------------------------- */
/*  ---------- ------------------------------------------------- */
/*  ROOT MEDIA BASIC ------------------------------------------- */
/*  ---------- ------------------------------------------------- */
/*  ---------- ------------------------------------------------- */


@media (max-width: 1800px) and (min-width: 1701px) {
    :root{
        /* --Content-Width: var(--Content-Width-2); */
        --Column-Numer: var(--Column-Numer-2);
    }
}

@media (max-width: 1700px) and (min-width: 1601px) {
    :root{
        /* --Content-Width: var(--Content-Width-3); */
        --Column-Numer: var(--Column-Numer-3);
    }
}

@media (max-width: 1600px) and (min-width: 731px) {
    :root{
        /* --Content-Width: var(--Content-Width-4); */
        --Column-Numer: var(--Column-Numer-4);
    }
}

@media (max-width: 730px) {
    :root{
        --Content-Width: var(--Content-Width-2);
        --Column-Numer: var(--Column-Numer-5);
        --Column-Gap: var(--Column-Gap-2);
        --Site-Margins: var(--Site-Margins-2);
    }
}

/*  ---------- ------------------------------------------------- */
/*  ---------- ------------------------------------------------- */
/*  ROOT MEDIA NAV IOS ----------------------------------------- */
/*  ---------- ------------------------------------------------- */
/*  ---------- ------------------------------------------------- */

@media (max-width: 730px) {
    :root{
        --Ios-Nav-Logo-Container-Width: var(--Ios-Nav-Logo-Container-Width-2);
        --Ios-Burger-Main-Container-Width: var(--Ios-Burger-Main-Container-Width-2);
    }
}

/*  ---------- ------------------------------------------------- */
/*  ---------- ------------------------------------------------- */
/*  ROOT MEDIA MENU -------------------------------------------- */
/*  ---------- ------------------------------------------------- */
/*  ---------- ------------------------------------------------- */

/*  ROOT MEDIA MENU FULL CONTAINER TOP ------------------------- */
@media (max-height: 500px) {
    :root{
        --Menu-Full-Container-Top: var(--Menu-Full-Container-Top-2);
    }
}

/*  ROOT MEDIA MENU BOTTOM FULL CONTAINER HEIGHT --------------- */
@media (max-height: 680px) {
    :root{
        --Menu-Bottom-Full-Container-Height: var(--Menu-Bottom-Full-Container-Height-2);
    }
}

/*  ROOT MEDIA MENU ITEM GAP ----------------------------------- */

@media (max-width: 660px) and (min-width: 361px) {
    @media (min-height: 601px) {
        :root {
            --Menu-Item-Gap: var(--Menu-Item-Gap-2);
        }
    }
}

@media (max-height: 850px) and (min-height: 601px) {
    @media (min-width: 361px) {
        :root {
            --Menu-Item-Gap: var(--Menu-Item-Gap-2);
        }
    }
}



@media (max-height: 600px) {
    :root {
        --Menu-Item-Gap: var(--Menu-Item-Gap-3);
    }
}

@media (max-width: 360px) {
    :root {
        --Menu-Item-Gap: var(--Menu-Item-Gap-3);
    }
}



/*  ---------- ------------------------------------------------- */
/*  ---------- ------------------------------------------------- */
/*  ROOT MEDIA FOOTER ------------------------------------------ */
/*  ---------- ------------------------------------------------- */
/*  ---------- ------------------------------------------------- */

@media (max-width: 393px) {
    :root{
        --Footer-Content-Container-Small-Width: var(--Footer-Content-Container-Small-Width-2);
    }
}

@media (max-width: 360px) {
    :root{
        --Footer-Logo-Main-Container-Small-Width: var(--Footer-Logo-Main-Container-Small-Width-2);
    }
}
/*  ---------- ------------------------------------------------- */
/*  ---------- ------------------------------------------------- */
/*  ROOT MEDIA COVER ------------------------------------------- */
/*  ---------- ------------------------------------------------- */
/*  ---------- ------------------------------------------------- */

@media (max-width: 1800px) and (min-width: 1701px) {
    :root{
        --Cover-Container-Width: var(--Cover-Container-Width-2);
    }
}

@media (max-width: 1700px) and (min-width: 1601px) {
    :root{
        --Cover-Container-Width: var(--Cover-Container-Width-3);
    }
}

@media (max-width: 1600px) and (min-width: 1301px) {
    :root{
        --Cover-Container-Width: var(--Cover-Container-Width-4);
    }
}

@media (max-width: 1300px) and (min-width: 731px) {
    :root{
        --Cover-Container-Width: var(--Cover-Container-Width-5);
    }
}

@media (max-width: 730px) and (min-width: 501px) {
    :root{
        --Cover-Container-Width: var(--Cover-Container-Width-6);
    }
}

@media (max-width: 500px) {
    :root{
        --Cover-Container-Width: var(--Cover-Container-Width-7);
    }
}