<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="main-content">
<div class="all_deals">
<div class="head_menu">
<div class="container">
<div class="row">
<div class="col-md-3 all_cat_blk">
<ul>
<li><span class="navbar-toggler-icon"><i class="fa fa-bars"></i></span></li>
<li><a href="#">Shop By Department</a></li>
</ul>
</div>
<nav class="navbar navbar-expand-lg">
<button class="navbar-toggler" type="button" data-toggle="collapse"
data-target="#navbarTogglerDemo03" aria-controls="navbarTogglerDemo03"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><i class="fa fa-bars"></i></span>
</button>
<div class="collapse navbar-collapse ml-5" id="navbarTogglerDemo03">
<ul class="navbar-nav mr-auto mt-2 mt-lg-0 hover_eff">
<li class="nav-item hover_active">
<a class="nav-link" href="#">Categories </a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Top Stores</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Refer & Earn</a>
</li>
