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


/*  ROOT MEDIA FOOTER GLOBAL CONTAINER HEIGHT  ------------------------------------------ */

@media (max-width: 1500px) and (min-width: 1201px) {
    :root {
        --Footer-Visual-Container-Height: var(--Footer-Visual-Container-Height-2);
    }
}

@media (max-width: 1200px) and (min-width: 701px) {
    :root {
        --Footer-Visual-Container-Height: var(--Footer-Visual-Container-Height-3);
    }
}

@media (max-width: 700px) {
    :root {
        --Footer-Visual-Container-Height: var(--Footer-Visual-Container-Height-4);
    }
}

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

/*  ROOT MEDIA FOOTER LOGO WIDTH  ------------------------------------------------------- */

@media (max-width: 1130px) {
    :root {
        --Footer-Logo-Width: var(--Footer-Logo-Width-2);
    }
}

/*  ROOT MEDIA FOOTER LOGO MAIN CONTAINER HEIGHT  --------------------------------------- */

@media (max-width: 1130px) {
    :root {
        --Footer-Logo-Main-Container-Height: var(--Footer-Logo-Main-Container-Height-2);
    }
}



/*  ROOT MEDIA FOOTER TOP FULL CONTAINER GAP TOP / LOW  --------------------------------- */

@media (max-width: 900px) {
    :root {
        --Footer-Top-Full-Container-Gap-Top: var(--Footer-Top-Full-Container-Gap-Top-2);
        --Footer-Top-Full-Container-Gap-Low: var(--Footer-Top-Full-Container-Gap-Low-2);
    }
}


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

/*  ROOT MEDIA FT MID MAIN CONT H // FT COMM CONT H - T // FT MAIL LINK TOP ------------- */

@media (max-width: 900px) {
    :root {
        --Footer-Mid-Main-Container-Height: var(--Footer-Mid-Main-Container-Height-2);
        --Footer-Comm-Container-Height: var(--Footer-Comm-Container-Height-2);
        --Footer-Comm-Container-Top: var(--Footer-Comm-Container-Top-2);
        --Footer-Mail-Link-Top: var(--Footer-Mail-Link-Top-2);
    }
}

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

/*  ROOT MEDIA FOOTER BTN CONTAINER WIDTH // HEIGHT ------------------------------------- */

@media (max-width: 360px) {
    :root {
        --Footer-Btn-Container-Width: var(--Footer-Btn-Container-Width-2);
        --Footer-Btn-Container-Height: var(--Footer-Btn-Container-Height-2);
    }
}

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

/*  ROOT MEDIA FOOTER LOW MAIN CONTAINER H // COPY CONT TOP  ---------------------------- */

@media (max-width: 900px) {
    :root {
        --Footer-Low-Main-Container-Height: var(--Footer-Low-Main-Container-Height-2);
        --Footer-Copyright-Container-Top: var(--Footer-Copyright-Container-Top-2);
    }
}