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

@media (max-width: 1070px) {
    :root{
        --Contact-Body-Height: var(--Contact-Body-Height-2);
        --Contact-Footer-Background-Cache-Height: var(--Contact-Footer-Background-Cache-Height-2);
    }
}



/*  -------------  ---------------------------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */
/*  ROOT MEDIA CONTACT COVER SECTION  --------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */
/*  -------------  ---------------------------------------------------------------- */


/*  ROOT MEDIA CONTACT COVER SLOGAN MAIN CONTAINER 1 TOP  ------------------------- */

@media (max-width: 1200px) and (min-width: 961px){
    :root {
        --Contact-Cover-Slogan-Main-Container-1-Top: var(--Contact-Cover-Slogan-Main-Container-1-Top-2);
    }
}

@media (max-width: 960px){
    :root {
        --Contact-Cover-Slogan-Main-Container-1-Top: var(--Contact-Cover-Slogan-Main-Container-1-Top-3);
    }
}

/*  ROOT MEDIA CONTACT COVER SLOGAN TEXT 1 LEFT  ---------------------------------- */

@media (max-width: 1800px) and (min-width: 1441px) {
    :root {
        --Contact-Cover-Slogan-Text-1-Left: var(--Contact-Cover-Slogan-Text-1-Left-2);
    }
}

@media (max-width: 1440px) and (min-width: 1301px) {
    :root {
        --Contact-Cover-Slogan-Text-1-Left: var(--Contact-Cover-Slogan-Text-1-Left-3);
    }
}

@media (max-width: 1300px) and (min-width: 961px) {
    :root {
        --Contact-Cover-Slogan-Text-1-Left: var(--Contact-Cover-Slogan-Text-1-Left-4);
    }
}

@media (max-width: 960px){
    :root {
        --Contact-Cover-Slogan-Text-1-Left: var(--Contact-Cover-Slogan-Text-1-Left-5);
    }
}




/*  ROOT MEDIA CONTACT COVER SLOGAN TEXT 3 RIGHT  --------------------------------- */

@media (max-width: 1800px) and (min-width: 1301px) {
    :root {
        --Contact-Cover-Slogan-Text-3-Right: var(--Contact-Cover-Slogan-Text-3-Right-2);
    }
}

@media (max-width: 1300px) and (min-width: 961px) {
    :root {
        --Contact-Cover-Slogan-Text-3-Right: var(--Contact-Cover-Slogan-Text-3-Right-3);
    }
}

@media (max-width: 960px){
    :root {
        --Contact-Cover-Slogan-Text-3-Right: var(--Contact-Cover-Slogan-Text-3-Right-4);
    }
}


/*  ROOT MEDIA CONTACT COVER SLOGAN TEXT 4 RIGHT  --------------------------------- */


@media (max-width: 1800px) and (min-width: 1301px) {
    :root {
        --Contact-Cover-Slogan-Text-4-Right: var(--Contact-Cover-Slogan-Text-4-Right-2);
    }
}

@media (max-width: 1300px){
    :root {
        --Contact-Cover-Slogan-Text-4-Right: var(--Contact-Cover-Slogan-Text-4-Right-3);
    }
}




/*   -------------------- --------------------------------------------------- */
/*   -------------------- --------------------------------------------------- */
/*   ROOT MEDIA SECTION 1 --------------------------------------------------- */
/*   -------------------- --------------------------------------------------- */
/*   -------------------- --------------------------------------------------- */


/*  ROOT MEDIA CONTACT FIRST SECTION TOP  ----------------------------------- */

@media (max-width: 730px) and (min-width: 501px){
    :root{
        --Contact-First-Section-Top: var(--Contact-First-Section-Top-2);
    }
}

@media (max-width: 500px) {
    :root{
        --Contact-First-Section-Top: var(--Contact-First-Section-Top-3);
    }
}



/*  ROOT MEDIA CONTACT ACTION FULL CONTAINER HEIGHT  ------------------------------ */

@media (max-width: 500px) {
    :root{
        --Contact-Action-Full-Container-Height: var(--Contact-Action-Full-Container-Height-2);
    }
}



/*  ROOT MEDIA CONTACT ACTION GAP  ------------------------------------------------ */

@media (max-width: 500px) {
    :root{
        --Contact-Action-Gap: var(--Contact-Action-Gap-2);
    }
}


/*  ROOT MEDIA CONTACT ACTION MAIN CONTAINER TOP  --------------------------------- */

@media (max-width: 500px) {
    :root{
        --Contact-Action-Main-Container-Top: var(--Contact-Action-Main-Container-Top-2);
    }
}


/*  ROOT MEDIA CONTACT ACTION TEXT CONTAINER NB LINES  ---------------------------- */

@media (max-width: 1600px) and (min-width: 731px) {
    :root {
        --Contact-Action-Text-Nb-Lines: var(--Contact-Action-Text-Nb-Lines-2);
    }
}

@media (max-width: 730px) and (min-width: 501px) {
    :root {
        --Contact-Action-Text-Nb-Lines: var(--Contact-Action-Text-Nb-Lines-3);
    }
}

@media (max-width: 500px) and (min-width: 451px) {
    :root {
        --Contact-Action-Text-Nb-Lines: var(--Contact-Action-Text-Nb-Lines-4);
    }
}

@media (max-width: 450px) and (min-width: 361px) {
    :root {
        --Contact-Action-Text-Nb-Lines: var(--Contact-Action-Text-Nb-Lines-5);
    }
}

@media (max-width: 360px){
    :root {
        --Contact-Action-Text-Nb-Lines: var(--Contact-Action-Text-Nb-Lines-6);
    }
}









/*  ROOT CONTACT BTN MAIL HEIGHT  ------------------------------------------------- */

@media (max-width: 500px) and (min-width: 421px) {
    :root {
        --Contact-Btn-Mail-Height: var(--Contact-Btn-Mail-Height-2);
    }
}

@media (max-width: 420px) {
    :root {
        --Contact-Btn-Mail-Height: var(--Contact-Btn-Mail-Height-3);
    }
}


/*  ROOT CONTACT BTN MAIL WIDTH  -------------------------------------------------- */

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

@media (max-width: 1700px) and (min-width: 1301px) {
    :root {
        --Contact-Btn-Mail-Width: var(--Contact-Btn-Mail-Width-3);
    }
}

@media (max-width: 1300px) and (min-width: 731px) {
    :root {
        --Contact-Btn-Mail-Width: var(--Contact-Btn-Mail-Width-4);
    }
}

@media (max-width: 730px) {
    :root {
        --Contact-Btn-Mail-Width: var(--Contact-Btn-Mail-Width-5);
    }
}