@media (min-width: 1922px) {
    section article#inicio,
    section nav#nav article,
    article#features,
    article#articles,
    article#nosotros > article#nosotros_container,
    article#testimonio_clientes,
    article#ubi,
    footer article#footer,
    footer article#footer_deep article,
    article#banner_cta h2,
    article#banner_cta > article { width: 1920px; }

    article#banner_cta h2 { margin-left: auto; margin-right: auto; }
    article#banner_cta > article { margin: 0 auto; }
    header#header { width: 80%; }
    body { font-size: 20px; }
}
@media (max-width: 1820px) {
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities { width: 45%; }
}
@media (max-width: 1690px) {
    section#catalogo > article:last-of-type {
        grid-template-columns: 250px 1fr;
    }
    section#catalogo > article:last-of-type article#articles_section article#items_article {
        grid-template-columns: repeat(5, 1fr);
    }
    section#catalogo > article:last-of-type article#articles_section article#items_article div p {
        font-size: .97em;
    }
    section#catalogo > article:last-of-type article#departamentos ul li a {
        font-size: .84em;
    }
}
@media (max-width: 1601px) {
    header#header > article:first-of-type{ width: 40%; }
    header#header > article:first-of-type h1 { font-size: 2.8em; }
    header#header > article:first-of-type p:last-of-type { font-size: 1.4em; }
    header#header button#btn_cta_cliente { font-size: 1.25em; }
    header#header > article:last-of-type { height: 50vh;width: 60%; }
    header#header div#bg_skewed { width: 43%; }
    header#header { width: 93%; }
    section article#inicio, section nav#nav article, article#features, article#articles, article#nosotros > article#nosotros_container, article#testimonio_clientes, article#ubi, footer article#footer, footer article#footer_deep article { width: 85%; }
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities { width: 50%; }
}
@media (max-width: 1530px) {
    section#catalogo > article:last-of-type article#articles_section article#filters {
        grid-template-columns: repeat(4, 1fr);
        grid-template-areas:
            'h1 h1 btn btn'
            'filtro filtro filtro filtro';
        gap: 0.5em;
    }
}
@media (max-width: 1517px) {
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities > ul li div { grid-template-columns: repeat(2, calc(98% / 2)); }
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities { width: 30%; }
}
@media (max-width: 1441px) {
    section article#inicio figure { width: 95px; }
    section article#inicio, section nav#nav article, article#features, article#articles, article#nosotros > article#nosotros_container, article#testimonio_clientes, article#ubi, footer article#footer, footer article#footer_deep article { width: 90%; }
    header#header { width: 95%; }
    article#nosotros > article#nosotros_container > article#numbers { width: 90%; }
    section#catalogo > article:last-of-type article#articles_section article#items_article {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 1400px) {
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities {
        width: 40%;
    }
}
@media (max-width: 1366px) {
    article#features article { width: 25%; }
    section#contacto > p.titulo ~ article { width: 100%; }
}
@media (max-width: 1280px) {
    section article#inicio, section nav#nav article, article#features, article#articles, article#nosotros > article#nosotros_container, article#testimonio_clientes, article#ubi, footer article#footer, footer article#footer_deep article { width: 92% }
    article#articles { width: 80%!important; }
    article#nosotros > article#nosotros_container article#mvv > article {
        padding: 2em 2.5em;
        width: 30%;
    }
    article#nosotros > article#nosotros_container article#circulo_virtuoso > article { width:45% }
    article#testimonio_clientes > article > article { width: 30%; }
    footer article#footer > article:nth-child(1), footer article#footer > article:nth-child(2) {
        gap: 1em;
    }
}
@media (max-width: 1190px) {
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities > ul li.active div {
        max-height: 200px;
        overflow-y: scroll;
        place-content: baseline;
    }
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities {
        width: 40%;
    }
    section#catalogo > article:last-of-type article#articles_section article#items_article {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 1140px) {
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities > ul li.active div {
        padding: 0 1em;
        grid-template-columns: repeat(1, calc(98% / 1));
    }
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities > ul li div p {
        font-size: 1em;
    }
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities > ul li div {
        row-gap: 0.4em;
    }
    section#contacto > p.titulo ~ article article#company_data {
        width: 300px;
    }
    section#contacto > p.titulo ~ article article#formulario {
        width: 55%;
    }
}
@media (max-width: 1024px) {
    article#banner_cta > article > article a { font-size: 1em; }
    .section_title { font-size: 2em; }
    body { font-size: 14px; }
    header#header { width: 98%; }
    /* footer article#footer { grid-template-columns: repeat(3, calc(98% / 3)); gap: 1%; } */
    header#header div#bg_skewed { width: 46%; }
    article#nosotros > article#nosotros_container > figure ~ article#numbers { width: 90%; }
    section article#inicio, section nav#nav article, article#features, article#articles, article#nosotros > article#nosotros_container, article#testimonio_clientes, article#ubi, footer article#footer, footer article#footer_deep article { width: 98% }
    article#nosotros > article#nosotros_container > figure ~ article#numbers > article h2 { font-size: 3em; }
    article#banner_cta > article button { font-size: 1.2em; }
    article#articles,
    article#socios,
    article#testimonio_clientes { margin: 2em auto; }
    article#nosotros { padding: 2em 0; }
    article#banner_cta { padding: 1.5em 0; }
    article#ubi { margin: 2em auto .5em auto }
    article#nosotros > article#nosotros_container > article#cobertura {
        flex-direction: column-reverse;
        gap: 1.5em;
        margin-bottom: 4em;
    }
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities {
        width: 80%;
    }
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities > ul li.active div {
        padding: 0.5em 1em;
        grid-template-columns: repeat(4, calc(98% / 4));
        max-height: unset;
        overflow-y: unset;
        place-content: center;
    }
    article#nosotros > article#nosotros_container #maps {
        margin: 0 auto;
        width: 80%;
    }
    section#catalogo > article:last-of-type {
        grid-template-columns: 200px 1fr;
    }
}
@media (max-width: 992px) {
    article#nosotros > article#nosotros_container article#mvv { justify-content: space-between; }
    header#header > article:first-of-type h1 { font-size: 2.3em; }
    header#header > article:first-of-type p:last-of-type { font-size: 1.2em; }
    header#header button#btn_cta_cliente { font-size: 1.2em; }
    article#nosotros > article#nosotros_container > figure { width: 70%; }
}
@media (max-width: 960px) {
    article#nosotros > article#nosotros_container article#mvv > article { width: 32%; }
    article#nosotros > article#nosotros_container article#circulo_virtuoso > article {
        width: 50%;
    }
}
@media (max-width: 900px) {
    section#catalogo > article:last-of-type article#articles_section article#items_article {
        grid-template-columns: repeat(2, 1fr);
    }
    section#catalogo > article:last-of-type article#articles_section article#filters {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            'h1 btn'
            'filtro filtro';
    }
}
@media (max-width: 820px) {
    article#nosotros > article#nosotros_container article#mvv {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1em;
    }
    article#nosotros > article#nosotros_container article#mvv {
        justify-content: center;
        gap: 1em;
        flex-wrap: wrap;
    }
    article#nosotros > article#nosotros_container article#mvv > article {
        width: 48%;
    }
    article#articles {
        width: 90%!important;
    }
    article#socios .carousel-container .carousel_items .item {
        min-width: 100px!important;
    }
    article#nosotros > article#nosotros_container article#mvv {
        background-color: var(--white);
        box-shadow: 0 1em 5px -10px var(--gray_light);
        padding: 2em;
        width: 95%;
        margin: 0 auto;
        flex-direction: column;
        gap: 0;
    }
    article#nosotros > article#nosotros_container article#mvv > article {
        box-shadow: none;
        border: none;
        width: 80%;
        padding: 0;
        margin: 0 auto 2em auto;
    }
    article#nosotros > article#nosotros_container article#mvv > article:nth-child(2){
        background-color: transparent;
        color: #333333;
    }
    article#nosotros > article#nosotros_container article#mvv > article:nth-child(3){
        margin: 0 auto;
    }
    article#nosotros > article#nosotros_container article#mvv > article:nth-child(3) ul {
        display: grid;
        grid-template-columns: repeat(2, calc(98% / 2));
        width: 100%;
        place-content: center;
    }
    article#nosotros > article#nosotros_container article#mvv > article h2 {
        margin-bottom: 1em;
    }
    article#nosotros > article#nosotros_container article#mvv > article h2::after {
        content: unset;
    }
    article#nosotros > article#nosotros_container article#circulo_virtuoso {
        flex-direction: column;
        gap: 1em;
    }
    article#nosotros > article#nosotros_container article#circulo_virtuoso > article {
        background-color: transparent;
        width: 90%;
        box-shadow: none;
        border: none;
        font-weight: normal;
        padding: 0;
    }
    article#nosotros > article#nosotros_container article#circulo_virtuoso > figure {
        width: 60%;
    }
    footer article#footer > article:nth-child(1), footer article#footer > article:nth-child(2) {
        gap: 2em;
    }
}
@media (max-width: 780px) {
    section#catalogo > article:last-of-type article#articles_section article#filters h1 {
        font-size: 1.9em;
    }
}
@media (max-width: 768px) {
    section nav#nav a#menu_mobile_view { display: inline-block; }
    section nav#nav { padding: .5em; }
    section nav#nav article ul {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 0;
        transition: all .4s;
        flex-direction: column;
        background-color: var(--black_bg);
        overflow: hidden;
    }
    section nav#nav article > a {
        background-color: var(--white);
        padding: 0.2em 0.5em;
        border-radius: 3px;
        font-size: 1.3em;
        cursor: pointer;
    }
    article#articles {
        width: 95%!important;
    }
    article#providers {
        width: 90%;
    }
    article#nosotros > article#nosotros_container > figure ~ article#numbers {
        width: 98%;
    }
    section nav#nav article ul li a { 
        padding: 1em 2em;
        width: 100%;
    }
    .carousel-container .controls .slide {
        width: .8em;
        height: .8em;
    }
    article#socios .carousel-container .carousel_items .item {
        min-width: 120px!important;
    }
    article#nosotros > article#nosotros_container > article#numbers {
        /* gap: 1em; */
        width: 95%;
        row-gap: .5em;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    article#nosotros > article#nosotros_container > article#numbers > article {
        width: 40%;
    }
    article#testimonio_clientes > article {
        flex-wrap: wrap;
    }
    article#testimonio_clientes > article > article {
        width: 80%;
    }
    article#features {
        flex-wrap: wrap;
        gap: 2em;
        justify-content: space-around;
    }
    article#features article {
        width: 40%;
    }
    header#header {
        width: 100%;
        position: relative;
    }
    header#header > article:first-of-type {
        width: 80%;
        position: absolute;
        top: 20%;
        left: 10%;
        text-align: center;
        color: var(--white);
    }
    header#header > article:first-of-type h1 {
        font-size: 2.8em;
        font-weight: 400;
    }
    header#header > article:first-of-type p:last-of-type {
        font-size: 1.5em;
    }
    header#header button#btn_cta_cliente {
        font-size: 1.5em;
    }
    header#header > article#header_image {
        background: linear-gradient(0deg, #4c4c4ce0 11.3%, #4c4c4ce0 59.23%), url(../images/mafensa_warehouseman.jpg), lightgray 0px 19.108px / 100% 164.103% no-repeat;
        width: 100%;
        background-size: cover;
        background-position: center;
    }
    header#header div#bg_skewed {
        display: none;
    }
    section article#inicio, section nav#nav article, article#features, article#articles, article#nosotros > article#nosotros_container, article#testimonio_clientes, article#ubi, footer article#footer, footer article#footer_deep article {
        width: 95%;
    }
    article#nosotros > article#nosotros_container article#circulo_virtuoso > figure {
        width: 70%;
    }
    footer article#footer {
        grid-template-columns: repeat(2, calc(100% / 2));
        grid-template-areas:
            'empresa catalogo'
            'logo logo';
        row-gap: 2em;
        padding: 1em 0;
    }
    footer article#footer > article:nth-child(1) {
        grid-area: empresa;
    }
    footer article#footer > article:nth-child(2) {
        grid-area: catalogo;
    }
    footer article#footer > article:nth-child(3) {
        grid-area: logo;
    }
    footer article#footer > article:nth-child(3) figure {
        width: 25%;
    }
    footer article#footer_deep article p {
        font-size: 0.9em;
    }
    article#banner_cta_proveedor {
        flex-direction: column;
        gap: 1em;
        padding: 2em 0;
    }
    article#banner_cta_proveedor p {
        text-align: center;
        padding: 0 1em;
    }
    section#catalogo > article:last-of-type {
        padding: 1em;
        grid-template-columns: auto;
        position: relative;
    }
    body.openDepaMenu {
        overflow: hidden;
        height: 100vh;
        position: relative;
    }
    body.openDepaMenu::after {
        content: '';
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #4c4c4cbd;
        z-index: 5;
    }
    section#catalogo > article:last-of-type article#departamentos {
        position: fixed;
        background-color: var(--white);
        padding: 1em;
        top: 0;
        right: -100%;
        z-index: 6;
        box-shadow: 0 0 10px var(--black_secondary);
        width: 400px;
        height: 100vh;
        overflow-y: scroll;
        transition: all .3s;
    }
    section#catalogo > article:last-of-type article#departamentos.active {
        right: 0;
        padding: 0 1em 1em;
    }
    section#catalogo > article:last-of-type article#departamentos.active > p {
        padding: 0.5em;
        text-align: end;
        font-size: 1.2em;
        position: sticky;
        top: 0;
        background-color: #fff;
    }
    section#catalogo > article:last-of-type article#departamentos ul li a {
        font-size: .99em;
        padding: 0.6em 0.5em;
    }
    section#catalogo > article:last-of-type article#departamentos ul li a.active {
        font-size: 1.05em;
    }
    section#catalogo > article:last-of-type article#articles_section article#filters fieldset {
        gap: 0.5em;
        justify-content: space-between;
    }
    section#catalogo > article:last-of-type article#articles_section article#filters fieldset > i {
        right: 1%;
    }
    section#catalogo > article:last-of-type article#articles_section article#filters button#btn_filter {
        width: fit-content;
        grid-area: btn_f;
    }
    section#catalogo > article:last-of-type article#articles_section article#filters {
        grid-template-areas:
        'h1 h1 h1'
        'filtro filtro filtro'
        'btn_f . btn';
        /* gap: 0.5em; */
    }
    section#catalogo > article:last-of-type article#articles_section article#items_article {
        grid-template-columns: repeat(3, 1fr);
    }
    section#catalogo > article:last-of-type article#articles_section article#tagsnav p a {
        font-size: 1.05em;
    }
    section#politicas h1 span,
    section#politicas h1 ~ article,
    section#privacidad h1 span,
    section#privacidad h1 ~ article,
    section#terminos h1 span,
    section#terminos h1 ~ article {
        width: 95%;
    }
    section#contacto > p.titulo ~ article {
        flex-direction: column;
        align-items: center;
        gap: 1em;
    }
    section#contacto > p.titulo ~ article article#company_data {
        width: 80%;
        display: flex;
        justify-content: space-between;
    }
    section#contacto > p.titulo ~ article article#company_data > article:nth-child(1) {
        display: none;
    }
    section#contacto > p.titulo ~ article article#formulario {
        width: 80%;
    }
}
@media (max-width: 675px) {
    section#catalogo > article:last-of-type article#articles_section article#items_article div figure {
        width: 120px;
    }
    section#catalogo > article:last-of-type article#articles_section article#items_article div p {
        font-size: .86em;
    }
}
@media (max-width: 590px) {
    article#features {
        padding: 2em 0;
    }
    article#features article {
        width: 45%;
    }
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities {
        width: 100%;
    }
    article#nosotros > article#nosotros_container #maps {
        width: 95%;
    }
    article#nosotros > article#nosotros_container article#mvv {
        padding: 2em 1em;
    }
    article#nosotros > article#nosotros_container article#mvv > article {
        width: 90%;
    }
    article#nosotros > article#nosotros_container article#circulo_virtuoso > figure {
        width: 90%;
    }
    article#banner_cta > article {
        flex-direction: column;
        align-items: center;
        gap: 2em;
    }
    article#banner_cta > article button {
        padding: 0.9em 1em;
        width: 60%;
    }
    article#banner_cta > article article {
        width: 60%;
    }
    article#banner_cta > article article button {
        width: 100%;
    }
    article#banner_cta > article > article a {
        margin-top: 0.5em;
        font-size: 1.2em;
    }
    article#testimonio_clientes > article > article {
        width: 90%;
    }
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities > ul li.active div {
        grid-template-columns: repeat(3, calc(98% / 3));
    }
    .carousel-container .controls {
        width: 70vw;
        flex-wrap: wrap;
        gap: 1em;
        margin: 2em auto 1em auto;
    }
    .carousel-container .controls .slide {
        width: 1em;
        height: 1em;
    }
    section article#inicio p {
        display: flex;
        flex-direction: column;
        align-items: end;
        gap: 0.8em;
    }
    section article#inicio p > a:nth-child(2) {
        margin: 0;
    }
    section article#inicio p > span a {
        font-size: 1.35em;
    }
    section article#inicio figure {
        width: 120px;
    }
}
@media (max-width: 560px) {
    footer article#footer_deep article {
        flex-direction: column;
        align-items: center;
        gap: 1em;
    }
    section#contacto > p.titulo ~ article article#company_data,
    section#contacto > p.titulo ~ article article#formulario,
    section#contacto > p.titulo span {
        width: 95%;
    }
}
@media (max-width: 540px) {
    body {
        font-size: 12px;
    }
    .carousel-container .carousel_items .item {
        min-width: 170px;
        margin: 0 5px;
    }
    .carousel-container article#buttons {
        top: 36%;
        left: -15%;
        width: 130%;
    }
    article#socios .carousel-container .carousel_items .item {
        min-width: 95px!important;
    }
    article#nosotros > article#nosotros_container #maps {
        width: 100%;
    }
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities {
        width: 95%;
    }
    article#nosotros > article#nosotros_container > article#numbers > article {
        width: 100%;
        margin: 1em 0;
    }
    article#nosotros > article#nosotros_container article#mvv {
        width: 100%;
    }
    article#nosotros > article#nosotros_container article#mvv > article {
        width: 95%;
    }
    article#nosotros > article#nosotros_container article#circulo_virtuoso > article {
        width: 95%;
    }
    footer article#footer > article:nth-child(3) p:nth-child(2) {
        font-size: 1.3em;
    }
    footer article#footer > article:nth-child(3) p:nth-child(3) {
        font-size: 1.1em;
    }
    footer article#footer > article:nth-child(3) p:nth-child(4) {
        word-wrap: break-word;
    }
    footer article#footer > article:nth-child(3) figure {
        width: 34%;
    }
    article#testimonio_clientes > article > article {
        width: 95%;
    }
    article#features article {
        width: 90%;
    }
    article#features article h4 ~ p {
        text-align: center;
    }
    article#features article h4 {
        margin-bottom: 0.5em;
    }
    article#features article {
        width: 90%;
        margin: 0.3em 0;
    }
    article#nosotros > article#nosotros_container > article#numbers > article p ~ p {
        text-align: center;
    }
    .carousel-container .controls {
        width: 80vw;
    }
}
@media (max-width: 480px) {
    section#catalogo > article:last-of-type {
        padding: 0.5em 0.7em;
    }
    .carousel-container article#buttons {
        left: -10%;
        width: 119%;
    }
    header#header > article:first-of-type {
        width: 90%;
        left: 5%;
    }
    article#nosotros > article#nosotros_container > article#cobertura article#container_states_cities > ul li.active div {
        grid-template-columns: repeat(2, calc(98% / 2));
    }
    section#catalogo > article:last-of-type article#articles_section article#items_article {
        grid-template-columns: repeat(2, 1fr);
        gap: 0.9em;
    }
    section#catalogo > article:last-of-type article#departamentos.active {
        width: 300px;
    }
}
@media (max-width: 430px) {
    .carousel-container .carousel_items .item {
        min-width: 200px;
        margin: 0 20px;
    }
    article#socios .carousel-container .carousel_items .item {
        margin: 0 5px;
    }
    header#header > article:first-of-type {
        width: 95%;
        left: 2.5%;
    }
    section#catalogo > article:last-of-type article#departamentos {
        right: -200%;
    }
    section#catalogo > article:last-of-type article#departamentos.active {
        width: 100%;
    }
}
@media (max-width: 408px) {
    section#catalogo > article:last-of-type article#articles_section article#items_article,
    section#catalogo > article:last-of-type article#articles_section article#filters {
        grid-template-columns: repeat(1, 1fr);
    }
    section#catalogo > article:last-of-type article#articles_section article#filters {
        grid-template-areas:
            'h1'
            'filtro'
            'btn_f'
            'btn';
    }
    section#catalogo > article:last-of-type article#articles_section article#filters button#btn_filter,
    section#catalogo > article:last-of-type article#articles_section article#filters button#btn_pdf {
        width: 100%;
    }
}

@media (max-height: 2880px) {
    header#header { height: 25vh }
}
@media (max-height: 2000px) {
    header#header { height: 30vh }
}
@media (max-height: 1620px) {
    header#header { height: 35vh }
}
@media (max-height: 1330px) {
    header#header { height: 40vh }
}
@media (max-height: 1080px) {
    header#header { height: 70vh }
}
@media (max-height: 800px) {
    header#header { height: 550px }
}
/* @media (max-height: 560px) {
    header#header { height: 80vh; }
} */