@media (max-width: 768px){
    
    #menu-menu_principal .menu-item ul li a{ color: #e0b13b !important;}
    #menu-menu_principal .menu-item{ text-align: center;}

    .texto_movil{ display: block;}
    .texto_slider{ display: none;}
    .titulo_slider{ display: none;}
    .contenido_mapa{
    position: relative;
    z-index: 100;
    text-align: center;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    margin: 0 auto;
    margin-bottom: 30px;}

    .bloc-head{ padding: 15px 0;}
    .contenido_mapa h1{ font-size: 40px;}

    .bloc-head svg{ opacity:1 !important;}

    .fixed .logo_principal_c img {
        width: 80px;}

    .menu-menu_principal-container{
        float: none;
        margin-bottom: 20px;
      }
    
    
    .acf-taxonomy-field .categorychecklist-holder {
        overflow: visible !important;
        margin-top: 16px;
    }
    
    ul.acf-radio-list li, ul.acf-checkbox-list li {
        border: solid 1px transparent;
    }

}

@media (max-width: 990px){
    .pad_resp{ padding: 5px 10px !important;}
    .imagen_1{ width: 100%; height: 260px;}
    .imagen_2{ width: 100%; height: 260px;}
    .imagen_3{ width: 100%; height: 260px;}
    .imagen_4{ width: 100%; }
    .imagen_5{ width: 100%; height: 260px;}
    .imagen_6{ width: 100%; height: 260px;}
    .imagen_7{ width: 100%; height: 260px;}

    .boton_select{ margin-top: 20px; margin-bottom: 20px;}
    .captions_hover {
        margin-bottom: 0px;}

    .contenido_botones_select{ padding: 10px;}

    .boton_info_1{ height: 260px;}
    .boton_info_2{ height: 260px;}

}

@media (max-width: 1300px){

    .banderas {
        position: absolute;
        right: 25px;}

    .ham{ display: block;}
}


/*====================================================
/// RESPONSIVE
----------------------------------------------------*/

/*=====================================
/// MAYOR A 320px y MENOR A 480px
--------------------------------------*/

@media screen and ( max-width: 30em ) and ( min-width: 20em ) {
    .logo_principal_c img {
    width: 70px !important;
    top: -5px;
    float: left;
   }


  .logo_principal_c span {
    width: 200px !important;
    left: -25px !important;
    font-size: 13px !important;
    padding-left: 30px;
    line-height: 14px !important;
    top: -5px !important;
  }

  .fixed .logo_principal_c img {
        width: 80px;
    }

    .graficos-analisis .grafico {
        height: 200px;
        width: 100% !important;
        float: left;
        margin-bottom: 30px;
    }

    .datos-analisis .grafico-barras {
        height: 190px;
        width: 100% !important;
        float: left;
        overflow: hidden;
        margin-bottom: 30px;
    }

    #slider-graficos{
        width: 300px !important;
        max-width: 300px;
        min-height: 1430px;
    }

    #slider-graficos ul{
        height: 800px !important;
    }

    #slider-graficos ul li{
        width: 300px;
        max-width: 300px;
        min-height: 1430px
    }

    .graficos-home .btn-red, .graficos-home .btn-blue{
        line-height: 20px;
        padding: 5px !important;
    }

    #slider-graficos ul li .container{
        padding: 0;
    }

    #slider-graficos ul li .container .padding-5 {
        padding-left: 0;
    }

    #slider-graficos a.control_next {
        right: -10px !important;
    }

    #slider-graficos a.control_prev {
        left: -10px !important;
    }

    .usuario .gravatar-autor img{
        left: 0;
    }

    .board-inner .nav-tabs > li {
        width: 100%;
    }

    .board-inner .nav-tabs > li:after{
        display: none;
    }

    .descargar-archivo .descargar_1{
        display: block;
    }

    .descargar-archivo .descargar_1 em{
        display: block;
    }

     .plataforma-colaborador .item {
        margin: 40px 0 !important;
    }

    .intro-plataforma .btn{
        word-wrap: break-word;
        white-space: normal;
        line-height: 24px;
        font-size: 18px !important;
        padding: 8px 12px !important;
    }

     .contenido-plataforma .ProTitulo {
        min-height: auto !important;
    }

}

/*=====================================
/// MAYOR A 480px y MENOR A 640px
--------------------------------------*/

