/******************** RESPOSIVE ***********************/
@media only screen and (max-width: 1155px) {
    .slick-dots {
        bottom: 4px !important;
    }
    .beneficio{
        height: auto;
        display: inline-block;
    }
    .contCirculo {
        
        padding: 0px 0px;
        
    }
    .contCirculo img {
        width: 50%;
    }
    .txtcontCirculo-col2 {
        
        left: 28%;
    }
    .txtcontCirculo-col1 img {
        width: 30px;
      
    }
    .txtcontCirculo-col2 img {
        width: 30px;
      
    }
    .txtcontCirculo-col3 img {
        width: 30px;
      
    }
    .conthomeGeneral {
      
        margin-top: 40px;
     
    }
    .conthomeGeneral .valorA {
        position: relative;
        margin-top: 27px;
        margin-left: 28px;
    }
    .textoCuadroValor img {
        
        margin-left: -70px;
    }
    .header {
        height: 80px;
        /* border: 1px solid #FF0000; */
    }
    .determinacion{
        height: 327px;
    }
    /* imagenes beneficios */
    .imagen1{
        padding-top: 15px;
    }

    .imagen2{
        padding-top: 35px;
    }

    .imagen3{
        padding-top: 80px;
    }
    /* imagenes beneficios*/



    /* text experto */
    .textUno{
       padding-top: 44px;
    }

    .textDos{
            padding-top: 39px;
        padding-left: 15px;
    }

    .textTres{
        padding-top: 36px;
        padding-left: 10px;
    }

    .textCinco{
        padding-top: 34px;
        padding-left: 21px;
    }

    .textSeis{
        padding-top: 44px;
    	width: 97%;
    }

    .textSiete{
         direction: ltr;
        padding-top: 46px;
        padding-left: 15px;

    }

    .textOcho{
        padding-top: 29px;
    	width: 95%;
    }

    .textNueve{
        padding-top: 30px;
        padding-left: 20px;
    }

    /* text experto */

    .espacioNos{
        padding-top: 0px;
    }

    .textExpertos{
        text-align: left;
        font-size: 18px;
        margin-bottom: 100px;
    }

    .textSomos{
        text-align: left;
    }

    .proposito{
        padding-left: 0px;
    }

    .contQuien{
        display: inline-block;
        padding-top: 0px;
    }

    .quien {
        width: 20%;
        /* border: 1px solid red; */
        display: inline-block;
        width: 100%;
    }

    .determinacion{
        padding-left: 0px;
        margin-top: 50px;
        background-size: contain;
    }

    .ExpertoB{
        width: 47%;
    }

    .imgresposive{
        display: block;
    }

    .imgnormal{
        display: none;
    }

    .expDos{
        width: 314px;
        top: -96px;
        bottom: 0px;
        right: 0px;
        border: 0px;
        right: -1px;
    }
 .expDosE{
        width: 200px;
        top: -3px;
        bottom: 0px;

        right: 0px;
        border: 0px;
        right: 0px;
    }
    .expUno{
        top: -40px;
        left: -55px;
    }

    .expSergio{
        width: 200px;
        top: -56px;
        bottom: 0px;
        right: 0px;
        border: 0px;
        right: 0px;
    }


    .hijoExperto{
        width: 100%;
        height: 300px;
        position: absolute;
    }

    .exp9{
        padding-left: 15px;
        margin-top: 39px;
        font-size: 11px;
        width: 100%;
        height: 200px;
        text-align: left;
        line-height: 15px;
        overflow: auto;
        direction: rtl;
    }

    .textExperto{
        font-size: 11px;
        text-align: left;
        line-height: 15px;
    }

    .contFuente{
        display: inline-block;
    }

    .fuente{
        width: 100%;
        margin-left: 15px;
    }

    .aumentar{
         width: 100%;
        margin-left: 15px;
    }

    .conte{
        width: 100%;
        display: inline-block;
    }

    .conte p{
        width: 100%;
        padding-left: 10px;
    }

    .unoRedes{
        display: none;
    }

    .contnot{
        display: inline-block;
    }
    .notA{
        width: 100%;
    }

    .notB{
        display: block;
        width: 100%;
        padding-right: 10px;
    }

    .notRelacionada{
        display: inline-block;
    }

    .noticaRel{
        padding: 10px;
    }

    .leerRel{
        text-align: right;
    }

    .uno{
        display: inline-block;
        padding-left:69px;
        /*margin-bottom: 10px;*/
        padding-top: 9px;
        padding-right: 20px;
    }

    .dos{
        display: inline-block;
    padding-right: 130px;
    /* font-size: 40px; */
    margin-bottom: 10px;
    padding-left: 24px;
    margin-top: 10px;

    }

    .uno_uno{
        display: none;
    }

    .contcont{
        height: auto;
    }

    .drop{
        display: none;
        position: relative;
        height: auto;
        top: 10px;
        left: 0;
    }

    /*.servicios:hover .drop{
        display: block;
        position: relative;
        height: auto;
        padding-top: 10px;
        left: 0;

    }*/

    .subBtn{
        height: auto;
        padding-bottom: 10px;
    }

    .tituloDatos{
        font-size: 25px;
        padding-bottom: 0px;
    }

    .leerGrupo{
        width: 100%;

    }

    .leerGrupo img{
        width: 20px;
    }

    .tag{
       width:  100%;
       height: auto;
    }

    #agosto{
        font-size: 15px;
        padding-bottom: 10px;
    }

    .introduccion{
        font-size: 14px;
        display: none;
    }

    .contInformacionRev{
        width: 100%;
    }


    .infoNosotrosA{
        width: 100%;
    }

    /* MENU */
    .icomenu  {
        width: auto;
        height: auto;
        position: absolute;
        top: 24px;
        right: 22px;
        z-index: 5;

        cursor: pointer;
        display: inherit;
        /*border: 0px solid #FF0000;*/
    }

    .logo-resposive{
        width: 250px;
        margin-top: 13px;
        margin-left: 10px;
        display: inherit;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
    }

    .logo-resposive img{
        width: 100%;
        height: auto;
    }

    .logo{
        display: none;
    }

    .openmenu{
        display: none;
    }

    .contMenu{
        width: 100%;
        height: 100vh;
        padding: 90px 0px 0px 0px;
        margin-top: 0;
        float: inherit;
        position: fixed;
        z-index: 4;
        display: none;
        background-color: #FFFFFF;
    }

    .btnMenu{
        width: 100%;
        height: auto;
        padding: 15px 0px 15px 21px;
        text-align: left;
        color: #8338eb;
    }

    .btnMenu.active::after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        right: 0;
        height: 3px;
        width: 100%;
        background: #662c91;
    }

    .btnMenu:hover{
        background: none;
        color: #8338eb;
    }

    .btnMenu:before{
        display: none;
    }
    /* END MENU */


    /* NOSOTROS */
    .tituloCuadro{
        text-align: center;
        width: 100%;
        padding-bottom: 0px;
        padding-top: 0px;
        font-size: 33px;
        /*padding-left: 10px;*/
        padding-right: 10px;
    }

    .tituloNot{
        padding-left: 10px;
    }

    .contNosotros{
        display: inline-grid;
    }

    .nosotrosA{
        width: 100%;
        /*text-align: center;*/
        padding-left: 0px;
        padding-right: 0px;
    }

    .textQuienes{
        padding-left: 80px;
        padding-right: 80px;
        padding-top: 60px;
    }

    .tituloSeg{
        font-size: 25px;
        padding-top: 20px;

    }

    .nosotrosB{
        width: 100%;
        height: 700px;
        text-align: center;
        background-size: contain;
    }

    .contenidoExp{
        height: auto;
    }

    .contVentajas{
        margin-top: 50px;
        /*padding-left: 20px;*/
        display: inline-block;
    }

    .subVentajas{
        font-size: 14px;
    }

    .subVentajas img{
        width: 40px;
    }

    .tituloVen{
        font-size: 30px;
    }

    .contInformacion{
        display: inline-grid;
        margin-top: 0px;
    }

    .contVal{
        width: 100%;
        margin-left: 0px;
    }

    .bannerBenef{
        width: 100%;
        height: 20vh;
    }

    .contBen{
        width: 76%;
        font-size: 20px;
        top: 40px;
        left: 20px;
        text-align: left;
    }

    /* HEADER */
    .tituloBanner{
        left: 52%;
        z-index: 1;
        width: 60%;
        height: auto;
        top:50%;
        position: relative;
        display: inline-block;
        box-sizing: border-box;
        padding: 10px;
       
    }

    .contValor{
        height: auto;
    }

    .linea{
        margin-right: 10px;
        /*margin-left: 10px;*/
        width: 95%;
        margin-top: 0px;
    }

    .valorA{
        width: 100%;
    }

    .valorB{
        display: none;
    }

    .tituloMapa{
        text-align: left;
        padding-left: 30px;
        font-size:
    }

    .contenidoMapa{
        font-size: 15px;
    }

    .subValor{
        text-align: left;
        width: 100%;
        padding-left: 30px;
        font-size: 18px;
    }

    .conoce{
        text-align: center;
        top: 0;
        left: 0;
        position: relative;
        font-size: 10px;
    }

    
    .conteHome{
        display: inline-grid;
    }

    .homeA{
        width: 100%;
    }

    .continfo{
        width: 100%;
    }

    .contenido{
        display: inline-flex;
        padding-bottom: 0px;
        width: 100%;
    }

    .homeB{
        width: 100%;
        display: inline-grid;
        text-align: center;
    }
    /* END HEADER */


    /* beneficios */
    .txtBeneficios{
        text-align: left;
        padding-right: 10px;

    }

    /* ISO */

    .isoTitulo{
        padding-left: 20px;
        font-size: 18px;
    }

    .soborno{
        padding-top: 50px;
        text-align: left;
        font-size: 16px;
    }

    .contBenB{
        width: 100%;
        left: 0px;
        top: -50px;
        font-size: 15px;
    }

    .subtituloCon{
        font-size: 16px;
    }

    .nosotrosA{
        padding-top: 0px;
        text-align: center;
        padding-bottom: 0px;
    }

    /* contacto */


    .nosotrosAresp{
        padding-left: 10px;
        padding-right: 10px;
    }

    .sltTipos{
        width: 100%;
    }

    .txtName{
        width: 100%;
    }

    .contEnviar{
        display: inline-grid;
    }

    .datosObligatorios{
        width: 100%;
        text-align: center;
    }

    .datosButton{
        width: 100%;
        text-align: center;
    }
    .txtcontCirculo-col3 {
       
        left:78%;
      
    }
    .nosotrosAcontacto{
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

    .direccion{
        width: 100%;
    }

    .imgDir img{
        width: 30px;
    }

    .contDireccion{
        width: 100%;
        padding-left: 0px;
        padding-top: 50px;
    }

    .imgDir{
        padding-left: 0px;
    }

    .introduccionDir{
        font-size: 15px;
    }

    /* footer */
    .contFooter{
        display: block;
        height: auto;
    }

    .contLogo{
        width: 100%;
        margin: 0 auto;
    }

    .contRedes{
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        text-align: center;
    }

    .contResp1{
        display: none;
    }

    .contResp2{
        display: block;
        line-height: 21px;
    }

    .marcaResp1{
        display: none;
    }

    .marcaResp2{
        display: block;
        padding-left: 0px;
        padding-top: 20px;
        font-size: 18px;
    }

    .contLogoExp{
        font-size: 14.3px;
	    width: 67%;
	    /* border: 1px solid; */
	    top: -14px;
	    left: 29%;
	    position: relative;
    }

    /* oferta de valor */
    .textoValor{
        display: none;
    }

    .contCirculo{
        padding-left: 0px;
        display: inline-block;
    }

    .contCirculos{
        left: -30px;
    }

    .circuloUno{
        width: 180px;
        height: 180px;
        left: 117px;
        top: 21px;
    }

    .circuloUno .textoUno{
        /*padding-left: 0px;*/
        font-size: 20px;
        padding-left: 28px;
    }

    .imgesCirculo{
        padding-left: 72px;
    }

    .contCirculos2{
        margin-top: 0px;
        position: relative;
        left: 0px;
    }

    .circuloDos{
        width: 180px;
        height: 180px;
    }

    .circuloDos .textoDos{
        font-size: 20px;
        /*padding-left: 0px;*/
    }

    .circuloTres{
        width: 180px;
        height: 180px;
    }

    .circuloTres .textoTres{
        font-size: 20px;
    }

    .tec{
        position: relative;
        left: 0px;
        display: inline-block;
    }

    .recta{
        position: relative;
        left: -12px;
        float: left;
    }

    .cuadroMapa{
        height: auto;
        margin-bottom: 0px;
        width: 80%;
    }

    .imgValor{
        padding: 20px;
        margin-top:55px;
        /*background-image: url("../images/banner/bandera.png");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;*/
    }

    .fechaHome{
        height: auto;
        font-size: 15px;
    }

    .contImagen{
        width: 50%;
        height: auto;
    }

    .leer{
        text-align: left;
        font-size: 15px;
        /*padding-left: 20px;*/
    }

    .tituloSlider{
        position: inherit;
        font-size: 14px;
        left: 15px;
        top: 0px;
        color: #FFFFFF;
        font-family: "Montserrat-SemiBold";
        width: 100%;
        height: auto;
        text-align: left;
        /* line-height: 1.3; */
    }

    .contBanner {
        font-family: "Montserrat-Light";
        top: 200px;
        font-size: 13px;
        position: absolute;
        width: 100%;
        text-align: left;
        left: 0px;
        line-height: 1.3;
        border-left: 6px solid #37aafd;
        padding-left: 10px;
    }

    .topBanner{
        top: 60px;
    }

    .topBanner2{
        top: 50px;
    }

    .topBanner3{
        top: 75px;
    }

    .topBanner4{
        top: 75px;
    }

    .interno{
        width: 100%;
        padding-right: 10px;
        padding-left: 31px;
    }

    .expertoUno{
        display: inline-flex;
        height: 289px;
    }

    .expertoDos{
        display: inline-flex;
        height: 287px;
    }


    .imgExpertos{
        width: 271px;

    }

    .experto{
        margin-top: 0px;
    }

    .tituloExperto{
        font-size: 20px;
        padding-bottom: 0px;
    }

    /*.contExperto{
        font-size: 10px;
       line-height: 20px;
    }*/

    .contenedorCirculos{
        margin: 0 auto;
        padding-top: 0px;
    }

    .valortitulo{
        font-size: 30px;
    }

    .rectangulo{
        height: auto;
    }

    .grupo{
        display: inline-block;
    }

    .cuadro{
        width: 100%;
    }

    .listaCuadro{
        padding-left: 24px;
    }

    .ExpertoA{
        padding-right: 0px;
        width: 50%;
        color: #FFFFFF;
        /* padding-right: 60px; */
        padding-top: 5px;
        padding-left: 0px;

    }

    .experesp9{
        top: -67px;
        left: -63px;
        width: 270px;
    }

    .guia{
        padding-left: 10px;
    }

    .subtituloNot{
        margin-left: 10px;
    }

    .exp10{
        padding-left: 15px;
        padding-top: 30px;
    }

    .exp11{
        padding-left: 0px;
        padding-top: 0px;
        /*width: 157px;*/
    }

    .exp99{
        left: -66px;
        top: -39px;
        width: 270px;

    }

    .scrol::-webkit-scrollbar
    {
        width: 6px;
        background-color: #F5F5F5;
          border-radius: 10px;
    }
    .scrol::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }
    .scrol::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #555;
    }

    /* EVENTOS */
    .bannereventos {
        height: 390px;
        /*border: 1px solid #FF0000;*/
    }
    .bannereventos p {
        padding: 0px 30% 0px 0px;
        font-size: 30px;
        bottom: 80px;
        /*border: 1px solid #FF0000;*/
    }
    .conteventos {
        width: 100%;
        margin: 0px 0px 0px 0px;
        text-align: center;
        /*border: 1px solid #FF0000;*/
    }
    .boxeventos {
        width: 90%;
        height: auto;
        padding: 265px 25px 40px;
        margin: 35px 0px 0px 0px;
        display: inline-block;
        float: inherit;
    }
    /* EVENTOS DETALLE */
    .conteventosdtll .tituloCuadro {
        height: auto;
        padding: 0px 20px 35px 150px;
        font-size: 26px;
        text-align: left;
        box-sizing: border-box;
        /*border: 1px solid #FF0000;*/
    }
    .conteventosdtll .tituloCuadro .dateeventos {
        left: 20px;
    }
    .conteventosdtll .bannereventos {
        height: auto;
        padding: 0px 25px;
        margin: 30px 0px 30px;
        /*border: 1px solid #FF0000;*/
    }
    .videoeventosdtll {
        padding: 0px 25px;
        margin: 30px 0px 60px;
    }
    .videoeventosdtll iframe {
        height: 300px;
    }
    .videoeventosdtll img {
        height: 300px;
        margin: 10px 0px -65px;
    }
    .conteventosrel .tituloCuadro {
        height: 60px;
        font-size: 30px;
        padding: 0px 0px 0px 20px;
        margin: 80px 0px 0px;
    }
    .conteventosrel .boxeventos {
        height: auto;
    }
    .contservicios img {
        width: 100%;
        margin: 25px 0px 0px;
    }
    .boxservicios {
        width: 100%;
        height: 350px;
        margin: 0px 0px 55px;
        /*border: 1px solid #FF0000;*/
    }
    .boxservicios-width {
        width: 100%;
        height: auto;
        padding: 0px 25px;
        box-sizing: border-box;
        /*border: 1px solid #FF0000;*/
    }
    #imgDesktop {
        display: none;
    }
    #imgMovil {
        display: inherit;
    }

    .contBanner {
        font-family: "Montserrat-Light";
        top: 0px;
        font-size: 13px;
        position: inherit;
        width: 100%;
        text-align: left;
        left: 0px;
        line-height: 1.3;
        border-left: 6px solid #37aafd;
        padding-left: 10px;
        left: 0px;
      
        padding-right: 0px;
    }
}

