/* ---------------------------- ----- ---------------------------- */
/* ---------------------------- BASIC ---------------------------- */
/* ---------------------------- ----- ---------------------------- */




/* ---------------------------- ---------- ---------------------------- */
/* ---------------------------- NAVIGATION ---------------------------- */
/* ---------------------------- ---------- ---------------------------- */

@media (max-width : 850px) {
    .Navigation-Principal-Container{
        display: none;
    }

    .Ios-Navigation-Main-Container{
        display: block;
    }
}

@media (max-width: 1070px) {
    .Navigation-Full-Container-1{
        display: none;
    }

    .Navigation-Full-Container-2{
        display: block;
    }

    /* .Ios-Nav-Menu-Trigger-Container{ */
        /* display: block; */
    /* } */

    /* .Ios-Nav-Menu-Trigger{
        display: block;
    }

    .Ios-Nav-Menu-Trigger.Ios-Nav-Menu-Trigger-On{
        display: block;
    } */
}


/* ---------------------------- ---------- ---------------------------- */
/* ---------------------------- HEADER IOS ---------------------------- */
/* ---------------------------- ---------- ---------------------------- */



/* ---------------------------- -------- ---------------------------- */
/* ---------------------------- MENU IOS ---------------------------- */
/* ---------------------------- -------- ---------------------------- */


@media (max-width : 850px) {

    .Menu-Max-Container{
        display: block;
    }

    .Menu-Max-Container.Menu-Max-Container-On{
        display: block;
    }

    .Menu-Background{
        display: block;
    }

    .Menu-Background.Menu-Background-On{
        display: block;
    }

    .Menu-Background-Transfer-Cache{
        display: block;
    }

    .Menu-Background-Transfer-Cache.Menu-Background-Transfer-Cache-On{
        display: block;
    }


    .Menu-Background-Cache-Resize{
        display: block;
    }

    .Menu-Background-Cache-Resize.Menu-Background-Cache-Resize-On{
        display: block;
    }


}



/*  MENU FULL BOTTOM CONTAINER (DISPLAY) ---------------------------- */

@media (max-height: 460px) {
    .Menu-Bottom-Full-Container{
        display: none;
    }
}

/*  MENU FULL BOTTOM CONTENT (DISPLAY) ------------------------------ */

@media (max-height: 680px) {
    .Menu-Bottom-Main-Container-1{
        display: none;
    }
    
    .Menu-Bottom-Main-Container-2{
        display: block;
    }
}

/*  MENU ARROW IMG (DISPLAY) -------------------------------------- */

@media (max-width: 660px) and (min-width: 361px) {
    @media (min-height: 601px) {
        .Menu-Arrow-Small{
            display: none;
        }

        .Menu-Arrow-Medium{
            display: block;
        }

        .Menu-Arrow-Large{
            display: none;
        }    
    }
}

@media (max-height: 850px) and (min-height: 601px) {
    @media (min-width: 361px) {
        .Menu-Arrow-Small{
            display: none;
        }

        .Menu-Arrow-Medium{
            display: block;
        }

        .Menu-Arrow-Large{
            display: none;
        }
    }
}



@media (max-height: 600px) {
        .Menu-Arrow-Small{
            display: block;
        }

        .Menu-Arrow-Medium{
            display: none;
        }

        .Menu-Arrow-Large{
            display: none;
        }
}

@media (max-width: 360px) {
        .Menu-Arrow-Small{
            display: block;
        }

        .Menu-Arrow-Medium{
            display: none;
        }

        .Menu-Arrow-Large{
            display: none;
        }
}



/* ---------------------------- ------ ---------------------------- */
/* ---------------------------- FOOTER ---------------------------- */
/* ---------------------------- ------ ---------------------------- */

@media (max-width: 1070px) {
    .Footer-Principal-Container-Large{
        display: none;
    }

    .Footer-Principal-Container-Small{
        display: block;
    }
}


/* ---------------------------- ------- ---------------------------- */
/* ---------------------------- - TAP - ---------------------------- */
/* ---------------------------- ------- ---------------------------- */

@media (max-width: 730px) {
    .Tap-Zone{
        display: block;
    }
}