@media screen and ( max-width: 40em ) and ( min-width: 30em ) {
    .logo_principal_c img {
    width: 70px !important;
    top: -5px;
    float: left;
   }


  .logo_principal_c span {
    width: 305px !important;
    left: -25px !important;
    font-size: 14px !important;
    padding-left: 30px;
    line-height: 14px !important;
    top: 2px !important;
  }

  .fixed .logo_principal_c img {
        width: 80px;
    }

    .graficos-analisis .grafico {
        height: 200px;
        width: 50% !important;
        float: left;
        margin-bottom: 30px;
    }

    .datos-analisis .grafico-barras {
        height: 195px;
        width: 50% !important;
        float: left;
        overflow: hidden;
        margin-bottom: 30px;
    }

    #slider-graficos{
        width: 300px !important;
        max-width: 300px;
        min-height: 1430px;
    }

    #slider-graficos ul{
        height: 800px !important;
    }

    #slider-graficos ul li{
        width: 300px;
        max-width: 300px;
        min-height: 1430px
    }

    .graficos-home .btn-red, .graficos-home .btn-blue{
        line-height: 20px;
        padding: 5px !important;
    }

    #slider-graficos ul li .container{
        padding: 0;
    }

    #slider-graficos ul li .container .padding-5 {
        padding-left: 0;
    }

    #slider-graficos a.control_next {
        right: -10px !important;
    }

    #slider-graficos a.control_prev {
        left: -10px !important;
    }

    .usuario .gravatar-autor img{
        left: 0;
    }

    .board-inner .nav-tabs > li {
        width: 100%;
    }

    .board-inner .nav-tabs > li:after{
        display: none;
    }

    .descargar-archivo .descargar_1{
        display: block;
    }

    .descargar-archivo .descargar_1 em{
        display: block;
    }

     .plataforma-colaborador .item {
        margin: 40px 0 !important;
    }

     .contenido-plataforma .ProTitulo {
        min-height: auto !important;
    }

}

/*=====================================
/// MAYOR A 320px y MENOR A 768px
--------------------------------------*/