/******************** RESPOSIVE ***********************/
@media only screen and (max-width: 414px) {
    .contIso span {
        
        font-size: 15px;
        
    }
    .txtcontCirculo-col2 {
        color: #1e6d8c;
        top: 69%;
        left: 19%;
    }
    .rectaControl {
        width: 100%;
    }
    .emailDir span {
        font-size: 15px;
    }
    .nosotrosA{
        line-height: 1.3;
    }
    /* imagenes beneficios */
    .imagen1{
        padding-top: 0;
    }
    
    .imagen1 img{
        width: 100%;
    }

    .imagen2{
        padding-top: 0;
    }
    .imagen2 img{
        width: 100%;
    }

    .imagen3{
        padding-top: 0px;
        /*border: 1px solid black;*/
    }

    .imagen3 img{
        width: 100%;
    }

    .benImagen {
        padding-right: 0px;
        /*border: 1px solid black;*/
    }

    .benImagen img{
        width: 100%;
    }
    /* imagenes beneficios*/



    /* text experto */
    .textUno{

          padding-left: 15px;
      margin-top: 39px;
        font-size: 11px;
        width: 100%;
        height: 200px;
        text-align: left;
        line-height: 15px;
        overflow: auto;
        direction: ltr;
    }

    .textDos{
            padding-left: 15px;
    margin-top: 39px;
    font-size: 11px;
    width: 100%;
    height: 200px;
    text-align: left;
    line-height: 15px;
    overflow: auto;
    direction: rtl;
    }

    .textTres{
           padding-left: 15px;
    margin-top: 39px;
    font-size: 11px;
    width: 100%;
    height: 200px;
    text-align: left;
    line-height: 15px;
    overflow: auto;
    direction: ltr;

    }

    .textCinco{
           padding-left: 15px;
    margin-top: 39px;
    font-size: 11px;
    width: 100%;
    height: 200px;
    text-align: left;
    line-height: 15px;
    overflow: auto;
    direction: rtl;
    }

    .textSeis{
        padding-top: 44px;
    	width: 97%;
    }

    .textSiete{
            padding-left: 15px;
    margin-top: 39px;
    font-size: 11px;
    width: 100%;
    height: 200px;
    text-align: left;
    line-height: 15px;
    overflow: auto;
    direction: ltr;
    }

    .textOcho{
          padding-left: 15px;
    margin-top: 39px;
    font-size: 11px;
    width: 100%;
    height: 200px;
    text-align: left;
    line-height: 15px;
    overflow: auto;
    direction: rtl;
    }

    .textNueve{
        padding-top: 30px;
        padding-left: 20px;
    }

    /* text experto */

    .espacioNos{
        padding-top: 0px;
    }

    .textExpertos{
        text-align: left;
        font-size: 18px;
    }

    .textSomos{
        text-align: left;
    }

    .proposito{
        padding-left: 0px;
    }

    .contQuien{
        display: inline-block;
        padding-top: 0px;
    }

    .quien {
        width: 20%;
        /* border: 1px solid red; */
        display: inline-block;
        width: 100%;
    }

    .determinacion{
        margin-top: 0px;;
        padding: 0px;
        height: 25vh;
        /*border: 1px solid red;*/
    }

    .ExpertoB{
        width: 47%;
        overflow: hidden;
    }

    .imgresposive{
        display: block;
    }

    .imgnormal{
        display: none;
    }

    .expDos{
        width: 217px;
        top: 27px;
        bottom: 0px;

        right: 0px;
        border: 0px;
           right: 0px;
    }
    .expDosE2{
        width: 171px;
        top: -41px;
        bottom: 0px;
        border: 0px;
           right: 0px;
    }
 .expDos_E{
          width: 280px;
    top: -61px;
    bottom: 0px;
    right: 0px;
    border: 0px;
    right: -1px;
    }
    /*.expUno{
        top: -18px;
        left: 4px;
    }*/

    .expUnoB{
        top: -21px;
        right: -40px;
        /*border: 1px solid #FF0000;*/
    }

    .expSergio{
        width: 200px;
        top: -56px;
        bottom: 0px;
        right: 0px;
        border: 0px;
        right: 0px;
    }


    .hijoExperto{
        width: 100%;
        height: 300px;
        position: absolute;
    }

    .exp9{
        padding-left: 15px;
        margin-top: 14px;
        font-size: 11px;
        width: 100%;
        height: 200px;
        text-align: left;
        line-height: 15px;
        overflow: auto;
        direction: rtl;
    }

    .textExperto{
        font-size: 11px;
        text-align: left;
        line-height: 15px;
    }

    .contFuente{
        display: inline-block;
    }

    .fuente{
        width: 100%;
        margin-left: 15px;
    }

    .aumentar{
         width: 100%;
        margin-left: 15px;
    }

    .conte{
        width: 100%;
        display: inline-block;
    }

    .conte p{
        width: 100%;
        padding-left: 10px;
    }

    .unoRedes{
        display: none;
    }

    .contnot{
        display: inline-block;
    }
    .notA{
        width: 100%;
    }

    .notB{
        display: block;
        width: 100%;
        padding-right: 10px;
    }

    .notRelacionada{
        display: inline-block;
    }

    .noticaRel{
        padding: 10px;
    }

    .leerRel{
        text-align: right;
    }

    .uno{
        display: inline-block;
        padding-left:69px;
        /*margin-bottom: 10px;*/
        padding-top: 9px;
        padding-right: 20px;
    }

    .dos{
        display: inline-block;
    padding-right: 130px;
    /* font-size: 40px; */
    margin-bottom: 10px;
    padding-left: 24px;
    margin-top: 10px;

    }
     .dosE{
    padding-right: 220px;

    }

    .uno_uno{
        display: none;
    }

    .contcont{
        height: auto;
    }

    .drop{
        display: none;
        position: relative;
        height: auto;
        top: 10px;
        left: 0;
    }

    /*.servicios:hover .drop{
        display: block;
        position: relative;
        height: auto;
        padding-top: 10px;
        left: 0;

    }*/

    .subBtn{
        height: auto;
        padding-bottom: 10px;
    }

    .tituloDatos{
        font-size: 25px;
        padding-bottom: 0px;
    }

    .leerGrupo{
        width: 90%;

    }

    .leerGrupo img{
        width: 20px;
    }

    .tag{
       width:  100%;
       height: auto;
    }

    #agosto{
        font-size: 15px;
        padding-bottom: 10px;
    }

    .introduccion{
        font-size: 14px;
        display: none;
    }

    .contInformacionRev{
        width: 100%;
    }


    .infoNosotrosA{
        width: 100%;
    }

    /* MENU */
    .icomenu  {
        width: auto;
        height: auto;
        position: absolute;
        top: 24px;
        right: 22px;
        z-index: 5;

        cursor: pointer;
        display: inherit;
        /*border: 0px solid #FF0000;*/
    }

    .logo-resposive{
        width: 250px;
        margin-top: 13px;
        margin-left: 10px;
        display: inherit;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
    }

    .logo-resposive img{
        width: 100%;
        height: auto;
    }

    .logo{
        display: none;
    }

    .openmenu{
        display: none;
    }

    .contMenu{
        width: 100%;
        height: 100vh;
        padding: 90px 0px 0px 0px;
        margin-top: 0;
        float: inherit;
        position: fixed;
        z-index: 4;
        display: none;
        background-color: #FFFFFF;
    }

    .btnMenu{
        width: 100%;
        height: auto;
        padding: 15px 0px 15px 21px;
        text-align: left;
        color: #8338eb;
    }

    .btnMenu.active::after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        right: 0;
        height: 3px;
        width: 100%;
        background: #662c91;
    }

    .btnMenu:hover{
        background: none;
        color: #8338eb;
    }

    .btnMenu:before{
        display: none;
    }
    /* END MENU */


    /* NOSOTROS */
    .tituloCuadro{
        text-align: center;
        width: 100%;
        padding-bottom: 0px;
        padding-top: 0px;
        font-size: 23px;
        /*padding-left: 10px;*/
        padding-right: 10px;
    }

    .tituloNot{
        padding-left: 10px;
    }

    .contNosotros{
        display: inline-grid;
    }

    .nosotrosA{
        width: 100%;
        /*text-align: center;*/
        padding-left: 0px;
        padding-right: 0px;
    }

    .textQuienes{
        padding-left: 20px;
        padding-right: 20px;
    }

    .tituloSeg{
        font-size: 25px;
        padding-top: 20px;

    }

    .nosotrosB{
        width: 100%;
        /*height: auto;*/
        height: 400px;
    }

    .contenidoExp{
        height: auto;
    }

    .contVentajas{
        /*height: 513px;*/
        margin-top: 30px;
        margin-bottom: 30px;
        /*padding-left: 20px;*/
    }

    .subVentajas{
        font-size: 14px;
    }

    .subVentajas img{
        width: 40px;
    }

    .tituloVen{
        font-size: 30px;
    }

    .contInformacion{
        display: inline-grid;
        margin-top: 0px;
    }

    .contVal{
        width: 100%;
        margin-left: 0px;
    }

    .bannerBenef{
        width: 100%;
        height: 10vh;
    }

    .contBen{
        width: 76%;
        font-size: 20px;
        top: 40px;
        left: 20px;
        text-align: left;
    }

    /* HEADER */
    .header {
        height: 80px;
        /*border: 1px solid #FF0000;*/
    }

    .bloque1 {
        height: 55vh;
        /*border: 1px solid #FF0000;*/
    }

    .isoImagen{
        width: 100%;
    }

    .isoImagen img{
        width: 90%;
        float: left;
    }

    .isoTitulo{
        display: none;
    }
    #masDano{
        margin-top: 12px;
    }
    #masGuia{
        margin-top: 30px;
    }
    #masNorma{
        margin-top: 43px;
    }
    .isoMas {
        padding-top: 0px;
        position: absolute;
        right: 25px;
        /*border: 1px solid black;*/
    }

    .contIso {
        padding-left: 30px;
        /*border: 1px solid #FF0000;*/
    }

    .tituloBanner{
        width: 60%;
        height: auto;
        padding: 0px 30px 30px;
        top: 50%;
        left: 50%;
        /*border: 1px solid #FF0000;*/
    }

    .contValor{
        height: auto;
    }

    .linea{
        margin-right: 10px;
        /*margin-left: 10px;*/
        width: 95%;
        margin-top: 0px;
    }

    .valorA{
        width: 100%;
    }

    .valorB{
        display: none;
    }

    .tituloMapa{
        text-align: left;
        padding-left: 30px;
        font-size:
    }

    .contenidoMapa{
        font-size: 15px;
    }

    .subValor{
        text-align: left;
        width: 100%;
        padding-left: 30px;
        font-size: 18px;
    }

    .conoce{
        text-align: center;
       /** top: -21px;
        left: 30px;*/
        top: 0px;
    left: 0px;
        margin-left: 25px;
        margin-bottom: 25px;
        position: relative;
        font-size: 10px;
    }

 

    .conteHome{
        display: inline-grid;
    }

    .homeA{
        width: 100%;
    }

    .continfo{
        width: 100%;
        margin: 20px 0px;
        box-sizing: border-box;
    }

    .contenido{
        display: inline-flex;
        padding-bottom: 0px;
        width: 100%;
    }

    .homeB{
        width: 100%;
        display: inline-grid;

    }

    .verMas {
        margin-left: 0px;
        width: 100%;
    }

    /* END HEADER */

    #desktop {
        display: none;
    }

    #movil {
        display: inherit;
    }


    /* beneficios */
    .conthomeGeneral .valorA{
        top: 0px;
        margin-top: 0px;
        margin-left: 0px;
    }

    .txtBeneficios{
        text-align: left;
        padding-right: 10px;

    }

    /* ISO */

    .isoTitulo{
        padding-left: 20px;
        font-size: 18px;
    }

    .soborno{
        padding-top: 50px;
        text-align: left;
        font-size: 16px;
    }

    .contBenB{
        width: 100%;
        left: 0px;
        top: -50px;
        font-size: 15px;
    }

    .subtituloCon{
        font-size: 16px;
    }

    .nosotrosA{
        padding-top: 30px;
    }

    /* contacto */


    .nosotrosAresp{
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }

    .sltTipos{
        width: 100%;
    }

    .txtName{
        width: 100%;
    }

    .contEnviar{
        display: inline-grid;
    }

    .datosObligatorios{
        width: 75%;
        text-align: center;
    }

    .datosButton{
        width: 75%;
        text-align: center;
    }

    .nosotrosAcontacto{
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

    .direccion{
        width: 100%;
    }

    .imgDir img{
        width: 30px;
    }

    .contDireccion{
        width: 100%;
        padding-left: 0px;
        padding-top: 0px;
    }

    .imgDir{
        padding-left: 0px;
    }

    .introduccionDir{
        font-size: 15px;
    }

    /* footer */
    .contFooter{
        display: inline-grid;
        height: auto;
    }

    .contLogo{
        width: 100%;
        margin: 0 auto;
        /*border: 1px solid #FF0000;*/
    }

    .contLogo img{
        width: 50%;
    }

    .contRedes{
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        text-align: center;
    }

    .contResp1{
        width: 100%;
        padding: 20px 60px 0px;
        display: inherit;
        box-sizing: border-box;
        /*border: 1px solid #FF0000;*/
    }

    .contResp2{
        display: block;
        line-height: 21px;
    }

    .marcaResp1{
        display: none;
    }

    .marcaResp2{
        display: block;
        padding-left: 0px;
        padding-top: 20px;
        font-size: 18px;
    }

    .contLogoExp{
        font-size: 14.3px;
	    width: 67%;
	    /* border: 1px solid; */
	    top: -14px;
	    left: 29%;
	    position: relative;
    }

    /* oferta de valor */
    .textoValor{
        display: none;
    }

    .contCirculo{
        width: 100%;
        padding: 0px 0px;

    }

    .contCirculos{
        left: -30px;
    }

    .circuloUno{
        width: 180px;
        height: 180px;
        left: 117px;
        top: 21px;
    }

    .circuloUno .textoUno{
        /*padding-left: 0px;*/
        font-size: 20px;
        padding-left: 28px;
    }

    .imgesCirculo{
        padding-left: 72px;
    }

    .contCirculos2{
        margin-top: 0px;
        position: relative;
        left: 0px;
    }

    .circuloDos{
        width: 180px;
        height: 180px;
    }

    .circuloDos .textoDos{
        font-size: 20px;
        /*padding-left: 0px;*/
    }

    .circuloTres{
        width: 180px;
        height: 180px;
    }

    .circuloTres .textoTres{
        font-size: 20px;
    }

    .tec{
        position: relative;
        left: 0px;
    }

    .tec p {
        font-size: 14px;
    }

    .recta{
        position: relative;
        top: -60px;
        left: 10px;
    }

    .cuadroMapa{
        height: auto;
        margin-bottom: 0px;
        width: 100%;
    }

    .slick-dots {
        bottom: -2px !important;
    }
    .conthomeGeneral {
       
        margin-top: 19px;
       
    }
    .imgValor{
        padding: 20px;
        margin-top: 50px;
        /*background-image: url("../images/banner/bandera.png");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;*/
    }

    .fechaHome{
        height: auto;
        font-size: 15px;
    }

    .contImagen{
        width: 50%;
        height: auto;
    }

    .leer{
        text-align: left;
        font-size: 15px;
        /*padding-left: 20px;*/
    }

    .tituloSlider{
        width: 90%;
        margin: 20px 0px 20px;
        position: relative;
        left: 5px;
        top: 5px;
        /*border: 1px solid #FF0000;*/
    }

    .contBanner {
        top: 0;
        position: relative;
        left:0;
        padding-right: 0px;
    }

    .topBanner{
        top: 60px;
    }

    .topBanner2{
        top: 50px;
    }

    .topBanner3{
        top: 75px;
    }

    .topBanner4{
        top: 75px;
    }

    .interno{
        width: 100%;
        padding-right: 10px;
        padding-left: 31px;
        padding-bottom: 45px;
        box-sizing: border-box;
    }

    .expertoUno{
        display: inline-flex;
        height: 289px;
    }

    .expertoDos{
        display: inline-flex;
        height: 287px;
    }


    .imgExpertos{
        /*width: 271px;*/

    }

    .experto{
        margin-top: 0px;
    }

    .tituloExperto{
        font-size: 20px;
        padding-bottom: 0px;
    }

    .img1{
        height: auto;
    }

    .img1 img{
        width: 100%
    }

    /*.contExperto{
        font-size: 10px;
       line-height: 20px;
    }*/

    .contenedorCirculos{
        margin: 0 auto;
        padding-top: 0px;
    }

    .valortitulo{
        font-size: 30px;
    }

    .rectangulo{
        height: auto;
    }

    .grupo{
        display: inline-block;
    }

    .cuadro{
        width: 100%;
    }

    .listaCuadro{
        padding-left: 24px;
    }

    .ExpertoA{
        padding-right: 0px;
        width: 50%;
        color: #FFFFFF;
        /* padding-right: 60px; */
        padding-top: 5px;
        padding-left: 0px;

    }

    .experesp9{
        top: -67px;
        left: -63px;
        width: 270px;
    }

    .guia{
        padding-left: 10px;
    }

    .subtituloNot{
        margin-left: 10px;
    }

    .exp10{
        padding-left: 15px;
        padding-top: 30px;
    }

    .exp11{
 padding-left: 15px;
        margin-top: 39px;
        font-size: 11px;
        width: 100%;
        height: 200px;
        text-align: left;
        line-height: 15px;
        overflow: auto;
        direction: rtl;
    }

    .exp99{
        left: -66px;
        top: -39px;
        width: 270px;

    }
     .scrol::-webkit-scrollbar
    {
        width: 6px;
        background-color: #F5F5F5;
          border-radius: 10px;
    }
    .scrol::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }
    .scrol::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #555;
    }
     #michelle{width: 220px;
        top: -45px;
}

    .box_gal {
        width: 80%;
        height: 300px;
    }

    .txtcontCirculo {
        width: auto;
        font-size: 14px;
        /*border: 1px solid #FF0000;*/
    }

    .txtcontCirculo-col3 {
        color: #530091;
        top: 69%;
        left: 82%;
        line-height: 22px;
        text-align: left;
    }

}
@media only screen and (max-width: 375px) {
   
    #masDano{
        margin-top: 0px;
    }
    #masGuia{
        margin-top: 20px;
    }
    #masNorma{
        margin-top: 30px;
    }

    /* imagenes beneficios */
    .imagen1{
        padding-top: 15px;
    }

    .imagen2{
        padding-top: 35px;
    }

    .imagen3{
        padding-top: 80px;
    }
    /* imagenes beneficios*/



    /* text experto */
    .textUno{
      margin-top: 5px;
    overflow: auto;
    direction: ltr;
    width: 100%;
    height: 258px;
    }

    .textDos{
        margin-top: 20px;
        overflow: auto;
        direction: rtl;
        width: 100%;
        height: 200px;
        padding-left: 15px;
    }

    .textTres{
        margin-top: 30px;
        overflow: auto;
       direction: ltr;
        width: 100%;
        height: 200px;

        padding-left: 10px;
    }

    .textCinco{
         margin-top: 30px;
        overflow: auto;
        direction: rtl;
        width: 100%;
        height: 200px;
        padding-left: 21px;
    }



    .textSiete{
          margin-top: 10px;
        overflow: auto;
        direction: ltr;
        width: 100%;
        height: 200px;
    	width: 97%;
    }

    .textOcho{
        margin-top: 38px;
        margin-left:5px;
        overflow: auto;
        direction: rtl;
        width: 100%;
        height: 200px;
    	width: 97%;
    	padding-left: 21px;
    }

    .textNueve{
        padding-top: 30px;
        padding-left: 20px;
    }

    /* text experto */

    .espacioNos{
        padding-top: 0px;
    }

    .textExpertos{
        text-align: left;
        font-size: 18px;
    }

    .textSomos{
        text-align: left;
    }

    .proposito{
        padding-left: 0px;
    }

    .contQuien{
        display: inline-block;
        padding-top: 0px;
    }

    .quien {
        width: 20%;
        /* border: 1px solid red; */
        display: inline-block;
        width: 100%;
    }

    .determinacion{
        padding-left: 0px;
    }

    .ExpertoB{
        width: 47%;
        /* border: 1px solid red; */
    }

    .imgresposive{
        display: block;
    }

    .imgnormal{
        display: none;
    }

    .expDos{
              width: 228px;
    top: 13px;
    bottom: 0px;
    right: 30px;
    border: 0px;
    right: 1px;
    }
 .expDosE{
                   width: 164px;
        top: 11px;
        bottom: 0px;
        right: 30px;
        border: 0px;
        right: 3px;
    }
   .expUno {
    top: 22px;
    left:-44px;
}

    .expSergio{
        width: 200px;
        top: -56px;
        bottom: 0px;
        right: 0px;
        border: 0px;
        right: 0px;
    }


    .hijoExperto{
        width: 100%;
        height: 300px;
        position: absolute;
    }

    .exp9{
        padding-left: 15px;
        margin-top: 14px;
        font-size: 11px;
        width: 100%;
        height: 200px;
        text-align: left;
        line-height: 15px;
        overflow: auto;
        direction: rtl;
    }

    .textExperto{
        font-size: 11px;
        text-align: left;
        line-height: 15px;
    }

    .contFuente{
        display: inline-block;
    }

    .fuente{
        width: 100%;
        margin-left: 15px;
    }

    .aumentar{
         width: 100%;
        margin-left: 15px;
    }

    .conte{
        width: 100%;
        display: inline-block;
    }

    .conte p{
        width: 100%;
        padding-left: 10px;
    }

    .unoRedes{
        display: none;
    }

    .contnot{
        display: inline-block;
    }
    .notA{
        width: 100%;
    }

    .notB{
        display: block;
        width: 100%;
        padding-right: 10px;
    }

    .notRelacionada{
        display: inline-block;
    }

    .noticaRel{
        padding: 10px;
    }

    .leerRel{
        text-align: right;
    }

    .uno{
        display: inline-block;
        padding-left: 28px;
        /*margin-bottom: 10px;*/
        padding-top: 9px;
        padding-right: 0px;
    }

    .dos{
        display: inline-block;
    padding-right: 130px;
    /* font-size: 40px; */
    margin-bottom: 10px;
    padding-left: 24px;
    margin-top: 10px;

    }

    .uno_uno{
        display: none;
    }

    .contcont{
        height: auto;
    }

    .drop{
        display: none;
        position: relative;
        height: auto;
        top: 10px;
        left: 0;
    }

    /*.servicios:hover .drop{
        display: block;
        position: relative;
        height: auto;
        padding-top: 10px;
        left: 0;

    }*/

    .subBtn{
        height: auto;
        padding-bottom: 10px;
    }

    .tituloDatos{
        font-size: 25px;
        padding-bottom: 0px;
    }

    .leerGrupo{
        width: 100%;

    }

    .leerGrupo img{
        width: 20px;
    }

    .tag{
       width:  100%;
       height: auto;
    }

    #agosto{
        font-size: 15px;
        padding-bottom: 10px;
    }

    .introduccion{
        font-size: 14px;
        display: none;
    }

    .contInformacionRev{
        width: 100%;
    }


    .infoNosotrosA{
        width: 100%;
    }

    /* MENU */
    .icomenu  {
        width: auto;
        height: auto;
        position: absolute;
        top: 24px;
        right: 22px;
        z-index: 5;

        cursor: pointer;
        display: inherit;
        /*border: 0px solid #FF0000;*/
    }

    .logo-resposive{
        width: 250px;
        margin-top: 13px;
        margin-left: 10px;
        display: inherit;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
    }

    .logo-resposive img{
        width: 100%;
        height: auto;
    }

    .logo{
        display: none;
    }

    .openmenu{
        display: none;
    }

    .contMenu{
        width: 100%;
        height: 100vh;
        padding: 90px 0px 0px 0px;
        margin-top: 0;
        float: inherit;
        position: fixed;
        z-index: 4;
        display: none;
        background-color: #FFFFFF;
    }

    .btnMenu{
        width: 100%;
        height: auto;
        padding: 15px 0px 15px 21px;
        text-align: left;
        color: #8338eb;
    }

    .btnMenu.active::after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        right: 0;
        height: 3px;
        width: 100%;
        background: #662c91;
    }

    .btnMenu:hover{
        background: none;
        color: #8338eb;
    }

    .btnMenu:before{
        display: none;
    }
    /* END MENU */


    /* NOSOTROS */
    .tituloCuadro{
        text-align: center;
        width: 100%;
        padding-bottom: 0px;
        padding-top: 0px;
        font-size: 33px;
        /*padding-left: 10px;*/
        padding-right: 10px;
    }

    .tituloNot{
        padding-left: 10px;
    }

    .contNosotros{
        display: inline-grid;
    }

    .nosotrosA{
        width: 100%;
        /*text-align: center;*/
        padding-left: 0px;
        padding-right: 0px;
       
    }

    .textQuienes{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 30px;
    }

    .tituloSeg{
        font-size: 25px;
        padding-top: 20px;

    }

    .nosotrosB{
        width: 100%;
        height: 390px;
    }

    .contenidoExp{
        height: auto;
    }

    .contVentajas{
        margin-top: 0px;
        /*padding-left: 20px;*/
    }

    .subVentajas{
        font-size: 14px;
    }

    .subVentajas img{
        width: 40px;
    }

    .tituloVen{
        font-size: 30px;
    }

    .contInformacion{
        display: inline-grid;
        margin-top: 0px;
        margin-top: 117px;
    }

    .contVal{
        width: 100%;
        margin-left: 0px;
    }

    .bannerBenef{
        width: 100%;
        height: 20vh;
    }

    .contBen{
        width: 76%;
        font-size: 20px;
        top: 40px;
        left: 20px;
        text-align: left;
    }

    /* HEADER */
    .tituloBanner{
        width: 60%;
        height: 200px;
        top: 50%;
    }
    .conthomeGeneral{
        margin-top: 0px;
    }
    .slick-dots {
        bottom: 0px!important;
    }
    .contValor{
        height: auto;
    }

    .linea{
        margin-right: 10px;
        /*margin-left: 10px;*/
        width: 95%;
        margin-top: 0px;
    }

    .valorA{
        width: 100%;
    }

    .valorB{
        display: none;
    }

    .tituloMapa{
        text-align: left;
        padding-left: 30px;
        font-size:
    }

    .contenidoMapa{
        font-size: 15px;
    }

    .subValor{
        text-align: left;
        width: 100%;
        padding-left: 30px;
        font-size: 18px;
    }

    .conoce{
        top: 0px;
        left: 0px;
        font-size: 10px;
    }

   

    .conteHome{
        display: inline-grid;
    }

    .homeA{
        width: 100%;
    }

    .continfo{
        width: 100%;
    }

    .contenido{
        display: inline-flex;
        padding-bottom: 0px;
        width: 100%;
    }

    .homeB{
        width: 100%;
        display: inline-grid;

    }
    /* END HEADER */


    /* beneficios */
    .txtBeneficios{
        text-align: left;
        padding-right: 10px;

    }

    /* ISO */

    .isoTitulo{
        padding-left: 20px;
        font-size: 18px;
    }

    .soborno{
        padding-top: 50px;
        text-align: left;
        font-size: 16px;
    }

    .contBenB{
        width: 100%;
        left: 0px;
        top: -50px;
        font-size: 15px;
    }

    .subtituloCon{
        font-size: 16px;
    }

    .nosotrosA{
        padding-top: 0px;
    }

    /* contacto */


    .nosotrosAresp{
        padding-left: 10px;
        padding-right: 10px;
    }

    .sltTipos{
        width: 100%;
    }

    .txtName{
        width: 100%;
    }

    .contEnviar{
        display: inline-grid;
    }

    .datosObligatorios{
        width: 75%;
        text-align: center;
    }

    .datosButton{
        width: 75%;
        text-align: center;
    }

    .nosotrosAcontacto{
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

    .direccion{
        width: 100%;
    }

    .imgDir img{
        width: 30px;
    }

    .contDireccion{
        width: 100%;
        padding-left: 0px;
        padding-top: 50px;
    }

    .imgDir{
        padding-left: 0px;
    }

    .introduccionDir{
        font-size: 15px;
    }

    /* footer */
    .contFooter{
        display: inline-grid;
        height: auto;
    }

    .contLogo{
        width: 100%;
        margin: 0 auto;
    }

    .contRedes{
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        text-align: center;
    }

    .contResp1{
        display: none;
    }

    .contResp2{
        display: block;
        line-height: 21px;
    }

    .marcaResp1{
        display: none;
    }

    .marcaResp2{
        display: block;
        padding-left: 0px;
        padding-top: 20px;
        font-size: 18px;
    }

    .contLogoExp{
        font-size: 14.3px;
	    width: 67%;
	    /* border: 1px solid; */
	    top: -14px;
	    left: 29%;
	    position: relative;
    }

    /* oferta de valor */
    .textoValor{
        display: none;
    }

    .contCirculo{
        padding-left: 0px;

    }

    .contCirculos{
        left: -30px;
    }

    .circuloUno{
        width: 180px;
        height: 180px;
        left: 117px;
        top: 21px;
    }

    .circuloUno .textoUno{
        /*padding-left: 0px;*/
        font-size: 20px;
        padding-left: 28px;
    }

    .imgesCirculo{
        padding-left: 72px;
    }

    .contCirculos2{
        margin-top: 0px;
        position: relative;
        left: 0px;
    }

    .circuloDos{
        width: 180px;
        height: 180px;
    }

    .circuloDos .textoDos{
        font-size: 20px;
        /*padding-left: 0px;*/
    }

    .circuloTres{
        width: 180px;
        height: 180px;
    }

    .circuloTres .textoTres{
        font-size: 20px;
    }

    .tec{
        position: relative;
        left: 0px;
    }

    .recta{
        position: relative;
        left: 0px;
    }

    .cuadroMapa{
        height: auto;
        margin-bottom: 0px;
        width: 80%;
    }

    .imgValor{
        padding: 20px;
        margin-top: 0px;
        /*background-image: url("../images/banner/bandera.png");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;*/
    }

    .fechaHome{
        height: auto;
        font-size: 15px;
    }

    .contImagen{
        width: 50%;
        height: auto;
    }

    .leer{
        text-align: left;
        font-size: 15px;
        /*padding-left: 20px;*/
    }

    .tituloSlider{
        position: absolute;
        font-size: 14px;
        left: 5px;
        top: 5px;
        color: #FFFFFF;
        font-family: "Montserrat-SemiBold";
        width: 100%;
        height: auto;
        text-align: left;
        /* line-height: 1.3; */
    }

    .contBanner {
        font-family: "Montserrat-Light";
        top: 69px;
        font-size: 13px;
        position: absolute;
        width: 100%;
        text-align: left;
        left: 0px;
        line-height: 1.3;
        border-left: 6px solid #37aafd;
        padding-left: 10px;
        padding-right: 0px;
    }
    
   

    .topBanner2{
        top: 50px;
    }

    .topBanner3{
        top: 75px;
    }

    .topBanner4{
        top: 75px;
    }

    .interno{
        width: 100%;
        padding-right: 10px;
        padding-left: 31px;
    }

    .expertoUno{
        display: inline-flex;
        height: 289px;
    }

    .expertoDos{
        display: inline-flex;
        height: 287px;
    }


    .imgExpertos{
        width: 219px;

    }
    .expUnoB {
        top: 21px;
        right: 0px;
        /* border: 1px solid #FF0000; */
    }
    .experto{
        margin-top: 0px;
    }

    .tituloExperto{
        font-size: 20px;
        padding-bottom: 0px;
    }

    /*.contExperto{
        font-size: 10px;
       line-height: 20px;
    }*/

    .contenedorCirculos{
        margin: 0 auto;
        padding-top: 0px;
    }

    .valortitulo{
        font-size: 30px;
    }

    .rectangulo{
        height: auto;
    }

    .grupo{
        display: inline-block;
    }

    .cuadro{
        width: 100%;
    }

    .listaCuadro{
        padding-left: 24px;
    }

    .ExpertoA{
        padding-right: 0px;
        width: 50%;
        color: #FFFFFF;
        /* padding-right: 60px; */
        padding-top: 5px;
        padding-left: 0px;

    }

    .experesp9{
        top: -67px;
        left: -63px;
        width: 270px;
    }

    .guia{
        padding-left: 10px;
    }

    .subtituloNot{
        margin-left: 10px;
    }

    .exp10{
        padding-left: 15px;
        padding-top: 30px;
    }

    .exp11{
        padding-left: 0px;
        padding-top: 0px;
        direction: ltr;
        /*width: 157px;*/
    }

    .exp99{
        left: -66px;
        top: -39px;
        width: 270px;

    }
     .scrol::-webkit-scrollbar
    {
        width: 6px;
        background-color: #F5F5F5;
          border-radius: 10px;
    }
    .scrol::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }
    .scrol::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #555;
    }

 #michelle{width: 220px;
        top: -45px;
}
}

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

   
    /* imagenes beneficios */
    .imagen1{
        padding-top: 15px;
    }

    .imagen2{
        padding-top: 35px;
    }

    .imagen3{
        padding-top: 80px;
    }
    /* imagenes beneficios*/



    /* text experto */
    .textUno{
      margin-top: 5px;
    overflow: auto;
    direction: ltr;
    width: 100%;
    height: 258px;
    }

    .textDos{
        margin-top: 20px;
        overflow: auto;
        direction: rtl;
        width: 100%;
        height: 200px;
        padding-left: 15px;
    }

    .textTres{
        margin-top: 30px;
        overflow: auto;
       direction: ltr;
        width: 100%;
        height: 200px;

        padding-left: 10px;
    }

    .textCinco{
         margin-top: 30px;
        overflow: auto;
        direction: rtl;
        width: 100%;
        height: 200px;
        padding-left: 21px;
    }



    .textSiete{
          margin-top: 10px;
        overflow: auto;
        direction: ltr;
        width: 100%;
        height: 200px;
    	width: 97%;
    }

    .textOcho{
        margin-top: 38px;
        margin-left:5px;
        overflow: auto;
        direction: rtl;
        width: 100%;
        height: 200px;
    	width: 97%;
    	padding-left: 21px;
    }

    .textNueve{
        padding-top: 30px;
        padding-left: 20px;
    }

    /* text experto */

    .espacioNos{
        padding-top: 0px;
    }

    .textExpertos{
        text-align: left;
        font-size: 18px;
    }

    .textSomos{
        text-align: left;
    }

    .proposito{
        padding-left: 0px;
    }

    .contQuien{
        display: inline-block;
        padding-top: 0px;
    }

    .quien {
        width: 20%;
        /* border: 1px solid red; */
        display: inline-block;
        width: 100%;
    }

    .determinacion{
        padding-left: 0px;
    }

    .ExpertoB{
        width: 47%;
    }

    .imgresposive{
        display: block;
    }

    .imgnormal{
        display: none;
    }

    .expDos{
        width: 217px;
        top: 19px;
        bottom: 0px;
        right: 30px;
        border: 0px;
        right: -1px;
    }
 .expDosE{
        width: 200px;
        top: -27px;
        bottom: 0px;

        right: 0px;
        border: 0px;
        right: 0px;
    }
    .expUno{
        top: -40px;
        left: -55px;
    }

    .expSergio{
        width: 200px;
        top: -56px;
        bottom: 0px;
        right: 0px;
        border: 0px;
        right: 0px;
    }


    .hijoExperto{
        width: 100%;
        height: 300px;
        position: absolute;
    }

    .exp9{
        padding-left: 15px;
        margin-top: 14px;
        font-size: 11px;
        width: 100%;
        height: 200px;
        text-align: left;
        line-height: 15px;
        overflow: auto;
        direction: rtl;
    }

    .textExperto{
        font-size: 11px;
        text-align: left;
        line-height: 15px;
    }

    .contFuente{
        display: inline-block;
    }

    .fuente{
        width: 100%;
        margin-left: 15px;
    }

    .aumentar{
         width: 100%;
        margin-left: 15px;
    }

    .conte{
        width: 100%;
        display: inline-block;
    }

    .conte p{
        width: 100%;
        padding-left: 10px;
    }

    .unoRedes{
        display: none;
    }

    .contnot{
        display: inline-block;
    }
    .notA{
        width: 100%;
    }

    .notB{
        display: block;
        width: 100%;
        padding-right: 10px;
    }

    .notRelacionada{
        display: inline-block;
    }

    .noticaRel{
        padding: 10px;
    }

    .leerRel{
        text-align: right;
    }

    .uno{
        display: inline-block;
        padding-left:69px;
        /*margin-bottom: 10px;*/
        padding-top: 9px;
        padding-right: 20px;
    }

    .dos{
        display: inline-block;
    padding-right: 130px;
    /* font-size: 40px; */
    margin-bottom: 10px;
    padding-left: 24px;
    margin-top: 10px;

    }

    .uno_uno{
        display: none;
    }

    .contcont{
        height: auto;
    }

    .drop{
        display: none;
        position: relative;
        height: auto;
        top: 10px;
        left: 0;
    }

    /*.servicios:hover .drop{
        display: block;
        position: relative;
        height: auto;
        padding-top: 10px;
        left: 0;

    }*/

    .subBtn{
        height: auto;
        padding-bottom: 10px;
    }

    .tituloDatos{
        font-size: 25px;
        padding-bottom: 0px;
    }

    .leerGrupo{
        width: 100%;

    }

    .leerGrupo img{
        width: 20px;
    }

    .tag{
       width:  100%;
       height: auto;
    }

    #agosto{
        font-size: 15px;
        padding-bottom: 10px;
    }

    .introduccion{
        font-size: 14px;
        display: none;
    }

    .contInformacionRev{
        width: 100%;
    }


    .infoNosotrosA{
        width: 100%;
    }

    /* MENU */
    .icomenu  {
        width: auto;
        height: auto;
        position: absolute;
        top: 24px;
        right: 22px;
        z-index: 5;

        cursor: pointer;
        display: inherit;
        /*border: 0px solid #FF0000;*/
    }

    .logo-resposive{
        width: 250px;
        margin-top: 13px;
        margin-left: 10px;
        display: inherit;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 5;
    }

    .logo-resposive img{
        width: 100%;
        height: auto;
    }

    .logo{
        display: none;
    }

    .openmenu{
        display: none;
    }

    .contMenu{
        width: 100%;
        height: 100vh;
        padding: 90px 0px 0px 0px;
        margin-top: 0;
        float: inherit;
        position: fixed;
        z-index: 4;
        display: none;
        background-color: #FFFFFF;
    }

    .btnMenu{
        width: 100%;
        height: auto;
        padding: 15px 0px 15px 21px;
        text-align: left;
        color: #8338eb;
    }

    .btnMenu.active::after {
        content: "";
        position: absolute;
        bottom: -4px;
        left: 0;
        right: 0;
        height: 3px;
        width: 100%;
        background: #662c91;
    }

    .btnMenu:hover{
        background: none;
        color: #8338eb;
    }

    .btnMenu:before{
        display: none;
    }
    /* END MENU */


    /* NOSOTROS */
    .tituloCuadro{
        text-align: center;
        width: 100%;
        padding-bottom: 0px;
        padding-top: 0px;
        font-size: 33px;
        /*padding-left: 10px;*/
        padding-right: 10px;
    }

    .tituloNot{
        padding-left: 10px;
    }

    .contNosotros{
        display: inline-grid;
    }

    .nosotrosA{
        width: 100%;
        /*text-align: center;*/
        padding-left: 0px;
        padding-right: 0px;
    }

    .textQuienes{
        padding-left: 20px;
        padding-right: 20px;
    }

    .tituloSeg{
        font-size: 25px;
        padding-top: 20px;

    }

    .nosotrosB{
        width: 100%;
        height: 390px;
    }

    .contenidoExp{
        height: auto;
    }

    .contVentajas{
        margin-top: 50px;
        /*padding-left: 20px;*/
    }

    .subVentajas{
        font-size: 14px;
    }

    .subVentajas img{
        width: 40px;
    }

    .tituloVen{
        font-size: 30px;
    }

    .contInformacion{
        display: inline-grid;
        margin-top: 0px;
    }

    .contVal{
        width: 100%;
        margin-left: 0px;
    }

    .bannerBenef{
        width: 100%;
        height: 20vh;
    }

    .contBen{
        width: 76%;
        font-size: 20px;
        top: 40px;
        left: 20px;
        text-align: left;
    }

    /* HEADER */
    .tituloBanner{
        left: 0px;
        z-index: 1;
        width: 100%;
        height: 500px;
        top:0px;
        position: relative;
        display: inline-block;
        box-sizing: border-box;

        /*width: 500px;
    height: 400px;
    background:  rgba(131, 56, 235, .8);
    top: -30px;
    left: 150px;
    position: relative;*/
    }

    .contValor{
        height: auto;
    }

    .linea{
        margin-right: 10px;
        /*margin-left: 10px;*/
        width: 95%;
        margin-top: 0px;
    }

    .valorA{
        width: 100%;
    }

    .valorB{
        display: none;
    }

    .tituloMapa{
        text-align: left;
        padding-left: 30px;
        font-size:
    }

    .contenidoMapa{
        font-size: 15px;
    }

    .subValor{
        text-align: left;
        width: 100%;
        padding-left: 30px;
        font-size: 18px;
    }

    .conoce{
        text-align: center;
        top: 0px;
        left: 0px;
        position: relative;
        font-size: 10px;
    }

   
    .conteHome{
        display: inline-grid;
    }

    .homeA{
        width: 100%;
    }

    .continfo{
        width: 100%;
    }

    .contenido{
        display: inline-flex;
        padding-bottom: 0px;
        width: 100%;
    }

    .homeB{
        width: 100%;
        display: inline-grid;

    }
    /* END HEADER */


    /* beneficios */
    .txtBeneficios{
        text-align: left;
        padding-right: 10px;

    }

    /* ISO */

    .isoTitulo{
        padding-left: 20px;
        font-size: 18px;
    }

    .soborno{
        padding-top: 50px;
        text-align: left;
        font-size: 16px;
    }

    .contBenB{
        width: 100%;
        left: 0px;
        top: -50px;
        font-size: 15px;
    }

    .subtituloCon{
        font-size: 16px;
    }

    .nosotrosA{
        padding-top: 0px;
    }

    /* contacto */


    .nosotrosAresp{
        padding-left: 10px;
        padding-right: 10px;
    }

    .sltTipos{
        width: 100%;
    }

    .txtName{
        width: 100%;
    }

    .contEnviar{
        display: inline-grid;
    }

    .datosObligatorios{
        width: 75%;
        text-align: center;
    }

    .datosButton{
        width: 75%;
        text-align: center;
    }

    .nosotrosAcontacto{
        padding: 0px;
        margin: 0px;
        width: 100%;
    }

    .direccion{
        width: 100%;
    }

    .imgDir img{
        width: 30px;
    }

    .contDireccion{
        width: 100%;
        padding-left: 0px;
        padding-top: 0px;
    }

    .imgDir{
        padding-left: 0px;
    }

    .introduccionDir{
        font-size: 15px;
    }

    /* footer */
    .contFooter{
        display: inline-grid;
        height: auto;
    }

    .contLogo{
        width: 100%;
        margin: 0 auto;
    }

    .contRedes{
        width: 100%;
        margin: 0 auto;
        padding: 10px;
        text-align: center;
    }

    .contResp1{
        display: none;
    }

    .contResp2{
        display: block;
        line-height: 21px;
    }

    .marcaResp1{
        display: none;
    }

    .marcaResp2{
        display: block;
        padding-left: 0px;
        padding-top: 20px;
        font-size: 18px;
    }

    .contLogoExp{
        font-size: 14.3px;
	    width: 67%;
	    /* border: 1px solid; */
	    top: -14px;
	    left: 29%;
	    position: relative;
    }

    /* oferta de valor */
    .textoValor{
        display: none;
    }

    .contCirculo{
        padding-left: 0px;

    }

    .contCirculos{
        left: -30px;
    }

    .circuloUno{
        width: 180px;
        height: 180px;
        left: 117px;
        top: 21px;
    }

    .circuloUno .textoUno{
        /*padding-left: 0px;*/
        font-size: 20px;
        padding-left: 28px;
    }

    .imgesCirculo{
        padding-left: 72px;
    }

    .contCirculos2{
        margin-top: 0px;
        position: relative;
        left: 0px;
    }

    .circuloDos{
        width: 180px;
        height: 180px;
    }

    .circuloDos .textoDos{
        font-size: 20px;
        /*padding-left: 0px;*/
    }

    .circuloTres{
        width: 180px;
        height: 180px;
    }

    .circuloTres .textoTres{
        font-size: 20px;
    }

    .tec{
        position: relative;
        left: 0px;
    }

    .recta{
        position: relative;
        left: -40px;
    }

    .cuadroMapa{
        height: auto;
        margin-bottom: 0px;
        width: 80%;
    }

    .imgValor{
        padding: 20px;
        margin-top: 0px;
        /*background-image: url("../images/banner/bandera.png");
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain;*/
    }

    .fechaHome{
        height: auto;
        font-size: 15px;
    }

    .contImagen{
        width: 50%;
        height: auto;
    }

    .leer{
        text-align: left;
        font-size: 15px;
        /*padding-left: 20px;*/
    }

    .tituloSlider{
        position: absolute;
        font-size: 14px;
        left: 5px;
        top: 5px;
        color: #FFFFFF;
        font-family: "Montserrat-SemiBold";
        width: 100%;
        height: auto;
        text-align: left;
        /* line-height: 1.3; */
    }

    .contBanner {
        font-family: "Montserrat-Light";
        top: 200px;
        font-size: 13px;
        position: absolute;
        width: 100%;
        text-align: left;
        left: 0px;
        line-height: 1.3;
        border-left: 6px solid #37aafd;
        padding-left: 10px;
    }

    .topBanner{
        top: 60px;
    }

    .topBanner2{
        top: 50px;
    }

    .topBanner3{
        top: 75px;
    }

    .topBanner4{
        top: 75px;
    }

    .interno{
        width: 100%;
        padding-right: 10px;
        padding-left: 31px;
    }

    .expertoUno{
        display: inline-flex;
        height: 289px;
    }

    .expertoDos{
        display: inline-flex;
        height: 287px;
    }


    .imgExpertos{
        width: 271px;

    }

    .experto{
        margin-top: 0px;
    }

    .tituloExperto{
        font-size: 20px;
        padding-bottom: 0px;
    }

    /*.contExperto{
        font-size: 10px;
       line-height: 20px;
    }*/

    .contenedorCirculos{
        margin: 0 auto;
        padding-top: 0px;
    }

    .valortitulo{
        font-size: 30px;
    }

    .rectangulo{
        height: auto;
    }

    .grupo{
        display: inline-block;
    }

    .cuadro{
        width: 100%;
    }

    .listaCuadro{
        padding-left: 24px;
    }

    .ExpertoA{
        padding-right: 0px;
        width: 50%;
        color: #FFFFFF;
        /* padding-right: 60px; */
        padding-top: 5px;
        padding-left: 0px;

    }

    .experesp9{
        top: -67px;
        left: -63px;
        width: 270px;
    }

    .guia{
        padding-left: 10px;
    }

    .subtituloNot{
        margin-left: 10px;
    }

    .exp10{
        padding-left: 15px;
        padding-top: 30px;
    }

    .exp11{
        padding-left: 0px;
        padding-top: 0px;
        direction: ltr;
        /*width: 157px;*/
    }

    .exp99{
        left: -66px;
        top: -39px;
        width: 270px;

    }
     .scrol::-webkit-scrollbar
    {
        width: 6px;
        background-color: #F5F5F5;
          border-radius: 10px;
    }
    .scrol::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
        background-color: #F5F5F5;
    }
    .scrol::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #555;
    }
     #michelle{width: 220px;
        top: -45px;
}


}
@media only screen and (max-width: 320px) {
    .recta {
        position: relative;
        left: 0px;
        top: -19px;
    }
    .txtcontCirculo {
      
        font-size: 10px;
      
    }
    .slick-prev {
        
        left: 3px !important;
    }
    .slick-next {
      
        right: 3px !important;
    }
    .expUnoB {
    top: 94px;
    right: 0px;
    /* border: 1px solid #FF0000; */
}
.tituloSlider {
    position: initial;
   
}
.contBanner {
  
    position: initial;
   
}
    .tituloBanner {
        left: 50%;
        height: auto;
        top: 50%;
        width: 60%;
    }
    .contBanner {
        
        top: 100px;
        
    }
    .expUnoB {
        top: 93px;
        right: 0px;
        /* border: 1px solid #FF0000; */
    }
 .expUno {
    top: 11px;
    left: -31px;
}
.uno {
    display: inline-block;
    padding-left: 0px;
    /* margin-bottom: 10px; */
    padding-top: 9px;
    padding-right: 0px;
}
.imgExpertos {
    width: 162px;
}
#michelle{
        width: 159px;
        top: 19px;
}
.expDosE {
    width: 167px;
    top: -18px;
    bottom: 0px;
    right: 0px;
    border: 0px;
    right: 0px;
}
.listaCuadro {
   
    text-align: center;
}
.textoCuadroValor img {
    margin-left: 0px;
}
.tec p {
   
    top: 32px;
    font-size: 10px;
  
}
.txtcontCirculo-col2 img {
  
    top: 35px;
  
}
.txtcontCirculo-col3 img {
   
    top: 51px;
 
}
.txtcontCirculo-col1 {
    
    top: 31%;
   
}
.txtcontCirculo-col2 {
    
    top: 63%;
   
}
.txtcontCirculo-col3 {

    top: 65%;
    left: 85%;
   
}
.rectaControl{
    left: 34px;
    top: -21px;
}
}