@media screen and (max-width: 1199px) {
    #menu-filtros {
        position: absolute;
        z-index: 4;
        top: 173px;
        right: 0;
        max-width: 0%;
        overflow: hidden;
        background: #EEF1F2;
        box-shadow: 10px 10px 40px rgba(55, 76, 83, 0.15);

        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

    #menu-filtros.active {
        max-width: 60%;
    }

    .menu-filtros-head {
        padding: 24px;
        background-color: var(--secondary-theme-color);
        justify-content: space-between;
        align-items: center;
        width: 157px;
    }

    .menu-filtros-close {
        background-color: transparent;
    }

    .menu-filtros-section:not(:first-child) {
        border-top: 1px solid #E0E2E3;
    }

    .menu-filtros-section-label {
        justify-content: space-between;
        border-bottom: 1px solid #E0E2E3;
        padding: 16px 23px;
    }

    .menu-filtros-section-label span {
        color: #7C878E;
    }

    .menu-filtros-section-label.active ~ .menu-filtros-section-items{
        max-height: 2000px;
    }

    .menu-filtros-section-items{
        max-height: 0;
        overflow: hidden;

        -webkit-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;
    }

    .menu-filtros-section-items li {
        color: #7C878E;
        margin-left: 25px;
        padding: 16px 23px;
    }

    .menu-filtros-section-color {
        flex-wrap: wrap;
    }

    .menu-filtros-color-block {
        align-items: center;
    }

    #banner-categoria {
        height: 360px;
        width: 100%;
    }

    .banner-categoria-item{
        height: 360px;
        object-fit: cover;
    }

    #listagem {
        margin-top: 40px;
    }

    #filtro-wrapper-classificar {
        order: 2;
        margin-left: auto;
    }

    .filtro-display-mode {
        flex: 1;
        justify-content: center;
    }

    .paginacao-select .input-default {
        background-color: white;
    }

    .filtro-menu-mobile {
        background-color: #fff;
        padding: 8px 16px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
        order: 3;
        color: #7C878E;
    }

    .paginacao-top .container, .paginacao-bottom .container {
        flex-wrap: wrap;
        gap: 8px;
    }
}

@media screen and (max-width: 767px) {
    #banner-categoria {
        height: 112px;
        width: 100%;
    }

    .banner-categoria-item{
        height: 112px;
        object-fit: cover;
    }

    .filtros select.input-default {
        width: auto;
    }

    span.qtd-items {
        font-size: 10px;
        line-height: 12px;
    }

    .filtros select.input-default {
        font-size: 12px;
        line-height: 14.5px;
    }

    .filtro-menu-mobile {
        margin-left: auto;
    }

    .filtro-menu-mobile > span{
        font-size: 12px;
        line-height: 14.5px;
    }

    .paginacao-top > .container,
    .paginacao-bottom > .container {
        flex-direction: column;
        align-items: stretch;
    }
    .paginacao-top .paginacao-select > .flex-container,
    .paginacao-bottom .paginacao-select > .flex-container {
        justify-content: space-between;
    }
}