<div class="sidebar">
    <!-- <a aria-expanded="false" aria-haspopup="true" data-toggle="dropdown" id="dropdownMenu2" class="dropdown-toggle"> Filter <i class="fa-chevron-down fa"></i> </a> -->
    <div id="dropdown-menu" class="row filter-dropdown-menu" style="display: block;">
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <aside class="widget widget_price_filter">
                <h3 class="widget-title">Filter By Price</h3>
                <form action="#" method="get">
                    <div class="price_slider_wrapper">
                        <div style="" class="price_slider ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
                            <div style="left: 0%; width: 100%;" class="ui-slider-range ui-widget-header ui-corner-all"></div>
                            <span style="left: 0%;" tabindex="0" class="ui-slider-handle ui-state-default ui-corner-all"></span>
                            <span style="left: 100%;" tabindex="0" class="ui-slider-handle ui-state-default ui-corner-all"></span>
                        </div>
                        <div class="price_slider_amount">
                            <input type="text" style="display: none;" placeholder="Min price" data-min="289" value="" name="min_price" id="min_price">
                            <input type="text" style="display: none;" placeholder="Max price" data-max="987" value="" name="max_price" id="max_price">
                            <button class="button" type="submit">Filter</button>
                            <div style="" class="price_label"> Price: <span class="from">$289</span> &mdash; <span class="to">$987</span></div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </form>
            </aside>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <aside class="widget widget_layered_nav">
                <h3 class="widget-title">Filter By Brand</h3>
                <ul style="list-style: none; padding: 0;">
                    <li><a href="#">Amuse Society</a> <span class="count">(2)</span></li>
                    <li><a href="#">MSDSR</a> <span class="count">(2)</span></li>
                    <li><a href="#">Asilio</a> <span class="count">(2)</span></li>
                    <li><a href="#">Assembly New York</a> <span class="count">(1)</span></li>
                    <li><a href="#">BB Dakota</a> <span class="count">(2)</span></li>
                    <li><a href="#">BDG</a> <span class="count">(1)</span></li>
                </ul>
            </aside>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <aside class="widget widget_layered_nav">
                <h3 class="widget-title">Filter By Color</h3>
                <ul style="list-style: none; padding: 0;">
                    <li><a href="#">Green</a> <span class="count">(5)</span></li>
                    <li><a href="#">Grey</a> <span class="count">(5)</span></li>
                    <li><a href="#">Orange</a> <span class="count">(5)</span></li>
                    <li><a href="#">Red</a> <span class="count">(5)</span></li>
                </ul>
            </aside>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
            <aside class="widget widget_layered_nav" id="woocommerce_layered_nav-11">
                <h3 class="widget-title">Filter By Size</h3>
                <ul style="list-style: none; padding: 0;">
                    <li><a href="#">L</a> <span class="count">(4)</span></li>
                    <li><a href="#">M</a> <span class="count">(4)</span></li>
                    <li><a href="#">S</a> <span class="count">(4)</span></li>
                </ul>
            </aside>
        </div>
    </div>
</div>
