@media only screen and (max-width: 1152px) {
    .container.public .aside-container,
    .container.public .main-container,
    .container.public .div-advertisement {
        float: none;
        width: 90%;
        margin: auto;
        max-width: 1024px;
    }
    .container.public .main-container,
    .container.public .div-advertisement {
        margin-top: 30px;
    }

    /*aside sesion*/
    .alumno-session-container .links h3,
    .alumno-session-container .links .separator {
        display: none;
    }
    .alumno-session-container .links {
        text-align: center;
        padding: 10px 0;
    }
    .alumno-session-container .links a {
        display: inline-block;
        margin: 0 7px;
        padding: 4px 7px;
    }
    .alumno-session-container .div-large-date {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .alumno-session-container .picture,
    .alumno-session-container .toggle-options,
    .alumno-session-container .go-academics h4 {
        display: none;
    }
    .alumno-session-container .basic-info > div {
        display: none;
    }
    .alumno-session-container .basic-info > div.last-access {
        display: block;
    }
    .alumno-session-container #div-user-controls,
    .alumno-session-container .basic-info {
        display: block !important;
    }
    .alumno-session-container .controls,
    .alumno-session-container .alumno-suggestions {
        margin-top: 10px;
    }
    .alumno-session-container .alumno-suggestions {
        background-color: transparent;
        padding: 0;
    }
    .alumno-session-container .matriculas-num:after {
        content: ' en matrícula';
    }
}

@media only screen and (max-width: 960px) {
    .wp-session {
        width: 90%;
    }
    #form-alumno-signup div.wp > div {
        width: 32%;
        margin-right: 2%;
    }
    #form-alumno-signup #ddl-documento-type,
    #form-alumno-signup .like-txt-input.documento-type {
        width: 37%;
    }
    #form-alumno-signup #in-documento {
        width: 63%;
    }
    #form-alumno-signup .fechanac-fields .dia {
        width: 24%;
    }
    #form-alumno-signup .fechanac-fields .mes {
        width: 40%;
    }
    #form-alumno-signup .fechanac-fields .anio {
        width: 32%;
    }
    #form-alumno-signup .fechanac-fields .dia,
    #form-alumno-signup .fechanac-fields .mes {
        margin-right: 2%;
    }
}

@media only screen and (max-width: 768px) {
    .cursos .programacion-div .disp-table > div {
        display: block;
        width: 100%;
    }

    #form-alumno-signup div.wp > div {
        width: 47%;
        margin-right: 6%;
    }
    #form-alumno-signup div.wp > div:nth-child(3n+0) {
        margin-right: 6%;
    }
    #form-alumno-signup div.wp > div:nth-child(2n+0) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 600px) {
    .wp-session .clarifications,.inscripcion-info {
        padding: 15px;
    }

    #form-alumno-signup div.wp > div {
        width: 49%;
        margin-right: 2%;
    }
    #form-alumno-signup div.wp > div:nth-child(odd) {
        margin-right: 2%;
    }
    #form-alumno-signup div.wp > div.documento > label {
        display: inline-flex;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .detalle-div table th, .detalle-div table td {
        padding: 13px 5px;
    }

    .query-results--container {
        padding: 0;
    }
}

@media only screen and (max-width: 550px) {
    .cursos .programacion-div {
        display: block;
        width: 100%;
        margin: 25px 0;
    }
    .cursos .programacion-div .disp-table > div {
        display: inline-block;
        width: 50%;
    }

    .cursos .periods-and-filters .div-filters,
    .cursos .periods-and-filters .div-periods {
        float: none;
        width: 100%;
        text-align: center;
        margin: 15px auto;
    }
    .cursos .periods-and-filters .list {
        width: 170px;
        left: 0;
        right: 0;
        margin: auto;
    }
}

@media only screen and (max-width: 500px) {
    /*aside sesion*/
    .alumno-session-container .title-text {
        display: none;
    }
    .alumno-session-container .links .separator {
        display: block;
        margin: 0;
    }
}

@media only screen and (max-width: 466px) {
    .public .div-prog-periods .text-header,
    .public .div-header .title {
        font-size: 18px;
    }
    .alumno-session-container h3 {
        font-size: 17px;
    }

    #form-alumno-signup {
        width: 90%;
        margin: 0 auto;
    }
    #form-alumno-signup div.wp > div {
        width: 100%;
        margin-right: 0 !important;
    }

    .detalle-div table th {
        text-align: left;
    }
    .detalle-div table th, .detalle-div table td {
        display: block;
        width: 100%;
        padding: 0;
    }
    .detalle-div table tr {
        display: block;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 425px) {
    .div-cursos-search input, .div-cursos-search label {
        width: 200px;
    }
}

@media only screen and (max-width: 375px) {
    .cursos .programacion-div .disp-table > div {
        display: block;
        width: 100%;
    }

    .public .frm-user-forgot-reset,
    .public .frm-alumno-login {
        max-width: 100%;
    }
}

@media only screen and (max-width: 325px) {
    #form-alumno-signup {
        width: 100%;
    }
    .public .frm-user-forgot-reset,
    .public .frm-alumno-login {
        padding: 10px 15px;
    }
}