<div class="pt-3 pb-4 page-title shadow">
<div class="container">
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-6">
<li class="breadcrumb-item"><a href="#">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Listing</li>
</ol>
<h1 class="fs-30 lh-1 mb-0 text-heading font-weight-600">Full width list </h1>
<div class="mt-6 form-search-01">
<form class="form-inline mx-n1" id="accordion-5">
<div class="form-group p-1">
<label for="location" class="sr-only">Location</label>
<select class="form-control border-0 shadow-xxs-1 bg-transparent font-weight-600 selectpicker"
title="Location" data-style="bg-white"
id="location" name="location">
<option>Austin</option>
<option>Boston</option>
<option>Chicago</option>
<option>Denver</option>
<option>Los Angeles</option>
<option>New York</option>
<option>San Francisco</option>
</select>
</div>
<div class="form-group p-1">
<label for="any-price" class="sr-only">Any Price</label>
<select class="form-control border-0 shadow-xxs-1 bg-transparent font-weight-600 selectpicker"
title="Any Price" data-style="bg-white"
id="any-price" name="any-price">
<option>Hight</option>
<option>Low</option>
<option>Medium</option>
</select>
</div>
<div class="form-group p-1">
<label for="type" class="sr-only">Type</label>
<select class="form-control border-0 shadow-xxs-1 bg-transparent font-weight-600 selectpicker"
title="Type" data-style="bg-white"
id="type" name="type">
<option selected>house</option>
<option>hotel</option>
<option>motel</option>
</select>
</div>
<div class="form-group p-1">
<label for="status" class="sr-only">All status</label>
<select class="form-control border-0 shadow-xxs-1 bg-transparent font-weight-600 selectpicker"
title="All status" data-style="bg-white"
id="status" name="status">
<option>For Rent</option>
<option>For Sale</option>
</select>
</div>
<div class="form-group p-1">
<label for="area" class="sr-only">Area</label>
<select class="form-control border-0 shadow-xxs-1 bg-transparent font-weight-600 selectpicker"
title="Area" data-style="bg-white"
id="area" name="areas">
<option>Albany Park</option>
<option>Altgeld Gardens</option>
<option>Andersonville</option>
<option>Beverly</option>
<option>Brickel</option>
<option>Brooklyn</option>
<option>Brookside</option>
</select>
</div>
<div class="form-group p-1">
<label for="room" class="sr-only">Room</label>
<select class="form-control border-0 shadow-xxs-1 bg-transparent font-weight-600 selectpicker"
title="Room" data-style="bg-white"
id="room" name="room">
<option selected>2+ Beds</option>
<option>3+ Beds</option>
</select>
</div>
<div class="form-group p-1">
<a href="#advanced-search-filters-5"
class="btn bg-transparent border-0 shadow-xxs-1 text-gray-light"
data-toggle="collapse"
data-target="#advanced-search-filters-5" aria-expanded="true"
aria-controls="advanced-search-filters-5">
<span>More</span>
<span class="ml-auto">...</span>
</a>
</div>
<div id="advanced-search-filters-5" class="row pb-6 pt-2 collapse p-1"
data-parent="#accordion-5">
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check1-5">
<label class="custom-control-label justify-content-start" for="check1-5">Air
Conditioning</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check2-5">
<label class="custom-control-label justify-content-start" for="check2-5">Laundry</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check4-5">
<label class="custom-control-label justify-content-start" for="check4-5">Washer</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check5-5">
<label class="custom-control-label justify-content-start"
for="check5-5">Barbeque</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check6-5">
<label class="custom-control-label justify-content-start" for="check6-5">Lawn</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check7-5">
<label class="custom-control-label justify-content-start" for="check7-5">Sauna</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check8-5">
<label class="custom-control-label justify-content-start" for="check8-5">WiFi</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check9-5">
<label class="custom-control-label justify-content-start" for="check9-5">Dryer</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check10-5">
<label class="custom-control-label justify-content-start"
for="check10-5">Microwave</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check11-5">
<label class="custom-control-label justify-content-start" for="check11-5">Swimming
Pool</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check12-5">
<label class="custom-control-label justify-content-start" for="check12-5">Window
Coverings</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check13-5">
<label class="custom-control-label justify-content-start" for="check13-5">Gym</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check14-5">
<label class="custom-control-label justify-content-start" for="check14-5">Outdoor
Shower</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check15-5">
<label class="custom-control-label justify-content-start" for="check15-5">TV
Cable</label>
</div>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 py-2">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" name="features[]"
id="check16-5">
<label class="custom-control-label justify-content-start"
for="check16-5">Refrigerator</label>
</div>
</div>
</div>
</form>
</div>
</nav>
</div>
</div>
