/************************************************************************************

smaller than 1526

*************************************************************************************/

@media screen and (max-width: 1526px) {

    /* INDEX */

    /*--------------------------------*/

    #pagewrap {

        width: 100%;

    }



    nav ul li a {

        padding: 0.5em 14%;

    }

    /*--------------------------------*/



    /* EMPRESA */

    /*--------------------------------*/

    .containerhelp {

        width: 50%;

    }



    #section4-empresa div.body-section4 div.contenedor li {

        margin-right: 3%;

    }



    /*--------------------------------*/



    /* SERVICIOS */

    /*--------------------------------*/

    #section1-servicios div.contenedor div#catalogoContainer div.contenido{

        width: 80%;

    }



    #section1-servicios div.contenedor div#catalogoContainer div.contenido div {

        width: 27%;

    }



    #section1-servicios div.contenedor div#catalogoContainer div.contenido div.second {

        left: 33%;

    }



    #section1-servicios div.contenedor div#catalogoContainer div.contenido div.last{

        left: 66%;

    }



    #section1-servicios div.contenedor div#catalogoContainer div.contenido div.out{

        left: 100%;

    }



    #section1-servicios div.contenedor div#catalogoContainer div.contenido div#circleContainer{

        left: 33%;

    }





    /*--------------------------------*/



}



/************************************************************************************

smaller than 1280

*************************************************************************************/

@media screen and (max-width: 1280px) {

    /* INDEX */

    /*--------------------------------*/
    #section4 p {

        font-size: 1em;

    }

    /*--------------------------------*/



    /* EMPRESA */

    /*--------------------------------*/

    .containerhelp {

        width: 60%;

    }



    #section4-empresa div.body-section4 div.contenedor li {

        margin-right: 25%;

    }



    #section4-empresa div.body-section4 div.contenedor li.marginRC0 {

        margin-right: 0;

    }

    #section4-empresa div.footer-section4 div.contenedor {

        padding: 0;

    }



    /*--------------------------------*/



    /* SERVICIOS */

    /*--------------------------------*/

    div#BigSlideContainer figure {

        display: none;

    }



    div#BigSlideContainer section{

        width: 80%;

    }



    /*--------------------------------*/




    /* CONTACTO */

    /*--------------------------------*/


    #section1-contacto div.contenedor{
        width: 80%;
        margin: 0 auto;
    }


    /*--------------------------------*/

}



/************************************************************************************

smaller than 1100

*************************************************************************************/

@media screen and (max-width: 1100px) {

    /* INDEX */

    /*--------------------------------*/

    #section3 #contenido3{
        width: 100%;
    }

    #section3 .box2top {

        width: 100%;

    }

    #section3 figure{
        width: 100%;
        margin-bottom: 15px;
    }

    #section3 .imagenes{
        width: 50%;
        max-width: 400px;
        float: left;
    }

    #section3 h4{
        top: 0;
    }

    .textos {
        width: 50%;
        height: 535px;
        float: left;
        margin-top: 60px;
    }

    #section3 .box1{
        width: 100%;
        position: relative;
    }

    #section3 .box2{
        width: 100%;
        position: relative;
    }

    #section3 ul{
        position: absolute;
        bottom: 0;
        padding-bottom: 50px;
    }



    #section4 #contenido4 {

        margin: 0;

        padding-left: 25%;

        padding-right: 8%;

    }



    #section4 .contenedor {

        padding: 7em 0;

    }



    #section4 .contactoInfo {

        width: 50%;

    }



    #section4 .contactoCampos {

        float: right;

        width: 50%;

    }



    #section4 .contactoCampos input {

        width: 90%;

    }



    #section4 .contactoCampos textarea {

        width: 90%;

    }

    /*--------------------------------*/



    /* EMPRESA */

    /*--------------------------------*/

    .containerhelp {

        width: 70%;

    }

    #bg img{
        left: -538px;
    }



    /*--------------------------------*/





    /* SERVICIOS */

    /*--------------------------------*/



    /*--------------------------------*/



}



/************************************************************************************

smaller than 980

*************************************************************************************/

