<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>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/boxicons@2.0.2/css/boxicons.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css"></script>
<div class="overlay"></div>
<div class="utility-nav d-none d-md-block">
<div class="container">
<div class="row">
<div class="col-12 col-md-6">
<p class="small"><i class="bx bx-envelope"></i> logo@example.com | <i class="bx bx-phone"></i> +92-1234567890
</p>
</div>
<div class="col-12 col-md-6 text-right">
<p class="small">Free shipping on total of $99 of all products</p>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-expand-md navbar-light bg-light main-menu" style="box-shadow:none">
<div class="container">
<button type="button" id="sidebarCollapse" class="btn btn-link d-block d-md-none">
<i class="bx bx-menu icon-single"></i>
</button>
<a class="navbar-brand" href="#">
<h4 class="font-weight-bold">Logo</h4>