<div id="price_ranger" class="range-filter">
<!-- БЛОК С ИНПУТАМИ ВВОДА -->
    <div class="range-filter__inputs">
        <input id="price_ranger_min" type="text" name="price_min" value="700" class="range-filter__input-min">
        <input id="price_ranger_max" type="text" name="price_max" value="1500" class="range-filter__input-max">
        <span class="range-filter__unit">руб.</span>
    </div>

<!-- БЛОК ПОЛЗУНКОВ И ИНДИКАТОРА -->
    <div class="range-filter"><!-- ОСНОВНАЯ ПОЛОСА -->
        <div class="range-filter__handles"><!-- БЛОК ПОЛЗУНКОВ -->
            <div class="range-filter__left-handle"></div><!-- ПЕРВЫЙ ПОЛЗУНОК -->
            <div class="range-filter__right-handle"></div><!-- ВТОРОЙ ПОЛЗУНОК -->
        </div>
        <div class="range-filter"></div><!-- ПОЛОСА РЕЗУЛЬТАТ -->
        <input type="hidden" id="min_available_price" class="min-available" value="700"><!-- ПОЛЕ ПО УМОЛЧАНИЮ СКРЫТО -->
        <input type="hidden" id="max_available_price" class="max-available" value="1500"><!-- ПОЛЕ ПО УМОЛЧАНИЮ СКРЫТО -->
    </div>
</div>