@media screen and (max-width: 980px) {



    /* INDEX */

    /*--------------------------------*/

    div#hiddenMenu ul{

        margin-right: -80px;

    }



    nav ul {

        margin-right: -95px;

    }



    nav ul li a {

        padding: 0.5em 2%;

    }



    #section1 {

        width: 100%;

        margin: 0;

        padding-top: 2em;

        padding-left: 20%;

    }



    #section2 .contenedor {

        width: 90%;

    }



    #section2 .contenido{

        width: 85%;

        margin: 0 7.5%;

    }



    #section2 figure{

        display: none;

    }



    .coreeccion2 {

        width: 100%;

    }





    .ley div {
        padding: 50px 10px;
    }





    /*--------------------------------*/



    /* EMPRESA */

    /*--------------------------------*/

    div#menu-empresa ul{

        margin-right: -80px;

    }



    .containerhelp {

        width: 80%;

    }



    #section3-empresa div.contenedor div p {

        font-size: 1.5em;

    }



    #section3-empresa div.contenedor div p.icon-play {

        font-size: 1em;

    }



    #section4-empresa div.body-section4 div.contenedor li {

        margin-right: 15%;

    }



    #section4-empresa div.footer-section4 div.contenedor {

        width: 94%;

        margin: 0 3%;

    }



    #section4-empresa div.footer-section4 div.contenedor p.parrafo {

        margin-top: 0.5em;

        margin-bottom: 0;

    }



    #section4-empresa div.footer-section4 div.contenedor p.titulo {

        margin-top: 0;

    }



    #section4-empresa div.footer-section4 div.contenedor p span {

        font-size: 3.4em;

    }



    /*--------------------------------*/





    /*SERVICIOS*/

    /*--------------------------------*/
    div#BigSlideContainer{
        width: 100%;
    }

    div#BigSlideContainer div#empresa-servicios{
        padding-left: 0;
    }

    div#BigSlideContainer div#turismo-servicios{
        margin-left: 0;
    }

    div#BigSlideContainer section{
        width: 95%;
    }


    #section1-servicios div.contenedor div.imagenes figure{
        width: 50%;
    }


    div#catalogoImgs {

        width: 100%;

    }



    div#catalogoImgs figure {

        width: 41%;

        height: auto;

    }



    div#catalogoImgs figure img {

        width: 100%;

        height: auto;

    }



    /*--------------------------------*/



    /* CONTACTO */

    /*--------------------------------*/

    #section1-contacto div.contenedor div.contactoInfo{
        width: 100%;
        position: relative;
    }

    #section1-contacto div.contenedor .contactoCampos{
        width: 100%;
    }

    #section1-contacto .contactoCampos input{
        width: 70%;
    }

    #section1-contacto .contactoCampos textarea{
        width: 70%;
    }


    /*--------------------------------*/



}



/************************************************************************************

smaller than 705

*************************************************************************************/

@media screen and (max-width: 705px) {



    /*INDEX*/

    /*--------------------------------*/

    div#hiddenMenu ul{

        display: none;

    }



    #mobilemenu {

        display: block;

    }



    nav {

        margin: 0 10%;

    }



    nav ul {

        display: none;

    }



    #section1 {

        padding-left: 10%;

    }

    #section3 .imagenes {
        width: 100%;
    }

    .textos{
        display: none;
    }

    .dontshowyet{
        display: block;
        position: absolute;
        width: 100%;
        max-width: 400px;
        margin: 0;
        z-index: 999;
    }

    #section3 figure figure.boton img{
        position: absolute;
        right: 0;
    }

    #section3 .box1{
        position: static;
    }

    #section3 ul{
        top: 0;
        padding-top: 80;
    }

    #section4 .contenedor {
        padding: 3em 0;
        height: auto;
    }


    #section4 .contactoInfo {

        width: 100%;

        float: none;

    }



    #section4 .contactoCampos {

        float: none;

        width: 100%;

    }

    #section4 p{
        display: inline;
        margin-right: 10px;
    }



    /*--------------------------------*/





    /* EMPRESA */

    /*--------------------------------*/

    div#menu-empresa ul{

        display: none;

    }



    #section1-empresa figure {

        width: 100%;

        height: auto;

        margin: 30% auto;

    }



    #section2-empresa p {

        font-size: 1.8em;

    }



    .containerhelp {

        width: 100%;

    }



    #section4-empresa div.body-section4 div.contenedor p {

        font-size: 1.3em;

    }



    #section4-empresa div.body-section4 div.contenedor li {

        font-size: 0.9em;

        margin: 0;

        float: none;

        text-align: left;

    }



    .parrafo {

        font-size: 1.3em;

    }





    /*--------------------------------*/



    /* SERVICIOS */

    /*--------------------------------*/



    /*--------------------------------*/


    /* CONTACTO */

    /*--------------------------------*/
    #section1-contacto .contenedor{
        padding: 7em 0;
    }


    #section1-contacto .contactoCampos input{
        width: 90%;
    }

    #section1-contacto .contactoCampos textarea{
        width: 90%;
    }



    /*--------------------------------*/




}



