@media (max-width: 1024px) {
    main section#filter > form > div, main section.filter > form > div, main section#filtro > form > div, main section.filtro > form > div {
        display: inline-flex;
        flex-wrap: wrap;
    }

    main {
        margin-top: 215px;
    }
    #centers_list main{
        margin-top: 260px;
    }
    header #title{
        font-size: var(--normal-xl);
    }
    section#intro .hero-title .home-first-text {
        width: auto;
    }
    section#intro,
    section#categories,
    section#app-promo .content,
    section#orientation .content,
    section#courses .content{
        gap: 20px;
        padding: 25px 0px 25px 0px;
    }
    section#categories .category-item {
        flex: 0 1 240px;
    }

    .app-description,
    .home-second-text p,
    .home-second-text span{
        padding-left: 15px;
        text-align: left;
    }
/* Header */
    .header-logo,
    header #header-top-bar .menu,
    .header-3,
    header #header-top-bar .menu li:first-child{
        margin-top: 0px;
        padding-top: 0px;
        height: 25px;
        margin-top: 5px;
    }
    .separator {
        padding: 0px 10px 0 10px;
    }
    #header-top-bar.sticky-active .header-top-container .select2-container--default{
        display: block;
        position: relative;
        top: -3px;
    }
    header #header-top-bar .menu a{
        top: -6px;
        display: block;
        position: relative;
    }
    .header-3 {
        padding-left: 5px;
    }
    .separator {
        padding: 5px 10px 0 10px;
    }
    .header-logo .logo a img{
        width: 80px;
    }
    .header-logo .logo a {
        width: 85px;
    }
    #index .header-top-container {
        padding: 5px 0px;
        margin-left: 5px;
        font-size: 13px;
    }
    #index .logo .header-top-container{
        padding-left: 10px;
    }
    /* Calendari */
    #seccion-eventos article.tarjeta-evento {
        width: 100%;
    }
    section.seccion-calendario {
        flex: 0 1 301px;
        width: 300px;
    }
    section#seccion-calendario #calendario-unificado{
        width: 300px;

    }

    /* Filtros */
    main section#filter #form-group-avisos_filter_tipo,
    #center_search > div.poblacion,
    #center_search > div.cercador,
    #center_search > div.favoritos{
        min-width: 150px !important;
    }
    main section#filter #form-group-avisos_filter_search{
        min-width: 150px !important;
    }

    /* Centros */

    section#list > table.centro-item{
        flex: 1 1 45%;
    }

    /* Cursos */
    #solicitud_accion_formativa_search > div.familia,
    #solicitud_accion_formativa_search > div.area,
    #solicitud_accion_formativa_search > div.poblacion,
    #solicitud_accion_formativa_search > div.tipo,
    #solicitud_accion_formativa_search > div.entidadColaboradora,
    #solicitud_accion_formativa_search > div.horario {
        flex: 1 0 21%;
        max-width: 100%;
    }

    #solicitud_accion_formativa_search > div.fechaFin,
    #solicitud_accion_formativa_search > div.fechaInicio{
        flex: 1 0 21%;
        max-width: 100%;
    }
    #solicitud_accion_formativa_search > div.intereses,
    #solicitud_accion_formativa_search > div.favoritos {
        flex: 0 0 calc(25% - 30px);
        max-width: 100%;
    }

    #solicitud_accion_formativa_search .submit,
    #solicitud_accion_formativa_search > div.clear{
        flex: 1 0 calc(50% - 30px);
        max-width: 100%;
    }
        /*Detalle cursos*/
    #course_detail main section#sidebar {
        width: 40%;
    }
    #course_detail main section#content{
        width: 55%;
    }

    /* Puntos de orientacion */
    #orientation_point_search > div.sector,
    #orientation_point_search > div.entidad,
    #orientation_point_search > div.horario,
    #orientation_point_search > div.poblacion,
    #orientation_point_search > div.favoritos{
        flex: 1 0 21%;
        max-width: 100%;
    }
    #orientation_point_search > div.cercador{
        width: calc(60% - 20px);
    }
    main section#filter .generic_filters .submit,
    main section#filter .generic_filters .clear{
        flex: 1 0 calc(50% - 30px);
        max-width: 100%;
    }
    #orientation_point_detail main #sidebar{
        width: 100%;
    }

    #orientation_point_detail .resume table tr {
        width: 50%;
        display: inline-table;
    }
    #orientation_point_detail .resume tr td:first-child {
        font-size: var(--small);
        width: 60px;
        height: 60px;
    }
    #orientation_point_detail .resume tr td:last-child {
        font-size: var(--small);
    }

    /* Meus cursos */
    #my_course_list form .cercador,
    #my_course_list form .estat,
    #my_course_list form .fechaInicio,
    #my_course_list form .fechaFin
    {
        flex: 1 0 21%;
        max-width: 100%;
    }

    #my_course_list form .submit,
    #my_course_list form .clear{
        flex: 1 0 calc(50% - 30px);
        max-width: 100%;
    }
    table {
        display: block;
        overflow-x: auto;
    }

    /* Favorits */
    #favoritos main > section > div .item{
        width: calc(100% - 20px);
    }

    /* Noticias */

    main section#list .news-item{
        width: calc(50% - 12px);
    }

    /* Questionaris */
    section#filtro-cuestionarios.filtro  form{
        display: block;
    }
    .campo-texto, .campo-fecha, .campo-submit{
        flex: 1 0 21%;
        max-width: 100%;
    }
    #filtro-cuestionarios #form-filtro .generic_filters ,
    #filtro-cuestionarios #form-filtro .filtro-campos{
        width: 100%;

    }
    main section#filtro .generic_filters .submit,
    main section#filtro .generic_filters .clear{
        flex: 1 0 calc(50% - 30px);
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    main > section#buscador_cursos #wrapper_calendario,
    main > section#buscador_cursos #wrapper_listado_curso,
    main > section#avisos,
    main > section#noticias{
        width: calc(100% - 10px);
    }
    main > section#destacados a {
        width: calc(50% - 15px);
    }
    header #header-title,
    header #title{
        font-size: var(--normal);
    }

    section#intro{
        flex-wrap: wrap;
    }
    section#intro .hero-title{
        width: 100%;
        text-align: center;
    }
    section#intro .hero-subtitle{
        width: 100%;
    }
    section#intro .hero-subtitle p{
        padding: 0 35px;
    }
    section#categories{
        flex-direction: column;
    }
    section#categories div#sidebar{
        width: 100%;
    }
    section#categories div#sidebar #title .home-second-text,
    section#categories div#sidebar .content .home-second-text{
        width: 100%;
        text-align: center;
    }
    section#categories div#categories-items{
        width: 100%;
    }

    section#courses .search-bar{
        width: 100%;
        margin-top: 30px;
    }
    section#orientation .content{
        flex-direction: column;
    }
    section#orientation .content-text{
        width: auto;
        text-align: left;
    }
    section#orientation .content-text #title,
    section#orientation .content-text p{
        text-align: center;
        padding: 0 25px;
    }
    section#orientation .search-bar{
        width: 100%;
        padding-top: 10px;
    }
    section#app-promo .content .app-description{
        width: 100%;
    }
    section#app-promo .content {
        display: flex;
        flex-wrap: wrap;
    }
    section#app-promo .content .app-image{
        width: 50.5%;
        max-height: 335px;
        display: inline-block;
    }
    section#app-promo .content .app-image img {
        width: auto;
        height: auto;
        position: relative;
        max-height: 250px;
    }
    section#app-promo .content .app-buttons{
        width: 45.5%;
        display: inline-block;
    }
    section#news .news-item{
        width: calc(100% - 20px);
    }
    section#courses .content{
        flex-wrap: wrap;
    }

    section#courses .content .content-text{
        width: 100%;
        text-align: center;
    }
    /* Calendari */
    #contenedor-principal{
        display: inline-block;
    }
    section.seccion-calendario {
        flex: 0 1 100%;
        width: 100%;
    }
    section#seccion-calendario #calendario-unificado,
    section#seccion-calendario .calendar-actions-container,
    #seccion-eventos {
        width: 100%;
    }
    #seccion-eventos{
        padding-top: 25px;
    }

    /* Filtros */
    main section#filter #form-group-avisos_filter_tipo,
    #center_search > div.poblacion,
    #center_search > div.cercador,
    #center_search > div.favoritos,
    main section#filter #form-group-avisos_filter_search{
        width: 45% !important;
    }

    main section#filter .generic_filters,
    main section#filter .generic_filters{
        width: 100%;
    }
    main section#filter .generic_filters > div{
        justify-content: start;
    }

    /* Centros */

    section#list > table.centro-item{
        flex: 1 1 100%;
    }

    /* Mensajes */
    section#mensajes .mensaje .wrapper-fecha-actions {
        flex-direction: column;
        margin-top: 0;
        justify-content: unset;
        gap: 5px;
        width: 150px;
    }
    /* Cursos */
    #solicitud_accion_formativa_search > div.familia,
    #solicitud_accion_formativa_search > div.area,
    #solicitud_accion_formativa_search > div.poblacion,
    #solicitud_accion_formativa_search > div.tipo,
    #solicitud_accion_formativa_search > div.entidadColaboradora,
    #solicitud_accion_formativa_search > div.horario,
    #solicitud_accion_formativa_search > div.fechaFin,
    #solicitud_accion_formativa_search > div.fechaInicio{
        flex: 1 1 48%;
        max-width: 48%;
    }

    /*Detalle cursos*/
    #course_detail main section#sidebar {
        width: 100%;
    }
    #course_detail main section#content{
        width: 100%;
    }
    #course_detail .resume table tr {
        width: 50%;
        display: inline-table;
    }
    #course_detail .resume tr td:first-child {
        font-size: var(--small);
        width: 60px;
        height: 60px;
    }
    #course_detail .resume tr td:last-child {
        font-size: var(--small);
    }
    /* Puntos de orientacion */
    #orientation_point_search > div.sector,
    #orientation_point_search > div.entidad,
    #orientation_point_search > div.horario,
    #orientation_point_search > div.poblacion,
    #orientation_point_search > div.favoritos{
        flex: 1 1 48%;
        max-width: 48%;
    }
    #orientation_point_detail main #ficha .form-group.rao,
    #orientation_point_detail main #ficha .form-group.cif,
    #orientation_point_detail main #ficha .form-group.adreca,
    #orientation_point_detail main #ficha .form-group.provincia {
        width: calc(100% - 10px);
    }
    #orientation_point_detail main #ficha .form-group.numero,
    #orientation_point_detail main #ficha .form-group.escala,
    #orientation_point_detail main #ficha .form-group.planta,
    #orientation_point_detail main #ficha .form-group.pis,
    #orientation_point_detail main #ficha .form-group.porta,
    #orientation_point_detail main #ficha .form-group.cp{
        flex: 1 0 calc(15% - 0px);
    }
    #orientation_point_detail .resume table tr {
        width: 100%;
        display: inline-table;
    }
    /* Noticias */

    main section#list .news-item{
        width: calc(100% - 12px);
    }
}
@media (max-width: 599.98px) {
    main > section#destacados a {
        width: calc(100% - 15px);
    }
    #solicitud_accion_formativa_search > div.familia,
    #solicitud_accion_formativa_search > div.area,
    #solicitud_accion_formativa_search > div.poblacion,
    #solicitud_accion_formativa_search > div.tipo,
    #solicitud_accion_formativa_search > div.entidadColaboradora,
    #solicitud_accion_formativa_search > div.horario,
    #solicitud_accion_formativa_search > div.fechaFin,
    #solicitud_accion_formativa_search > div.fechaInicio{
        flex: 1 1 100%;
        max-width: 100%;
    }

    /* Puntos de orientacion */
    #orientation_point_search > div.sector,
    #orientation_point_search > div.entidad,
    #orientation_point_search > div.horario,
    #orientation_point_search > div.poblacion,
    #orientation_point_search > div.favoritos{
        flex: 1 1 100%;
        max-width: 100%;
    }
    /* Messajeria*/
    .message-table tbody td {
        box-sizing: border-box;
        padding: 3px 3px;
    }
}
@media (max-width: 425.98px) {
    section#intro{
        display: block;
    }
    section#categories .category-item{
        flex: 1 1 calc(100% - 10px);
        max-width: 100%;
    }
    section#app-promo .content{
        color: var(--color--app-promo-content);
        display: block;
        flex-direction: row;
        padding: 0px;
        max-width: 425px;
    }
    section#news .news-items{
        gap: 0px;
        max-width: 100%;
        padding: 0px;
    }
    section#news .news-items{

    }
    section#news .news-item {
        width: calc(100% - 10px);
        margin: 10px auto;
    }
    section#courses .content-text {
        text-align: center;
    }
    section#orientation .content-text #title {
        text-align: center;
    }
    section#app-promo .content .app-description {
        text-align: center;
    }
    header #header-top-bar {
        flex-wrap: wrap;
    }
}