@media screen and ( max-width: 48em ) and ( min-width: 20em ) { /* menor a 768px y mayor a 320px) */

  .logo_principal_c {
    width: 90%;
  }

  #fixed-top {
    display: block !important;
  }

  .menu{
    display: none;
  }

  #menu-footer{
    display: block;
    margin: 0;
    padding: 0;
  }

  .menu-movil{
    display:block !important;
  }

  .main-menu {
    float: left;
    width: 60%;
  }

  .menu-menu_principal-container{
    float: none;
    margin-bottom: 20px;
  }

  .lang-en, .lang-es{
    width: 45px !important;
  }

  .qtranxs_language_chooser span {
        font-size: 14px !important;
    }

  .entrada_1{
    float: left !important;
    left: 0px;
    position: absolute;
    top: 0px;
    margin-bottom: -40px !important;
  }

  .sociales{
    overflow: hidden;
    margin: 0 10px;
    margin-bottom: 20px;
    text-align: center;
  }

  .sociales a {
    line-height: 25px;
    margin: 0 5px;
    width: 35px;
    height: 35px;
    display: inline-block;
    z-index: 999999;
    position: relative;
    text-align: center;
    padding-top: 4px;
  }

  .sociales img{
    width: 30px;
    float: left;
    display: inline-block;
  }

  .para_mobile{
    display: none!important;
  }

  .imagen_4 {
    width: 100%;
    height: 250px;
  }

  .background-color-azul {
        background-color: #003045;
        overflow: hidden;
        margin-bottom: 50px;
    }

    .sobre-pladvo .text-align-left {
        padding: 20px 0px !important;
    }

    .numero{
        margin: auto !important;
        display: block !important;
        margin-bottom: 20px !important;
    }

    .form_footer {
        text-align: center;
        margin-top: 30px !important;
    }

    .caja-flotante{
        top: 50px !important;
    }

    .caja-flotante h2 {
        color: #DFAF3B;
        font-size: 20px !important;
    }


    .btn-form{
        display: block !important;
        margin: auto!important;
    }

    .boton-cafe {
        margin: 10px auto !important;
        display: inline-block !important;
        padding: 15px !important;
        min-width: auto !important;
        width: 100% !important;
        margin-bottom: 20px !important;
    }

    .registrarse {
        overflow: hidden;
        padding: 15px 8px !important;
    }

    .registrarse .div_text {
        margin: 15px 0 !important;
        padding: 0;
        padding-left: 10px;
    }

    .registrarse input[type='radio']:checked:after, .registrarse input[type='radio']:after{
        top: -2px !important;
        float: right;
        left: -10px !important;
        margin-right: -2px;
    }

    .registrarse .select_field1::after,
    .registrarse .select_field2::after,
    .registrarse .select_field3::after,
    .registrarse .select_field4::after,
    .registrarse .select_field5::after,
    .registrarse .select_field6::after,
    .registrarse .select_field7::after,
    .registrarse .select_field8::after,
    .registrarse .select_field9::after,
    .registrarse .select_field10::after,
    .registrarse .select_field11::after,
    .registrarse .select_field12::after {
        display: none !important;
    }


    .registrarse .select_field1::before,
    .registrarse .select_field2::before,
    .registrarse .select_field3::before,
    .registrarse .select_field4::before,
    .registrarse .select_field6::before,
    .registrarse .select_field7::before,
    .registrarse .select_field8::before,
    .registrarse .select_field10::before,
    .registrarse .select_field11::before,
    .registrarse .select_field12::before {
        content: "\025be";
        display: block !important;
        padding-top: 3px;
        text-align: center;
        position: relative !important;
        top: 68px !important;
        right: 5px !important;
        width: 30px;
        height: 38px;
        pointer-events: none;
        font-size: 40px !important;
        color: #072f45;
        float: right;
        margin-top: -53px;
        line-height: 20px;
        z-index: 9;
    }

    .registrarse .select_field5::before, .registrarse .select_field11::before{
        content: "\025be";
        display: block !important;
        padding-top: 3px;
        text-align: center;
        position: relative !important;
        top: 120px !important;
        right: 5px !important;
        width: 30px;
        height: 38px;
        pointer-events: none;
        font-size: 40px !important;
        color: #072f45;
        float: right;
        margin-top: -53px;
        line-height: 20px;
        z-index: 9;
    }

    .registrarse .select_field12::before, .registrarse .select_field8::before,.registrarse .select_field9::before{
        content: "\025be";
        display: block !important;
        padding-top: 3px;
        text-align: center;
        position: relative !important;
        top: 95px !important;
        right: 5px !important;
        width: 30px;
        height: 38px;
        pointer-events: none;
        font-size: 40px !important;
        color: #072f45;
        float: right;
        margin-top: -53px;
        line-height: 20px;
        z-index: 9;
    }

    .select_field11 {
        text-align: left;
        overflow: hidden;
        padding-top: 20px !important;
    }

    .label_field12 {
        text-align: left;
        margin-top: 10px;
    }

    .select_field12 {
        margin-top: 20px !important;
        text-align: left;
        overflow: hidden;
    }

    .select_field10 {
        margin-top: 15px !important;
        overflow: hidden;
    }

    .select_field2 {
        margin-bottom: 10px;
    }

    .select_field3{
        margin-bottom: 10px;
        overflow: hidden;
    }

    .num_field5 {
        margin-top: 15px !important;
    }

    .datos-generales, .no-miembro, .es-miembro {
        width: 100% !important;
        margin: auto 0;
    }

    .registrarse .select_field1 {
        width: 100% !important;
        min-width: 100%;
    }

    .registrarse .select_field1{
        overflow: hidden;
    }

    .registrarse .radio_field1, .registrarse .radio_field2{
        min-width: 50%;
    }

    #wpmem_reg .div_text, #wpmem_reg .div_textarea, #wpmem_reg .div_select, #wpmem_login .div_text, #wpmem_reg .div_checkbox {
        width: 100% !important;
        padding: 0;
    }

    .select_field2 {
        overflow: hidden;
    }

    .radio_field3{
        min-width: 90%;
        clear: both;
    }

    .label_field12, .label_field17{
        float: left !important;
        margin-left: 0 !important;
    }

    .label_field13{
        top: 0 !important;
        width: 50% !important;
        float: left !important;
        margin-left: 15px;
        margin-top: 10px;
        top: 60px !important;
        margin-bottom: 10px;
    }

    .select_field5 {
        margin-top: 0;
        position: relative;
        top: -40px;
        margin-bottom: 20px;
    }

    #staff_ficr{
        margin-bottom: 5px !important;
    }

    .num_field8 {
        padding-right: 15px !important;
    }

    .num_field9 {
        margin-bottom: 60px !important;
        margin-top: 9px !important;
        position: relative;
        top: 40px;
    }

    .select_field6{
        overflow: hidden;
    }

    .num_field10 {
        float: left;
        margin-top: 15px !important;
        position: relative;
        top: -20px;
    }

    .num_field7 {
        margin-top: 0px !important;
        margin-bottom: 15px !important;
        position: relative;
        top: 20px;
        overflow: hidden;
    }

    .select_field7 {
        width: 100% !important;
        min-width: 100%;
    }

    .select_field9 {
        clear: both;
        margin-bottom: 30px;
        margin-top: 10px;
        position: relative;
        top: 20px;
        overflow: hidden;
    }

    .registrarse .radio_field1 {
        width: 190px !important;
        min-width: 190px;
    }

    .login-page .button_div {
        width: 100% !important;
        text-align: center !important;
    }

    .login-page .buttons{
        min-width: 90% !important;
        display: inline-block !important;
        margin-left: -5px !important;
    }

    .contenido h2 {
        color: #003045;
        text-align: center;
    }

    .buscar-recursos label{
        margin-top: 20px;
    }

    .buscar{
        min-width: 100%;
        margin: 30px 0 !important;
    }

    .consideraciones-v-e{
        margin-bottom: 0;
    }

    .btn-reg-v-e{
        max-width: 50%;
        min-width: 90% !important;
        padding: 15px 0 !important;
        display: inline-block !important;
    }

    .buscador {
        padding: 20px 20px !important;
        margin: 0 !important;
    }

    .buscador .select2-container {
        margin-top: 0px;
        width: 100% !important;
        margin-bottom: 20px;
    }

    .btn-buscar{
        width: 100%;
        height: 50px !important;
        margin: auto;
        display: inline-block !important;
    }

    .btn-buscar button{
        margin: auto 0 !important;
        margin-bottom: 29px !important;
    }

    .oportunidad .background-color-azul{
        margin-bottom: 0 !important;
    }

    .responsabilidad .titulo-color-rojo{
        padding-top: 0;
        padding-bottom: 0;
    }

    .responsabilidad ul {
        padding: 20px 0 !important;
        list-style: none;
        padding-left: 0px !important;
    }

    .adicionales div.bhoechie-tab-content{
        padding-left: 0;
    }

    .adicionales .bhoechie-tab-container{
        padding: 0;
    }

    .adicionales .bhoechie-tab{
        padding: 0;
    }

    .boxtext{
        overflow: hidden;
        margin-bottom: 30px;
    }

    .formulario-voluntarios .wpcf7-form-control-wrap {
        position: relative;
        float: none !important;
        width: 100% !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .formulario-voluntarios .descripcion {
        width: 100% !important;
        margin: 0 !important;
    }

    .proyectos-financiar{
        padding: 0 15px;
    }

    .formulario-voluntarios .caja {
        float: none !important;
        width: 100% !important;
        margin: auto;
        overflow: hidden;
    }

    .formulario-voluntarios input[type=submit] {
        right: 0 !important;
        width: 47% !important;
        margin-right: 15px !important;
    }

    .formulario-voluntarios .btn, .formulario-voluntarios .wpcf7-submit {
        width: 47% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .formulario-voluntarios {
        margin-bottom: 0 !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
    }

    .content_analisis h1 {
        font-size: 24px !important;
    }

    .introduccion .text-hidden {
        height: 500px !important;
        margin-bottom: 20px;
    }

    .consideraciones .text-hidden {
        height: 340px !important;
        margin-bottom: 20px;
    }

    .btn-voluntariado {
        margin-right: 0px !important;
        float: none !important;
        margin-bottom: 20px;
    }

    .btn-juventud {
        margin-left: 0 !important;
        float: none !important;
    }

    .analisis-y-reportes .botonera {
        margin: 40px 0 !important;
        margin-bottom: 20px !important;
    }

    .info-general {
        padding: 20px 20px !important;
    }

    .info-general h1 {
        font-size: 24px !important;
        padding: 0 10px !important;
    }

    .etiquetas-graficos label {
        margin: 0 5px !important;
    }

    .analisis-y-reportes .btn-red, .analisis-y-reportes .btn-blue{
        width: 100%;
        padding: 8px 15px !important;
    }

    .graficos-info-gnral .text-center{
        margin: 0 15px;
    }

    .consideraciones{
        padding: 40px 10px !important;
    }

    .consideraciones .content_analisis p.parrafo2{
        display: none;
    }

    .donde-trabajamos .paises ul {
        display: block !important;
        text-align: left;
    }

    .donde-trabajamos .paises li{
        margin: 10px 0;
        background-color: #e1b13b;
        color: #fff;
        font-size: 20px;
        padding: 8px 50px;
        width: 300px;
        border-radius: 6px;
        text-align: center;
    }

    .donde-trabajamos .paises li a{
        color: #fff !important;
    }

    .graficos img{
        display: none;
    }

    .boton-play{
        width: 100px !important;
        top: 30%;
        max-width: 25%;
    }

    .es-remunerado{
        padding-top: 20px !important;
    }

    .intro-financia{
        height: auto !important;
    }

    .lista-proyectos{
        padding: 0 !important;
    }

    .objetivos .dato{
        margin-bottom: 30px;
    }

    .descripcion-donacion {
        padding: 10px 30px !important;
    }

    .objetivos, .beneficiarios {
        padding: 20px 15px !important;
    }

    .objetivos{
        margin-bottom: 0 !important
    }

    .objetivos li{
        margin-bottom: 20px !important;
    }

    .objetivos ul{
        margin: 0;
        padding: 0;
    }

    .objetivos h2{
        margin-bottom: 30px;
    }

    .wpcf7-recaptcha{
        margin-bottom: 30px;
    }

    .formulario-voluntarios .captcha{
        width: 100% !important;
    }

    .formulario-voluntarios .captcha label{
        left: 65px !important;
    }

    .info_central{
        padding: 40px 20px;
    }

    .info_central p{
        margin-bottom: 30px;
    }

    .plataforma-colaborador h2{
        text-align: center;
    }

    .usuario{
        display: none;
    }

    .is-movil{
        display: block !important;
        position: relative !important;
        width: 100%;
        overflow: hidden;
        left: 0 !important;
        padding: 10px;
        top: 60px;
        margin-bottom: 40px;
    }

    .usuario .gravatar-autor img{
        left: 0 !important;
    }

    .intro-desarrollo{
        padding: 40px 20px !important;
        margin-bottom: 0;
    }

    .intro-plataforma {
        padding: 30px !important;
        margin-bottom: 0;
    }

    .plataforma-colaborador .item:first-child{
        margin-top: 0 !important;
    }

    .plataforma-colaborador{
        margin-top: 0;
    }

    .jplist-panel {
        display: block !important;
    }

    .editar-proyecto {
      margin: 20px !important;
      padding: 20px !important;
    }

    .editar-proyecto .acf-form-submit{
      text-align: center;
    }

    .ingreso-de-proyectos .field6{
      margin-top: 0 !important;
    }

    .ingreso-de-proyectos .acf-form-submit {
        padding-left: 0;
        text-align: center;
    }

    .botonera{
        position: relative;
        /*top: -80px;*/
    }

    .content_info_recursos {
        padding: 10px !important;
    }

    .content_info_recursos figure{
      min-height: 300px !important;
      margin-bottom: 20px !important;
    }

    .editar-proyecto .acf-button{
        display: block;
        width: auto;
        text-align: center;
        margin: 5px;
    }

    .editar-proyecto .field-2 {
        top: 0 !important;
    }

    .wp-media-buttons .insert-media{
      display: none;
    }

    .editar-proyecto input[type=submit]{
        width: 195px;
        margin: auto;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 15px !important;
    }

}

/*=====================================
/// MAYOR A 960px y MENOR A 1120px
--------------------------------------*/
@media screen and ( max-width: 70em ) and ( min-width: 60em ) {

    .logo_principal_c img {
    float: left;
   }


  .logo_principal_c span {
    width: 310px !important;
    left: 10px;
    top: 5px;
    font-size: 16px;
  }

  .g-recaptcha{
        border-right: 150px solid #7A1600;
    }
}



/* ===================================
/// MAYOR A 768px y MENOR A 1280px
------------------------------------*/

@media screen and ( max-width: 80em ) and ( min-width: 48em ) {

    .logo_principal_c{
        width: 60%;
    }


  .fixed .logo_principal_c img {
        width: 80px;
    }

    #fixed-top {
    display: block !important;
  }

  .menu{
    display: none;
  }

  #menu-footer{
    display: block;
    margin: 0;
    padding: 0;
  }

  .menu-movil{
    display:block !important;
  }

  .main-menu {
    float: left;
    width: 60%;
  }

  .menu-menu_principal-container{
    float: none;
    margin-bottom: 20px;
   }

  .lang-en, .lang-es{
    width: 45px !important;
  }

  .qtranxs_language_chooser span {
        font-size: 14px !important;
    }

   .sociales{
     display: none;
   }

   .sb-slidebar {
        width: 50% !important;
    }

   .donde-trabajamos .paises ul {
        display: block;
    }

    .donde-trabajamos .paises li {
        margin: 10px 0;
    }

    .boton_info_2 {
        height: 40vh;
    }

    .contenido h2 {
        color: #003045;
        text-align: center;
    }

    .buscar-recursos label {
        margin-top: 20px;
    }

    .consideraciones-v-e {
        margin-bottom: 0;
    }

    .buscador .select2-container {
        margin-top: 0px;
        width: 100% !important;
        margin-bottom: 20px;
    }

    .btn-buscar{
        margin: auto;
        display: inline-block;
        float: none;
    }

    .btn-buscar button{
        margin-left: 5px !important;
    }

    .responsabilidad .titulo-color-rojo{
        padding-bottom: 0;
    }

    .text-hidden {
        height: 300px !important;
        margin-bottom: 20px;
    }

    .board-inner .nav-tabs > li:after{
        display: block;
    }

    .intro-plataforma .container{
        width: 100%;
    }

    .ingreso-de-proyectos .field12{
        width: 100% !important;
    }

    .editar-proyecto .acf-button{
      width: 200px;
    }

}

