/* Responsive Large */
@media screen and (min-width: 2250px) {

}


/* Responsive */
@media screen and (max-width: 1800px) {
    /* HOME */
    .introText h4 {
        font-size: 3.5em;
    }

    .introText p {
        font-size: 1.75em;
    }
    /*  */
}

@media screen and (max-width: 1700px) {
    /* HOME */
    .introImg {
        width: 70%;
    }
    /*  */

    /* INDUSTRIA */
    .expBackground {
        background-size: 100% 95%;
    }
    /*  */
}

@media screen and (max-width: 1600px) {
    /* INDUSTRIA */
    .expTitle h3 {
        font-size: 16em;
    }
    .expSubtitle h4 {
        font-size: 2.5em;
    }
    /*  */
}

@media screen and (max-width: 1500px) {
    /* HOME */
    .introText h4 {
        font-size: 3em;
    }

    .introText p {
        font-size: 1.5em;
    }
    /*  */

    /* INDUSTRIA */
    .expBackground {
        background-size: 100% 90%;
    }
    .expTitle h3 {
        font-size: 15em;
    }
    .expSubtitle h4 {
        font-size: 2.2em;
    }
    /*  */
}

@media screen and (max-width: 1400px) {
    /* HOME */
    .introImg {
        right: -3%;
    }
    /*  */

    /* SERVICES */
    .servicesOption a {
        font-size: 1.5em;
    }
    .borderRight {
        right: 8%;
    }
    /*  */

    /* INDUSTRIA */
    .expBackground {
        width: 55%;
        background-position: top;
    }
    .expContent {
        width: 45%;
    }

    .expTitle h3 {
        font-size: 14em;
    }
    .expSubtitle h4 {
        font-size: 2em;
    }
    .expGallery {
        width: 80%;
    }
    /*  */

    /* Footer */
    .lastContent {
        width: 75%;
    }
    /*  */
}

@media screen and (max-width: 1300px) {
    /* HOME */
    .introImg {
        width: 75%;
    }
    /*  */

    /* SERVICCES */
    .servicesType, .servicesList {
        width: 75%;
    }

    .servicesTxt h5 {
        font-size: 1.3em;
    }
    /*  */

    /* INDUSTRIA */
    .expBackground {
        height: 650px;
    }
    .expTitle h3 {
        font-size: 13em;
    }
    /*  */

    /* Footer */
    .lastContent {
        width: 80%;
    }
    /*  */
}

@media screen and (max-width: 1200px) {
    /* HOME */
    .introText h4 {
        font-size: 2.5em;
    }

    .introText p {
        font-size: 1.25em;
    }
    .introImg {
        width: 80%;
    }
    /*  */

    /* INDUSTRIA */
    .expBackground {
        background-size: 100% 85%;
    }

    .expTitle h3 {
        font-size: 11em;
    }
    .expSubtitle h4 {
        font-size: 1.5em;
    }
    /*  */

    /* Footer */
    .lastContent {
        width: 85%;
    }
    /*  */
}

@media screen and (max-width: 1100px) {
    /* HOME */
    .introImg {
        width: 85%;
        right: -6%;
    }

    .introText h4 {
        font-size: 2em;
    }

    .introText p {
        font-size: 1em;
    }
    /*  */

    /* INDUSTRIA */
    .expBackground {
        height: 600px;
    }
    /*  */

    /* Footer */
    .lastContent {
        width: 90%;
    }
    /*  */
}

@media screen and (max-width: 1000px) {
    /* SERVICES */
    .borderRight {
        right: 4%;
    }
    /*  */
}

/* Medium laptops */
@media screen and (max-height: 800px) and (orientation: landscape) {
    /* HOME */
    #intro {
        height: 110%;
    }
    /*  */
}

@media screen and (max-height: 770px) and (orientation: landscape) {

}


/* Mobiles */
@media screen and (max-width: 992px) {
    html, body {
      line-height: 0;
    }

    .desktop {
        display: none;
    }

    .devices {
        display: inline-block;
    }

    .servicesOption {
        text-align: center;
    }

    .lastSection {
        width: 85%;
        height: 25%;
    }
}

@media screen and (max-width: 700px) {
    .servicesTxt h5 {
        font-size: 1em;
    }
}

@media screen and (max-width: 600px) {
    .introTitle {
        width: 85%;
    }

    .introTitle p {
        font-size: 1.1em;
    }

    .introTitle h1 {
        font-size: 1.5em;
    }

    .servicioTitle {
        bottom: -1%;
    }

    .servicesOption {
        padding-bottom: 6%;
        text-align: left;
    }

    .borderRight {
        display: none;
    }

    #servicioResponsive {
        height: 300%;
    }

    .servicioContent {
        height: 15%;
    }

    .servicesTxt {
        padding-bottom: 5%;
    }

    .experienciaLeft {
        width: 100%;
        height: 300px;
        float: none;
    }

    .experienciaRight {
        width: 100%;
        float: none;
    }

    .footerIntro h5 , .lastSection h5 {
        font-size: 1.2em;
    }

    .expTitle h3 {
        font-size: 5.5em;
    }
}

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

}

@media screen and (max-width: 400px) {
    .footerIntro h5 , .lastSection h5{
        font-size: 1em;
    }
}

@media screen and (max-width: 320px) {
    #introResponsive {
        height: 120%;
    }
}

/* Landscape Mobile */
@media screen and (max-height: 500px) and (orientation: landscape) {
    #introResponsive {
        height: 200%;
    }

    .introTitle p {
        font-size: 1em;
    }

    .introTitle h1 {
        font-size: 2em;
    }

    .borderRight {
        display: none;
    }

    .servicesOption {
        text-align: left;
    }

    #servicioResponsive {
        height: 130%;
    }

    .experienciaLeft {
        height: 350px;
    }

    .lastSection h5 {
        margin-top: -2%;
    }
}


@media screen and (max-height: 380px) and (orientation: landscape) {
    .lastSection h5 {
        margin-top: -2%;
    }
}

@media screen and (max-height: 350px) and (orientation: landscape) {
    #servicioResponsive {
        height: 550%;
    }
}