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

}


/* Responsive */
@media screen and (max-width: 1800px) {

}

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

}

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

}

@media screen and (max-width: 1500px) {
    .footerList p , .footerBtm p {
        font-size: .75em;
    }
    .contacto {
        padding-bottom: 9%;
    }
    .map-sitio {
        padding-bottom: 12%;
    }
}

@media screen and (max-width: 1400px) {
    .footerContent {
        width: 75%;
    }
    .footerTitle h6 {
        font-size: 13px;
    }
    .footerText p {
        font-size: 10px;
    }
    .footerList p, .footerBtm p {
        font-size: 10px;
    }
    .contacto , .coorporativo {
        padding-bottom: 10%;
    }
}

@media screen and (max-width: 1300px) {
    .footerContent {
        width: 80%;
    }
    .footerText p {
        font-size: .7em;
    }

    .map-sitio {
        padding-bottom: 12%;
    }
}

@media screen and (max-width: 1200px) {
    .footerContent {
        width: 85%;
    }
    .contacto {
        padding-bottom: 10%;
    }
}

@media screen and (max-width: 1100px) {
    .footerContent {
        width: 90%;
    }
    .footerText p {
        font-size: .65em;
    }
    .footerBtm p {
        font-size: .65em;
    }
    .footerRights p {
        font-size: .8em;
    }
    .footerTitle{
        width: 95%;
    }
    .map-sitio {
        padding-bottom: 11%;
    }
}


@media screen and (max-width: 1000px) {
    .footerTitle{
        width: 97%;
    }
}

/* Medium laptops */
@media screen and (max-height: 800px) and (orientation: landscape) {

}

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

}

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

}

/* Mobiles */
@media screen and (max-width: 992px) {
    footer {
        width: 100%;
        line-height: 1;
    }
    
    .footerTitle h6 {
        font-size: 1.5em;
    }

    .footerText {
        padding-right: 5%;
    }

    .footerText p {
        font-size: 1.2em;
    }

    .footerList p {
        font-size: 1.2em;
    }

    .footerBtm {
        width: 100%;
    }

    .footerBtm p {
        font-size: 1.2em;
    }

    .footerRights {
        width: 100%;
    }

    .footerRights p {
        font-size: 1.2em;
    }
}

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

}

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

}

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

}

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

}