/* ===================================
/// MAYOR A 640px y MENOR A 992px
------------------------------------*/

@media screen and ( max-width: 62em ) and ( min-width: 40em ) {

     .logo_principal_c img {
        float: left;
       }

    .logo_principal_c span {
        width: 310px !important;
        left: 10px;
        top: 5px;
        font-size: 16px;
    }

    .registrarse .radio_field1 {
        width: 22% !important;
    }

    .registrarse .radio_field2 {
        width: 300px;
        text-align: left;
        min-width: 300px;
    }

    .label_field13{
        top: 0 !important;
        width: 50% !important;
        float: left !important;
        margin-left: 15px;
        margin-top: 10px;
        top: 60px !important;
        margin-bottom: 10px;
    }

    .select_field5 {
        margin-top: 0;
        position: relative;
        top: -40px;
        margin-bottom: 20px;
    }

    #staff_ficr{
        margin-bottom: 5px !important;
    }

    .num_field8 {
        padding-right: 15px !important;
    }

    .num_field9 {
        margin-bottom: 60px !important;
        margin-top: 9px !important;
        position: relative;
        top: 40px;
    }

    .select_field6{
        overflow: hidden;
    }

    .num_field10 {
        float: left;
        margin-top: 15px !important;
        position: relative;
        top: -20px;
    }

    .num_field7 {
        margin-top: 0px !important;
        margin-bottom: 15px !important;
        position: relative;
        top: 20px;
        overflow: hidden;
    }

    .select_field7 {
        width: 100% !important;
        min-width: 100%;
    }

    .select_field9 {
        clear: both;
        margin-bottom: 30px;
        margin-top: 10px;
        position: relative;
        top: 20px;
        overflow: hidden;
    }

     .intro-financia{
        height: auto !important;
    }

    .boxtext {
        overflow: hidden;
        margin-bottom: 30px;
    }

    .text-hidden {
        height: 300px !important;
        margin-bottom: 20px;
    }

    .graficos-analisis .grafico {
        height: 200px;
        width: 30% !important;
        float: left;
        margin-bottom: 30px;
    }

    .datos-analisis .grafico-barras {
        height: 195px;
        width: 30% !important;
        float: left;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .select_field11{
        margin-top: 15px;
    }

    #slider-graficos{
        max-width: 700px;
        min-height: 800px;
    }

    #slider-graficos ul{
        height: 800px !important;
    }

    #slider-graficos ul li{
        max-width: 700px;
        min-height:800px
    }

    .graficos-home .btn-red, .graficos-home .btn-blue{
        width: 80%;
        line-height: 20px;
    }

    .board-inner .nav-tabs > li {
        width: 24%;
    }

    .board-inner .nav-tabs > li:after{
        display: none;
    }

    .descargar-archivo .descargar_1{
        display: inline-block;
    }

    .boton_select {
        width: 160px;
        height: 160px;
    }

    .boton_select p{
        font-size: 22px;
    }

    .board-inner .nav-tabs > li:after{
        display: none;
    }

    .board > div.board-inner{
        padding-left: 20px;
    }

     .plataforma-colaborador .item {
        margin: 40px 0 !important;
    }

    .plataforma-colaborador .item:first-child {
        margin-top: 40px !important;
    }

    .plataforma-colaborador figure.effect-milo .ov {
        line-height: 24px;
        font-size: 20px;
    }

     .contenido-plataforma .ProTitulo {
        min-height: auto !important;
    }
}

