/* Для ширин экрана от 768px до 1080px */
@media only screen and (min-width: 768px) and (max-width: 1080px) and (pointer: fine) {
    /* Здесь можно задать стили для устройств с шириной экрана от 768px до 1023px */
    .inner-block, .inner-block-m {
        display: block !important;
        opacity: 1 !important;
    }
    .header-middle .logo, .header-middle-m .logo {
        display: none;
    }
}
@media only screen and  (max-width: 1240px) and (pointer: fine) {
    /* Здесь можно задать стили для устройств с шириной экрана от 768px до 1023px */
.info{
    margin-left: 5rem;
}

}
/* Для ширин экрана от 1024px до 1100px */
@media only screen and (min-width: 1024px) and (max-width: 1600px) and (pointer: fine) {
    /* Здесь можно задать стили для устройств с шириной экрана от 1024px до 1172px
    html, body{
        font-size: 13px;
    }*/
    /*.filter-toggle {
        font-size: 4vmin;
        position: sticky;
        top: 100px;
        left: 0;
        z-index: 4;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 10vmin;
        height: 10vmin;
        box-shadow: 7px 7px 21px #888888, -5px -5px 15px #ffffff;
        background-color: #503d32;
        color: #f2e4c4;
        border: #503d32;
        border-radius: 50%;
        cursor: pointer;
    }*/
    .filter-toggle {
        font-size: 1rem;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        position: absolute;
        top: 14rem;
        left: -2rem;
        z-index: 4;
        padding: 10px;
        display: flex;
        justify-content: left;
        align-items: center;
        width: auto;
        height: 2rem;
        box-shadow: 7px 7px 21px #888888, -5px -5px 15px #ffffff;
        background-color: #b17649;
        color: #ffffff;
        border: #503d32;
        border-radius: 0.5rem;
        clip-path: stroke-box;
        cursor: pointer;
        transform: rotate(90deg);
    }
    /*
        .content {
            flex-direction: column;
        }*/

    .filter-panel {
        /*flex-basis: 100%;
        margin-right: 0;
        order: 2;
        left: -230px;
        transition: all 0.3s ease-in-out;
        /*font-size: 1.8em;*/
    }
    /*
    .filter-panel--open {
        position: fixed;
        top: 50px;
        left: 0;
        width: 230px;
        height: 100%;
        z-index: 5;
        overflow: auto;
        background-color: #fff;
        padding: 20px;
    }*/
    .filter-panel--open {

        display:block;
    }
}
/* Для ширин экрана от 1101px до 1172px */
@media only screen and (min-width: 1601px) and (max-width: 2048px) and (pointer: fine) {
    /* Здесь можно задать стили для устройств с шириной экрана от 1024px до 1172px */
    html, body{
        font-size: 14px;
    }

}