@media (min-width: 1650px) {

    .frame,
    .one-column,
    .frame.col {
        width: 1450px;
    }

}

@media (max-width: 1450px) {

    body {
        font-size: 0.95em;
    }

    .frame,
    .one-column {
        width: 90%;
    }

}

@media (max-width: 1280px) {

    .shrink {
        width: 95%;
    }

    .bolsas .bolsa .info-bolsa .title .txt-part {
        font-size: 0.9em;
    }
}

@media (max-width: 1150px) {

    #reclamaciones h1,
    #ofertas h1 {
        text-align: center;
    }

    .info-container .form-element,
    .info-container .form-element.double {
        width: 49%;
    }

    .bolsas .buscador {
        position: static;
        width: 100%;
    }

    .shrink {
        width: 100%;
    }
}

@media (max-width: 1024px) {

    .go-back {
        position: static;
    }


    #ofertas .bolsas .bolsa .info-oferta .datos-bolsa .form-element,
    #reclamaciones .bolsas .bolsa .info-oferta .datos-bolsa .form-element {
        width: 50%;
    }

    footer .frame,
    footer ul {
        flex-direction: column;
    }

    footer .frame {
        margin: 1.5em 0 1em 0;
    }

    footer ul {
        width: 100%;
        flex-direction: column;
        align-items: center;
        margin: 1em 0 2em 0;
    }

    footer ul li {
        margin: 1em 0 0 0;
    }

    footer ul li::after {
        content: none;
        margin-left: 0;
    }

    .frame .docu-container .docu-elem,
    .bolsas.full,
    .bolsas .bolsa,
    .ofertas-container .datos-bolsa {
        width: 100%;
    }
}

@media (max-width: 800px) {

    .menu_pub_list {
        display: none;
    }

    .pestana_global.active .menu_pub_list {
        display: flex;
    }

    main {
        width: 100%;
    }

    .frame,
    .candidatos {
        width: 95%;
    }

    .desconectar {
        padding: 0;
        border: none;
    }

    .menu-responsive {
        display: inline-block;
    }

    .pestana_global.active .menu_pub_list {
        position: fixed;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 10000;
        overflow: hidden;
        top: 0;
        left: 0;
        margin: 0;
        flex-direction: column;
        align-items: center;
        padding: 5em 0 1em 0;
        justify-content: flex-start;
    }

    .pestana_global li {
        border-bottom: 1px solid #e2e2e2;
        width: 100%;
        margin-right: 0;
        padding: 0.75em 1.25em;
    }

    .pestana_global.active .close-menu {
        display: inline-block;
        z-index: 100000;
        position: absolute;
        top: 1.25em;
        right: 1em;
    }

    .pestana_global.active .logo-index {
        position: absolute;
        z-index: 100000;
    }

    .pestana_global li:first-child {
        border-top: 1px solid #e2e2e2;
    }

    .info-container .form-element,
    .info-container .form-element.double,
    .pestana_global li a {
        width: 100%;
    }

    .desconectar svg,
    .desconectar:hover svg {
        stroke: #808080;
        fill: #808080;
        margin-right: 0;
    }

    .desconectar:hover {
        background-color: transparent;
        transition: 0.2s;
    }

    .desconectar span {
        display: none;
    }

    .info-container .title-part {
        margin-bottom: 1em;
    }

    .bolsas .bolsa .info-bolsa .title .txt-part {
        font-size: 14px;
    }

    .bolsas.full .bolsa .info-bolsa .list {
        flex-direction: column;
        align-items: flex-start;
        width: calc(100% - 70px);
    }

    .bolsas.full .bolsa .info-bolsa .list span.dispo {
        margin-left: 0;
        margin-top: 0.25em;
    }

    .bolsas.full .bolsa .info-bolsa .icon-group {
        justify-content: flex-end;
        width: 60px;
    }
}