/* ===================================
/// MAYOR A 1280px y MENOR A 1024px
------------------------------------*/

@media screen and ( max-width: 80em ) and ( min-width: 64em ) {
    #slider-graficos{
        max-width: 1020px;
        min-height: 700px;
    }

    #slider-graficos ul{
        height: 700px !important;
    }

    #slider-graficos ul li{
        max-width: 1020px;
        min-height:700px
    }

    .graficos-home .btn-red, .graficos-home .btn-blue{
        width: 80%;
        line-height: 20px;
    }

    .plataforma-colaborador figure.effect-milo h2 {
        line-height: 24px;
        font-size: 20px;
    }

    .form-contacto .g-recaptcha{
        border-right: 150px solid #7A1600;
    }
}

/*=====================================
/// MAYOR A 1184px y MENOR A 1408px
--------------------------------------*/

@media screen and ( max-width: 88em ) and ( min-width: 74em ) {
    .logo_principal_c span{
        width: 315px;
        font-size: 16px;
    }

    .g-recaptcha{
        border-right: 150px solid #7A1600;
    }

    .form-contacto .captcha label{
        width: 160px;
    }
}


/*=====================================
/// MAYOR A 1504px y MENOR A 1440px
--------------------------------------*/
@media screen and ( max-width: 94em ) and ( min-width: 90em ) {
    .datos-analisis .canvasjs-chart-container:after{
        width: 60px;
        top: 179px;
    }
}

