.banner-seller{
    display: none;
    width: 220px;
}
.container-resizer{
    position: relative;
    right: -15px;
}
.button-show-map{
    height: 50px;
    width: 200px;
    cursor: pointer;
    background: url(/images/map_image_button.png);
}
.ymap{
    width: auto;
    height: 50vh;
}
#container-map{
    display: none;
    width: 100%;
    position: sticky;
    top: 0;
    bottom: 0;
    min-width: 270px;
    max-width: 70%;
}
.resizer{
    cursor: col-resize;
    opacity: 0.7;
    margin-top: 30px;
    margin-bottom: 30px;
    min-width: 30px;
    height: 30px;
    color: black;
    background-color: white;
    position: -webkit-sticky;
    position: sticky;
    top: 25%;
    bottom: 100%;
    justify-content: center;
    display:none;
    align-items: center;
    box-shadow: 0 0 1px #000;
    z-index: 1000;
}
#container{
    width: 100%;
}

.select-resize__margin__bottom {
    margin-bottom: 24px!important;
}

.number-rooms__margin__bottom {
    margin-bottom: 20px!important;
}

.search-in__margin__bottom {
    margin-bottom: 20px!important;
}

#number-rooms__padding__right {
    padding-right: 0px!important;
}

.price-range__margin__top {
    margin-top: 20px!important;
} 

.price-range__margin__bottom {
    margin-bottom: 20px!important;
}

.filter-resize__width {
    width: 278px;
}

.search-form__price_materials {
    display: flex;
    justify-content: space-between;
    width: 48%;
}

.custom-select-options {
    width: 100%;
}

.price-range__block {
    margin-left: 0.3rem!important;
}

@media (min-width: 1400px) {
    .select-resize {
        max-width: 550px;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .search-form__price_materials {
        display: flex;
        width: 50%;
        justify-content: space-between;
    }

    #number-rooms__padding__right {
        padding: 0.5rem!important;
    }
}

@media (max-width: 1200px) {
    @media (min-width: 992px) {
        .filter-resize {
            max-width: 150px;
        }

        .sliders-size {
            min-width: 220px;
        }

        .filter-buttons-resize {
            max-width: 150px;
        }
        .select-resize{
            max-width: 485px;
        }
        .materials-size{
            max-width: 140px;
        }
    }
}

@media (min-width: 1200px) {
    #container-map{
        max-width: 75%;
    }
    .sliders-size{
        min-width: 250px;
    }
    .deadline-resize{
        max-width: 255px;
    }
    .select-resize{
        max-width: 530px;
    }
    .materials-size{
        max-width: 240px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    .filter-element__city,
    .city__select-options,
    .filter-element__district,
    .district__select-options,
    .filter-element__is-apartment,
    .is-apartment__select-options {
        width: 180px!important;
    }

    .filter-resize {
        max-width: 170px!important;
    }

    #additional-parameters-to-search {
        display: block!important;
    }

    .select-resize {
        max-width: 100%;
        width: 100%!important;
    }
    .search-form__price_materials {
        width: 48%;
        display: flex;
        justify-content: space-between;
        padding-left: 0.5rem!important;
    }

    .deadline__select-options {
        width: 100%!important;
    }
}

@media (max-width: 991px) {
    .search-form-toggle {
        padding: 6px 12px!important;
    }

    .double-range {
        max-width: calc(100% - 30px);
        margin: auto;
    }

    .materials-size {
        padding: 0rem 0.5rem;
    }

    .search-by {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .sliders-size {
        padding: 0rem 0.5rem!important;
    }

    #number-rooms__padding__right {
        padding-right: 0.5rem!important;
    }
    
    .filter-element__city,
    .filter-element__district,
    .filter-element__is-apartment {
        width: 98%;
    }

    .district__select-options,
    .city__select-options,
    .is-apartment__select-options {
        width: 98%;
    }

    .filter-element__material,
    .search-by-materials,
    .search-by-materials__select,
    .material__select-options {
        width: 100%;
    }

    #search-by-additional-options {
        justify-content: flex-start!important;
    }

    .filter-resize__width {
        margin: auto;
    }

    .search-form__price_materials {
        display: block;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .search-by {
        display: block;
    }

    .filter-element__material,
    .search-by-materials,
    .search-by-materials__select,
    .material__select-options  {
        width: 100%;
    }

    #search-by-additional-options {
        justify-content: flex-start!important;
    }
}