/************************************************************************************

smaller than 640

*************************************************************************************/

@media screen and (max-width: 640px) {



    /*INDEX*/

    /*--------------------------------*/

    nav figure{

        width: 130px;

        padding-top: 20px;

    }



    #section1 {

        font-size: 80%;

    }





    /*--------------------------------*/



    /* EMPRESA */

    /*--------------------------------*/

    #section1-empresa figure {

        margin: 50% auto;

    }



    /*--------------------------------*/



    /* SERVICIOS */

    /*--------------------------------*/



    /*--------------------------------*/




    /* CONTACTO */

    /*--------------------------------*/





    /*--------------------------------*/


}



/************************************************************************************

smaller than 490

*************************************************************************************/

@media screen and (max-width: 490px) {



    /* disable webkit text size adjust (for iPhone) */

    html {

        -webkit-text-size-adjust: none;

    }



    /*INDEX*/

    /*--------------------------------*/

    #section1 {

        width: 90%;

    }



    #section2 p.botonSection {

        padding: 0.6em 1em;

    }



    #section3 .contenedor{

        padding-top: 6em;

    }

    #section4 p{
        display: block;
        margin-right: 0;
    }



    /*--------------------------------*/



    /* EMPRESA */

    /*--------------------------------*/

    #section1-empresa figure {

        margin: 60% auto;

    }



    #section3-empresa div.contenedor div p {

        font-size: 1.4em;

    }



    /*--------------------------------*/


    /* SERVICIOS */

    /*--------------------------------*/

    div#BigSlideContainer{
        height: 525px;
    }

    div#BigSlideContainer div#empresa-servicios{
        margin-top: 0;
    }

    div#BigSlideContainer div#turismo-servicios{
        margin-top: 0;
    }


    /*--------------------------------*/




}



/************************************************************************************

smaller than 430

*************************************************************************************/

@media screen and (max-width: 430px) {



    /*INDEX*/

    /*--------------------------------*/

    #mobilemenu{

        width: 40%;

    }



    #section2 .contenedor {

        height: 570px;

        padding: 3em 1em;

    }



    #section2 h1 {

        font-size: 1.2em;

    }



    #section2 p {

        font-size: 0.8em;

    }



    #section2 p.botonSection {

        font-size: 0.9em;

        padding: 0.6em 0.5em;

    }



    #section3 .contenedor {

        padding: 4em 1em;

    }


    footer h3{

        font-size: 0.7em;

    }



    /*--------------------------------*/





    /* EMPRESA */

    /*--------------------------------*/

    #section3-empresa div.contenedor {
        width: 90%;
        margin: 0 5%;
    }





    #section2-empresa p {

        font-size: 1.4em;

    }



    #section3-empresa h3 {

        font-size: 1.8em;

    }



    #section4-empresa div.header-section4 h2 {

        font-size: 3.8em;

    }



    #section4-empresa div.body-section4 div.contenedor p {

        font-size: 0.9em;

    }



    #section4-empresa div.body-section4 div.contenedor li {

        font-size: 0.7em;

    }



    /*--------------------------------*/



}





/************************************************************************************

smaller than 330

*************************************************************************************/

@media screen and (max-width: 330px) {



    /*INDEX*/

    /*--------------------------------*/





    /*--------------------------------*/





}