#bodychild{
    max-width: 100%;
}
#outerheader .container {
    background:none;
}
#resul{
    position: absolute;
    padding: 3px;
    width: 800px;
}
#beforecontent{
    top: 207px;
}
#top-text{
    margin-top: -18px;
}
.active{
    background-color: red; 
}
#tituloVideo{
    position: absolute;
    background: white;
    padding: 5px 20px;
    top: 7px;
    right: 0;
}
#videoMicro{
    position: relative;
    float: left;
    margin-right: 6px;
}
/*----------- Celulares ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {
    /* Estilos aqui */
    #videoMicro iframe{
        width: 100%;
        height: 430px;
    }
    /*Fin estilos movil*/
}
/*----------- Tablets ----------- */
@media only screen and (min-width : 481px) and (max-width : 768px) {
    /* Estilos aqui */
    #beforecontent {
        top: 217px;
    }

    #pagetitle-container h1{
        margin-top: 11px;
    }
    
    #videoMicro iframe{
        width: 100%;
        height: 430px;
    }
    
    /*Fin estilos tablet*/
}
/*----------- Desktop ----------- */
@media only screen and (min-width : 769px) and (max-width : 3000px) {
    /* Estilos aqui */	
    #videoMicro iframe{
        width: 640px;
        height: 429px;
    }

    /*Fin estilos monitor*/
}

.sf-menu ul li{
    width:30%;
}
.sf-menu ul li a{
    width: calc(100% / 5);
    color: green !important;
}
#logoslider{
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 500;
}



section[data-section='servicios'] .l{
    width: 46%;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}


section[data-section='servicios'] .r{
    width: 50%;
    display: inline-block;
}

@media (max-width: 480px) {
    section[data-section='servicios'] .l{
        width: 100%;
        display: inline-block;
        margin-right: 0;
        vertical-align: top;
    }

    section[data-section='servicios'] .r{
        width: 100%;
        display: inline-block;
    }
}