<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-4 ">
<label class="form-control-label" for="">Time</label>
<div class="dropdown-select warning">
<a class="select">1 Hour 15 Minutes</a>
<div class="search-box">
<i class="fa fa-search"></i>
<input type="text" placeholder="Search" class="seach-control" />
</div>
<ul class="option-list">
<li><a href="JavaScript:Void(0);">15 Minutes </a></li>
<li><a href="JavaScript:Void(0);">30 Minutes</a></li>
<li><a href="JavaScript:Void(0);">45 Minutes</a></li>
<li><a href="JavaScript:Void(0);">1 Hour</a></li>
<li><a href="JavaScript:Void(0);">1 Hour 15 Minutes</a></li>
<li><a href="JavaScript:Void(0);">1 Hour 30 Minutes</a></li>
<li><a href="JavaScript:Void(0);">1 Hour 45 Minutes</a></li>
<li><a href="JavaScript:Void(0);">2 Hour</a></li>
<li><a href="JavaScript:Void(0);">2 Hour 15 Minutes</a></li>
<li><a href="JavaScript:Void(0);">2 Hour 30 Minutes</a></li>
<li><a href="JavaScript:Void(0);">2 Hour 45 Minutes</a></li>
<li><a href="JavaScript:Void(0);">3 Hour</a></li>
<li><a href="JavaScript:Void(0);">3 Hour 15 Minutes</a></li>
<li><a href="JavaScript:Void(0);">3 Hour 30 Minutes</a></li>
<li><a href="JavaScript:Void(0);">3 Hour 45 Minutes</a></li>
<li><a href="JavaScript:Void(0);">3 Hour</a></li>
</ul>
</div>
</div>
</div>
</div>
