/* Responsive con las medidas más usadas en México */


/* Desktop - small screens */
@media only screen and (min-width: 1200px) and (max-width: 1347px){
    .portfolio.portfolio_style--1:hover .port-overlay-info h3.post-overlay-title {
        font-size: 16px;
    }

    #section-nosotros {
        height: auto !important;
        padding-bottom: 30px;
    }
}


/* Tablets */
@media only screen and (max-width: 965px){
    .presentation-inner .content .title--creative h2 {
        font-size: 33px !important;
    }

    #section-nosotros {
        height: auto !important;
        padding-bottom: 50px;
        margin-top: -70px;
    }

    .andreabio {
        padding: 65px 0 55px 0 !important;
    }

    .equipowrapper {
        padding: 30px 100px 50px 100px;
    }

    .comohacemoswrapper {
        padding: 25px 60px 30px 60px;
    }

    .bk-gradation .item-grid .content {
        height: 230px;
    }
}

/* Celulares */
@media only screen and (max-width: 600px) {

    .slider-revoluation {
        height: 80vh !important;
    }
    
    .slider-revoluation#slide-16-layer-1 .tp-caption .tp-reziseme   {
    margin-top: -300px;
    }

.presentation-inner .content .title--creative h2 {
    font-size: 30px !important;
}

.equipowrapper {
    padding: 20px 50px 20px 50px;
}

.equipoteam {
    margin: 0 auto;
    text-align: center;
}

.equipoteam h3 {
    font-size: 28px;
}

.single-motive-speach {
    margin-left: 80px;
}

.comohacemoswrapper {
    padding: 40px 20px 30px 20px;
}

.comohacemoswrapper .section-title h2 {
    font-size: 48px;

}
.queservicios {
    padding: 20px 20px 60px 20px;
}

.queservicios h2 {
    font-size: 40px;

}

.frasediv {
    padding: 0px 20px 0px 20px;
}

.frasediv .call-to-action .content h6 {
    line-height: 1.5rem;
}

.frasediv .call-to-action .content h3 {
    font-size: 38px;
    text-align: center;
}

.garantiasdiv h2 {
    font-size: 45px;
    line-height: 3.3rem;
}

.garantiasdiv span.curve-divider img {
    margin-top: -30px;
}

.bk-gradation .item-grid .content {
    height: 195px;
}

.portafoliologos .brand a img {
    display: inline-block;
    max-height: 80px;
}

.contactodiv {
    width: 100%;
    padding: 0px -30px 0px 20px;
}

.ms-choice {
    font-size: 14px;
}

.ms-drop ul>li.hide-radio label {
    font-size: 12px;
    padding: 18px 25px 18px;
}

.ms-drop {
    width: 100vw;
    margin-left: -78px;
}

.ms-choice>div.icon-caret {
    top: 25%;
}

.ms-drop ul>li label {
    font-size: 14px;
}

.graciaswrapper .section-title h3 {
    font-size: 52px;
    line-height: 4rem;
}

.graciaswrapper span.curve-divider img {
    height: 7px;
    margin-top: 0px;
    margin-bottom: 20px;
  }

.graciaswrapper .section-title h4 {
    font-size: 16px;
    line-height: 2.1rem;
}

.cuatrocerocuatrowrapper .section-title h2 {
    font-size: 95px;
    margin-top: -18px;
}

#scrollUp {
        display: block !important;
}

.sobrenosotros {
    top: -140px;
    }

.copyright-right#hidefootersm { 
    display: none;
}

}