/*==========================================================
========= MEDIA SCREEN ========
==========================================================*/

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

    .imagen-como-fondo {
        padding-top: 65%;
    }

} /*1040px*/

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

    .ingreso-de-proyectos .col-md-8{
        width: 100%;

    }

    .sb-slidebar {
        width: 50%;
    }

} /*993px*/


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

    .hide-in-mobile{
        display: none !important;
    }

    .buscador .btn {
        padding-left: 1%;
        padding-right: 1%;
        width: 100%;
    }

    .no-padding-in-mobile {
        padding-top: 0;
        padding-bottom: 0;
    }

    .caja-flotante {
        top: 35%;
    }

    .slider-internas {
        min-height: 450px;
        overflow: hidden;
    }

    /*.slider-internas img {
        height: 100%;
        width: auto;
        margin-left: -33%;
    }*/

    .ingreso-de-proyectos .col-md-4{
        padding: 0;

    }

    .imagen-como-fondo {
        padding-top: 100% !important;
        width: 100%;
        height: auto;
    }


} /*992px*/

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

    .acf-field.acf-field-textarea.acf-field-5ab010faa8fa4 {
    width: 100% !important;
}

    .acf-field.acf-field-text.acf-field-5ab010faa8e5f, .acf-field.acf-field-text.acf-field-5ab0220c12011 {
    width: 100% !important;
}

.ingreso-de-proyectos .acf-field {
    margin: 0;
    padding: 15px 12px;
    border-top: 0 !important;
    position: relative;
    clear: none !important;
    width: 100% !important;
    float: left !important;
    font-size: 11px;
}

.formulario-voluntarios .wpcf7-form-control-wrap {
width: 99%;
}

} /*851px*/

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

    .donde-trabajamos .paises li a {
        color: black;
        padding: 3px 7px;
        width: 100%;
    }

        .donde-trabajamos .paises li {
        list-style: none;
        display: inline-block;
        width: 100%;
    }

    .donde-trabajamos .paises ul {
        padding-top: 1em;
        padding-bottom: 1em;
        padding: 0;
    }

    .mapa-vectores{
        display: none;
    }


} /*800px*/

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

    .boton-amarillo, .boton-amarillo:hover, .boton-cafe, .boton-cafe:hover {
        min-width: unset;
        width: 100%;
        padding-left: 3%;
        padding-right: 3%;
    }

} /*550px*/






}