@media all and (max-width: 1024px){
    header .logo-sodexo{
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }

    #ruta{
        display: none;
    }

    /*Cabecera*/
    #cabecera-publico > .wrap{
        padding: 20px 0px;
        height: auto;
    }

    #cabecera-publico .titulo{
        width: 90%;
        margin: 0 auto;
        margin-left: 20px;
        position: relative;
        top: auto;
        left: auto;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
    }

    #cabecera-publico.crece .titulo{
        width: 50%;
        margin: 0px 0px 0px 10px;
    }

    #cabecera-publico .titulo h3{
        font-size: 20px;
        line-height: 25px;
    }

    #cabecera-publico.sodexo-club img.logo-sodexo-club{
        width: 80px;
        margin-right: 15px;
    }

    /*Main*/
    main .textos{
        padding: 20px;
        width: 100%;
        // width: calc(100% - 40px);
    }

    main .textos h4.ico-promovemos{
        margin-top: 0px;
    }

    /*Fila*/
    .fila .col{
        width: 100% !important;
        float: none !important;
    }

    .fila .col:last-child{
        // margin-bottom: 10px; // comentado porque en pagina registro.html dejaba mucho espacio entre cada .fila
        margin: 0px;
    }

    /*Quienes Somos*/
    .textos.quienes-somos .valores p,
    .textos.quienes-somos .principios p{
        float: none !important;
    }

    .destacado-quienes-somos .izq{
        height: auto;
    }
    .destacado-quienes-somos .izq:first-child{
        width: 100%;
        float: none;
    }


    .destacado-quienes-somos .izq:first-child p{
        position: relative;
        top: auto;
        left: auto;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        padding: 20px;
        width: 90%;
        margin: 0 auto;
    }

    .destacado-quienes-somos > .wrap > .izq:nth-child(2),
    .destacado-quienes-somos > .wrap > .izq:last-child{
        width: 50%;
        height: 260px;
    }

    .destacado-quienes-somos .izq:nth-child(2) img{
        margin-top: 20px;
        margin-right: 2%;
        margin-left: 20px;
        width: 40px;
    }

    .destacado-quienes-somos .izq:nth-child(2) .info{
        width: 280px;
        margin-top: 20px;
    }

    .destacado-quienes-somos .izq:last-child{
        background-color: #387b9a;
    }

    .destacado-quienes-somos .izq:last-child img{
        width: 40px;
    }

    .destacado-quienes-somos .izq:last-child .info{
        margin-top: 20px;
    }

    .textos.quienes-somos > div{
        width: 50%;
        float: left;
        margin-bottom: 20px;
    }

    #cabecera-publico .titulo p{
        width: 70%;
    }

    #cabecera-publico .titulo img{
        position: absolute;
        top: 50%;
        right: 10px;
        width: 120px;
        transform: translateY(-50%);
    }


}/* @media all and (max-width: 1024px) */



