@charset "utf-8";
@media screen and (max-width: 1300px){
.logo_menu{float: none;}
.logo_menu img {max-width: 200px;}
.btnSaberMas {font-size: 18px!important;line-height: 18px;max-width: 155px;}
.menu_landing nav ul li a{display: inline-block;}
.btnQuieroSaber{min-width: 200px;}
.h2_tarjeta {max-width: 150px;font-size: 22px;}
    .ocultar{
        display: none
    }
    .iconoW{
           font-size: 20px;
    }
    .texto-materiales {
    font-size:2vh;
    max-width: 210px;
    margin: 0px auto;
}
}


@media screen and (max-width: 960px){
.ul_menu{flex-direction: column;display: none;width: 100%;border-radius: 5px;padding: 10px 0;background: #72a540;margin: 10px 0 0;}
.ul_menu li {list-style: none;position: relative;border-bottom: solid 1px #076633;width: 90%;margin: 5px auto;}
.ul_menu li a {color: #fff; font-size: 13px; padding: 6px 15px;}    
.btnSaberMas {line-height: normal;max-width: 230px;margin: 5px 0 -5px;}
.telMenu{width: 100%;max-width: 100%;}
.icon_menu{display: inline-block;float: right;width: 50px;margin: 7px 10px 0 0;}
.icon_menu p{width: 50px; height: 4px;border-radius: 15px;background: #72a540;float: left;margin: 5px 0;}
#idHeader {margin-top: 69px;}
.banner_principal{background-size: cover;min-height: 300px;}
.txtBannerPal {max-width: 90%;margin: 50px auto;background: #005cb14f;padding: 20px;text-align: center;border-radius: 5px;}
.video_youtube iframe {min-height: 480px;}
.cont_reduce_costos{flex-direction: column;}
.cont_reduceImg{width: 100%;max-width: 400px;margin-top: 30px}
.cont_reduceTxt{width: 100%;}
.txtReduceCostos {max-width: 100%;}
.cont_tarjetas{flex-direction: column;}
.tarjeta {max-width: 470px;}
.logo_menu{width: 200px;}
.logo_menu img{width: 200px;}
.footer_landing {background: url('../img/escudo_ecodeli/FOOTER.png'); padding: 35px 0; min-height: 200px;}
.ocultar-img{display: none} 
.banner_versatil {background: url('../images/landing_barredora/bloque_versatil_02.jpg')no-repeat center center; background-size: cover; min-height: 500px;}   
    .banner_fondo_cielo{
    background: url('../img/escudo_ecodeli/Linea-degradacion/Cielo.jpg')no-repeat center center; 
      background-size: cover;
    height: 350px
}
.texto_cielo {
font-size:2vh;
max-width: 350px;
margin: 20px auto;
    text-align: center
   
}  
.logo-cielo{
  max-width: 250px
 } 
    
.texto-materiales{
    font-size:2vh;
    max-width:300px;
    margin: 0px auto;
    
}   
.banner_fondo_tierra{
     background: url('../img/escudo_ecodeli/Linea-degradacion/Tierra.jpg')no-repeat center center; 
      background-size: cover;
     height: 400px
}   
.banner_fondo_cielo{
    background: url('../img/escudo_ecodeli/Linea-degradacion/Cielo.jpg')no-repeat center center; 
      background-size: cover;
    height: 360px
}    
}



@media screen and (max-width: 860px){
.listBen{flex-direction: column;margin: 0;padding: 0;}
.listBenInd {max-width: 400px;width: 100%;justify-content: start;margin: 5px 0;}
.pasosVideo{flex-direction: column;width: 100%;max-width: 600px;margin: 10px auto;align-items: flex-start;}
.pasosVideo p{margin: 5px 0;text-align: left;font-size: 20px;}
.pasosVideo p span{text-align: center;padding: 8px;width: 40px;height: 40px;margin-right: 5px;}
.banner_versatil {min-height: 300px;background-size: cover;}
.bloqVersatil{max-width: 620px;margin: 85px auto;background: #f0f3ec5e;border-radius: 5px;padding: 10px;}
.banner_personal {min-height: 250px;background-size: cover;}
.contacta{ width:350px; height:35px ; margin: 0px auto; font-size: 15px}  
.banner_versatil_1 {background: url('../img/escudo_ecodeli/bloque_WP.png')no-repeat center center;min-height: 450px;}
.tranquiloBque ul {text-align: left; margin: 0 140px 0 0px; max-width: 450px; margin: 0px 10px 0px 30px;}    
.bagazo-icono{
    margin-top: 20%;   
}
.texto-materiales{
    font-size:2vh;
    max-width:310px;
    margin: 0px auto;
    
}
.contenedor-iconos{
    max-width:250px;
    margin: 30px auto
}    
.bagazo{
   background: url('../img/escudo_ecodeli/materiales/Bagazo.png')no-repeat center center;
   max-height: 890px;
    height: 600px;
    background-size: cover
}
.papel{
       background: url('../img/escudo_ecodeli/materiales/carton.png')no-repeat center center;
   max-height: 890px;
    height: 600px;
      background-size: cover
}
.madera{
       background: url('../img/escudo_ecodeli/materiales/Madera.png')no-repeat center center;
       max-height: 890px;
       height: 600px;
      background-size: cover
}
.Ps{
    background: url('../img/escudo_ecodeli/materiales/Ps.png')no-repeat center center;
   max-height: 890px;
    height: 600px;
      background-size: cover 
}
}
@media screen and (min-width: 701px){
    .ocultar-slide{display: none}     
        .ocultar-linea2{
        display: none
    }
    

}

@media screen and (max-width: 700px){
.cont_pisos{display: inline-block;}
.bloqVersatil h2{font-size: 35px;}
.tranquiloBque{flex-direction: column;}
.tranquiloBque h2 {font-size: 35px;line-height: 35px;margin: 0 0 20px;}
.cont_grupoEcodeli{flex-direction: column;}
.cont_grupoEcodeli .w50{width: 100%;}
.logo_footer {padding: 0 55px 30px 0;}
.alto{height: 250px;
    
}   
.ocultar-materiales{display: none}         
.triangulo {
    position: absolute;
    bottom: -42px;
    z-index: 1;
   left: 45%;
}
}
@media screen and (max-width: 600px){
.txtBannerPal h1 {font-size: 40px;}
.txtBannerRojo {font-size: 25px;padding: 15px 0;}
.video_youtube iframe {min-height: 320px;}
.hiperWhats{font-size: 25px;margin: 20px auto 20px;width: 245px;padding: 10px 20px 7px;}
.hiperWhats img, .hiperWhats span{vertical-align: middle;}
.numer_ahorro {flex-direction: column;align-items: center;}
.numer_ahorro > div{margin: 5px 0}
.contBarredoraDesc {margin: 20px auto;}
.bqueForm .w50{width: 100%;}
.cont_footer{flex-direction: column;}
.alto{height: 300px;}   
.text-banner {font-size:4.5vw; box-shadow: none; /* width: 500px; */ justify-content: center; font-style: italic; font-weight: 800; margin: 0 auto;}   
}


@media screen and (max-width: 400px){
.cont_reduceImg{margin-top:0px}
.ulReduce {margin: 10px 0;}
.h2_tarjeta {max-width: 100%;font-size: 20px;margin-bottom: 10px;}
.marTxtTarj {margin: 20px auto 20px;flex-direction: column;}
.ulTarjeta {margin-left: 0;}
.txtBannerPal {padding: 10px;}
.txtBannerPal h1 {font-size: 30px;}
.txtBannerPal h2 {font-size: 25px;}

}