@media (max-width: 750px) {

    .overflow-elem,
    #dv_lanpoltsa .candidatos,
    .candidatos {
        width: 95%;
    }

    .candidatos .table-view .table-view-content .candidato .data-elem b {
        display: inline-block;
    }

    .bolsas .bolsa .info-bolsa .title .txt-part {
        font-size: 13px;
    }

    .candidatos.has-overflow .table-view .table-view-header {
        display: none;
    }

    .candidatos .table-view .table-view-content .candidato {
        display: flex;
        flex-direction: row;
        align-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 0.5em;
    }

    .candidatos .table-view .table-view-content .candidato .data-elem.puesto,
    .candidatos .table-view .table-view-content .candidato .data-elem.dni,
    .candidatos .table-view .table-view-content .candidato .data-elem.nombre,
    .candidatos .table-view .table-view-content .candidato .data-elem.apellido,
    .candidatos .table-view .table-view-content .candidato .data-elem.fecha,
    .candidatos .table-view .table-view-content .candidato .data-elem.dispo {
        display: flex;
        flex-direction: column;
    }

    .candidatos .table-view .table-view-content .candidato .data-elem.puesto,
    .candidatos .table-view .table-view-content .candidato .data-elem.dni,
    .candidatos .table-view .table-view-content .candidato .data-elem.nombre,
    .candidatos .table-view .table-view-content .candidato .data-elem.apellido,
    .candidatos .table-view .table-view-content .candidato .data-elem.fecha {
        width: 49%;
    }

    .candidatos .table-view .table-view-content .candidato .data-elem.nombre,
    .candidatos .table-view .table-view-content .candidato .data-elem.apellido {
        padding: 0.4em 0.2em;
    }

    .candidatos .table-view .table-view-content .candidato .data-elem.dispo {
        width: 100%;
        align-items: flex-start;
    }

    .candidatos .table-view .table-view-content .candidato .data-elem.dispo {
        justify-content: flex-start;
        margin-left: 18px;
    }

    .candidatos .table-view .table-view-content .candidato .data-elem.dispo b {
        transform: translateX(-18px);
    }

    .candidatos .table-view .table-view-content .candidato .data-elem.dispo::before {
        content: none;
    }

    .candidatos .table-view .table-view-content .candidato .data-elem.dispo b::before {
        content: "";
        width: 15px;
        height: 15px;
        background-color: #078607;
        border-radius: 20px;
        margin-right: 0.5em;
        display: block;
        position: absolute;
        left: 0;
        top: 15px;
    }

    .candidatos .table-view .table-view-content .candidato.current-user .data-elem.dispo b::before {
        background-color: #24d724;
    }
}

@media (max-width: 650px) {

    #ofertas .bolsas .bolsa .info-oferta .datos-bolsa .form-element,
    #reclamaciones .bolsas .bolsa .info-oferta .datos-bolsa .form-element {
        width: 100%;
    }
}

@media (max-width: 600px) {
    #dv_dispo .historico {
        width: 95%;
    }

    .frame .docu-container .docu-elem .lista_ficheros.margin li a {
        width: calc(100% - 30px);
    }

    .thumbnail span {
        width: calc(100% - 3.5em - 30px);
    }

    .frame .docu-container .docu-elem div.edit-buttons {
        flex-direction: column;
        width: 22px;
        justify-content: center;
        align-items: flex-end;
    }

    .frame .docu-container .docu-elem .lista_ficheros.margin li a.borrar-docu {
        margin-top: 0.75em;
    }

    .frame .docu-container .docu-elem li.validado div.edit-buttons,
    .frame .docu-container .docu-elem div.valid-icon,
    .frame .docu-container .docu-elem .lista_ficheros.margin li div.edit-buttons a {
        width: 22px;
    }

    .frame .docu-container .docu-elem div.valid-icon {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
        height: auto;
        display: none;
    }

    .frame .docu-container .docu-elem li.validado div.edit-buttons div.valid-icon {
        display: inline-block;
    }

    .frame .docu-container .docu-elem div.edit-buttons a:nth-child(2) {
        margin: 0;
    }

    .bolsas .bolsa .info-bolsa .datos-bolsa {
        flex-wrap: wrap;
    }

    .info-bolsa .notificaciones {
        margin: 1em 0 0 0;
    }
}

@media (max-width: 500px) {

    form.login-form {
        width: 100%;
    }

    #dv_dispo {
        width: 90% !important;
    }

    .bolsas .bolsa .info-oferta .datos-bolsa .form-element {
        width: 100%;
    }

}

@media (max-width: 475px) {
    .bolsas .buscador {
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .bolsas .buscador .form-element {
        width: calc(100% - 0.5em - 25px);
        margin-top: 0.5em;
    }

    .bolsas .buscador .form-element.fecha {
        width: calc(50% - 0.25em);
        margin-top: 0;
    }

    .bolsas .buscador .form-element.fecha:nth-child(2) {
        margin-right: 0;
    }
}



@media (max-width: 350px) {

    .button {
        width: 100%;
        text-align: center;
    }
}