@media all and (max-width: 768px){
    main.buscador-comercios #cabecera-buscador{
        height: 200px;
    }

    /* MIS CAMBIOS */
    /* ----------- */
    main.buscador-comercios #controles{
        width: 100%;
        min-width: 100%;
    }
    main.buscador-comercios #controles #filtros{
        padding-top: 10px;
    }
    main.buscador-comercios #controles #filtros #categorias-filtros{
        width: 100%;
    }
    main.buscador-comercios #controles #filtros #categorias-filtros h6{
        width: 100%;
        text-indent: 5px;
    }
    main.buscador-comercios #controles #listado-locales{
        width: 100%;
    }
    main.buscador-comercios #controles #listado-locales .titulo h2{
        width: 100%;
        margin-left: 10px;
    }
    main.buscador-comercios #controles #listado-locales #orden-locales{
        margin-left: 10px;
    }
    main.buscador-comercios #controles #listado-locales #orden-locales span:first-child{
        margin-left: 10px;
    }
    #orden-locales{
        width: 100%;
    }
    main.buscador-comercios #controles #filtros #categorias-filtros label{
        font-size: 12px;
        width: 50%;
        display: block;
        float: left;
    }
    main.buscador-comercios #controles #filtros #categorias-filtros .fila{
        box-sizing: border-box;
        padding: 0 5px;
    }
    main.buscador-comercios #controles #filtros #categorias-filtros .fila .col-3{
        /*margin-right: 3%;*/
        padding-right: 0;
        /*margin-left: 3%;*/
    }
    main.buscador-comercios #controles #filtros #botonera-filtros .contenedor{
        margin-left: 10px;
    }
    main.buscador-comercios #controles #listado-locales #orden-locales p{
        width: 100%;

    }
    main.buscador-comercios #cabecera-buscador form{
        width: 100%;
    }
    main.buscador-comercios #cabecera-buscador form label{
        width: 100%;
    }
    main.buscador-comercios #cabecera-buscador form label input[type="text"]{
        width: 100%;
        padding: 3px 0;
    }
    main.buscador-comercios #cabecera-buscador form label select{
        width: 100%;
    }

    main.buscador-comercios #controles #listado-locales .local{
        width: 98%;
        box-sizing: border-box;
        margin: 0 1% 30px;
    }
    main.buscador-comercios #controles #listado-locales #grupo-locales{
        margin-right: 0;
        overflow: hidden;
        min-height: 100%;
        margin-left: 0px;
    }
    main.buscador-comercios #controles #listado-locales .local .info-local{
        width: 100%;
    }
    main.buscador-comercios #cabecera-buscador .wrap > p{
        color: #fff;
        display: inline;
        /*line-height: 17px;*/
        float: left;
        margin-right: 5px;
        /*margin-bottom: 28px;*/
    }
    main.buscador-comercios #cabecera-buscador .sel-servicio{
        margin-right: 0;
    }


}/* @media all and (max-width: 768px) */





@media all and (max-width: 767px){
    header .logo-sodexo{
        display: none;
    }

    /*Quienes Somos*/
    #cabecera-publico .titulo img{
        position: absolute;
        top: 50%;
        right: 0px;
        width: 80px;
        transform: translateY(-50%);
    }

    .destacado-quienes-somos > .wrap > .izq,
    .destacado-quienes-somos > .wrap > .izq:nth-child(2),
    .destacado-quienes-somos > .wrap > .izq:last-child{
        width: 100%;
        height: auto;
        float: none;
    }

    .destacado-quienes-somos > .wrap > .izq:nth-child(2),
    .destacado-quienes-somos > .wrap > .izq:last-child{
        padding-bottom: 20px;
    }

    .destacado-quienes-somos .izq:first-child p{
        position: relative;
        top: auto;
        left: auto;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        font-size: 15px;
        line-height: 20px;
        padding: 20px;
    }

    .destacado-quienes-somos .izq:nth-child(2) img{
        margin-top: 20px;
        margin-right: 2%;
        margin-left: 20px;
        width: 40px;
    }

    .destacado-quienes-somos .izq:nth-child(2) .info{
        width: 250px;
        margin-top: 20px;
    }

    .destacado-quienes-somos .izq:last-child img{
        width: 40px;
    }

    .destacado-quienes-somos .izq:last-child .info{
        margin-top: 20px;
    }

    .textos.quienes-somos .valores p,
    .textos.quienes-somos .principios p{
        float: none !important;
        padding-left: 40px;
        line-height: 40px;
        margin-bottom: 10px;
        background-repeat: no-repeat;
        background-position: left center;
        margin-right: 40px;
        background-size: 30px;
    }

    .textos.quienes-somos > div{
        width: 100%;
        float: none;
        margin-bottom: 0px;
    }
}

@media all and (min-width: 768px) and (max-width: 1024px){
    .destacado-quienes-somos > .wrap > .izq:nth-child(2){
        background-color: #2092c7;
        padding-bottom: 20px;
    }

    .destacado-quienes-somos > .wrap > .izq:last-child{
        padding-bottom: 20px;
    }
}

@media all and (max-width: 420px) {
  #cabecera-publico .titulo.title-double {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin-left: 20px;
  }
  #cabecera-publico .titulo.title-double h3 {
    margin-right: 20px;
  }
  #cabecera-publico .titulo.title-double .rparvulo {
    position: static;
    width: auto;
    height: auto;
    padding: 0px;
    top: 0px;
    left: 0px;
  }
  #cabecera-publico .titulo.title-double .rparvulo img {
    position: relative;
    margin-left: 20px;
  }
  #cabecera-publico.parvulo {
    background-position: -105px;
  }
}