.apartments-filter__filter-button {
    display: none;
}

.apartments-filter__form.columns {
    margin: 0 0 0 -21px;
}

.apartments-filter__control.column {
    padding: 0 0 15px 21px;
}

.apartments-filter__control_location.column {
    width: 30%;
    z-index: 50;
}

.apartments-filter__control_layout.column {
    width: 20%;
    z-index: 40;
}

.apartments-filter__control_rooms.column {
    width: 30%;
}

.apartments-filter__buttons-rooms.columns {
    margin: 0 0 0 -10px;
}

.apartments-filter__buttons-rooms button {
    width: 100%;
}

.apartments-filter__button-rooms.column {
    flex-grow: 1;

    padding: 0 0 0 10px;
}

.apartments-filter__button-rooms_double.column {
    flex-grow: 2;
}

.apartments-filter__button-rooms_hide {
    display: none;
}

.apartments-filter__control_floor.column {
    width: 20%;
}

.apartments-filter__floor-display {
    padding-left: 30px;
    padding-right: 15px;
}

.apartments-filter__floor-slider {
    width: 90%;
    margin: 0 auto 0 6%;
}

.apartments-filter__control_price.column {
    width: 30%;
}

.apartments-filter__price-display {
    padding-left: 30px;
    padding-right: 15px;
}

.apartments-filter__price-slider {
    width: 90%;
    margin: 0 auto 0 6%;
}

.apartments-filter__control_area.column {
    width: 30%;
}

.apartments-filter__area-display {
    padding-left: 30px;
    padding-right: 15px;
}

.apartments-filter__area-slider {
    width: 90%;
    margin: 0 auto 0 6%;
}

.apartments-filter__control_date.column {
    width: 40%;
}

.apartments-filter__buttons-date.columns {
    margin: 0 0 0 -10px;
}

.apartments-filter__buttons-date button {
    width: 100%;
}

.apartments-filter__button-date.column {
    padding: 0 0 0 10px;
}

@media (max-width: 1279px) {
    .apartments-filter__form.columns {
        margin: 0 0 21px -21px;
    }

    .apartments-filter__control_location.column {
        width: 33%;
    }

    .apartments-filter__control_layout.column {
        width: 33%;
    }

    .apartments-filter__control_rooms.column {
        width: 34%;
    }

    .apartments-filter__control_floor.column {
        width: 33%;
    }

    .apartments-filter__control_price.column {
        width: 33%;
    }

    .apartments-filter__control_area.column {
        width: 34%;
    }

    .apartments-filter__control_date.column {
        width: 100%;
    }
}

@media (max-width: 1023px) {
    .apartments-filter__filter-button {
        display: block;

        margin-bottom: 33px;
        padding-left: calc(2.6% + 19px);
    }

    .apartments-filter__form-container {
        display: none;
    }

    .apartments-filter__form.columns {
        margin: 0 0 15px -21px;
    }

    .apartments-filter__control.column {
        padding: 0 0 25px 21px;
    }

    .apartments-filter__control_location.column {
        width: 50%;
    }

    .apartments-filter__control_layout.column {
        width: 50%;
    }

    .apartments-filter__control_rooms.column {
        width: 50%;
    }

    .apartments-filter__control_floor.column {
        width: 50%;
    }

    .apartments-filter__control_price.column {
        width: 50%;
    }

    .apartments-filter__control_area.column {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .apartments-filter__filter-button {
        padding-left: 27px;

        background-position: right 24px center;
    }

    .apartments-filter__form.columns {
        margin: 0 0 9px 0;
    }

    .apartments-filter__control.column {
        padding: 0 0 8px 0;
    }

    .apartments-filter__control_location.column {
        width: 100%;
    }

    .apartments-filter__control_layout.column {
        width: 100%;
    }

    .apartments-filter__control_rooms.column {
        width: 100%;
    }

    .apartments-filter__buttons-rooms.columns {
        display: flex;
    }

    .apartments-filter__button-rooms.column {
        flex: none;
        width: 17%;
    }

    .apartments-filter__button-rooms.column:nth-of-type(1) {
        width: 32%;
    }

    .apartments-filter__control_floor.column {
        width: 100%;
    }

    .apartments-filter__control_price.column {
        width: 100%;
    }

    .apartments-filter__control_area.column {
        width: 100%;
    }

    .apartments-filter__control_date.column {
        width: 100%;
    }

    .apartments-filter__buttons-date.columns {
        display: flex;
        flex-wrap: wrap;
        margin: -10px 0 0 -10px;
    }

    .apartments-filter__button-date.column {
        flex: none;

        width: 50%;
        padding: 10px 0 0 10px;
    }
}