   <!--Navigation-->
     <nav class="navbar navbar-expand-lg navbar-dark bg-default fixed-top" id="mainNav">
     
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
       
        
        <ul class="navbar-nav ml-auto">
          <li class="nav-item dropdown dropdownthis">
            <!--<a class="nav-link dropdown-toggle mr-lg-2" id="messagesDropdown" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
              <!--<i class="fa fa-fw fa-inr"></i>-->
            <!-- <span class="d-lg-none">Messages -->
              <!--<span class="badge badge-pill badge-primary">00</span>-->
              <!--<span class="indicator text-primary">-->
                <!--<i class="fa fa-fw fa-circle"></i>-->
              <!--</span>-->
            </a>
               <ul class="dropdownmenu">
              <center>
                 <li class="nav-item"> <a href="add_fund.php" class="btn text-light" >Add Fund</a> </li>
              	 <!--<li class="nav-item"> <a href="fund_widthdraw.php" class="btn text-light" >Withdraw</a> </li>-->
              	 <li class="nav-item"> <a href="withdraw_funds.php" class="btn text-light" >Withdraw</a> </li> 
              	 <li class="nav-item"> <a href="fund_history.php" class="btn text-light" >History</a> </li> 
              </center> 
              </ul> 
          </li>  


         <!-- ......navigation..... -->

          <li class="nav-item">
            <form class="form-inline my-2 my-lg-0 mr-lg-2">
              <div class="input-group">
                <!--<input class="form-control search-top" type="text" placeholder="Search ...">-->
                <span class="input-group-btn">
                  <!--<button class="btn btn-primary" type="button">-->
                    <!--<i class="fa fa-search"></i>-->
                  </button>
                </span>
              </div>
            </form>
          </li>

          <li class="nav-item">
            <a onclick="logout()" class="nav-link" data-toggle="modal" data-target="#exampleModal">
              <i class="fa fa-fw fa-sign-out"></i>LOGOUT</a>
          </li>
       
        </ul>
      </div>
    </nav>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
  function logout()
  {
    var getcon = confirm('Are you sure to logout..!!');
        if(getcon == true){
            window.open('logout.php','_self');
        }
  }
 

$(document).ready(function(){ 

$(".dropdownthis").click(function(){
    // body...
      $(".dropdownmenu").toggle(
          function(){$("p").css({"display": "block"});},
          function(){$("p").css({"display": "none"});}
      );

});

});

</script>

<style type="text/css">

.dropdownmenu{
 	display: none;
    /* margin: 0px 0px 0px 15px; */
    position: absolute;
    z-index: 100;
    transform: translate3d(15px, 7px, 0px);
    background-color: #09b3ec;
    color: white;
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    border-radius: 5px;

}

</style>