<style>
      .navbar-toggle{
       /* box-shadow: 0 0 4px 0 rgba(0,0,0,.50), 0 2px 4px 0 rgba(0,0,0,.50);*/
        padding: 10PX 10PX;
      }
      .icon-bar{
        background-color:#fff;
      }
      .navbar{
        border-radius: 0px;
        /* box-shadow: 0 0 4px 0 rgba(0,0,0,.50), 0 2px 4px 0 rgba(0,0,0,.50);*/
        background-color:#fff;
        z-index: 100000000000000000000;
      }
      .nav li {
        padding: 5px 0px;
      }
      .nav .active a{
        border-bottom:4px solid #c94c06;
        color:white;
      }
      .nav .round a{
        border:2px solid #fff;
        color:white;
        margin-right: 20px;
      }
      .nav li a{
        color: #fff;
        font-size: 14px;
      }
      .nav li a:hover{
        color: #fff;
        background-color: transparent;
      }
      .navbar-brand {
        color: #fff;
        margin-top: -8px;
      }
      .brand2{
          margin-top:-10px;
      }
      .inner-dropdown ul{
        background-color: #123962;
        box-shadow: 0 0 4px 0 rgba(0,0,0,.50), 0 2px 4px 0 rgba(0,0,0,.50);
      }
      .inner-dropdown ul li{
        padding: 3px 3px;
        background-color: transparent;
      }
      .inner-dropdown ul li a:hover{
        background-color: transparent;
      }
      ul .divider{
        padding: 0px 0px;
        background-color: red;
      }
      .top-header{
        margin: 0px;
        width: 100%;
      }
      .top-header{
        width:100%;
        margin-top: 0px;
        margin-left: 0px;
        height:40px;
        background-color: #333;
        color:#fff;
      }
      .top-header ul{
        list-style: none;
        display: inline;
        margin-top: 10px;
        margin-right: 15px;
      }
      .top-header ul li{
        display: inline;
          padding: 10px 20px;
      }
      .top-header ul li a{
        color:#fff;
      }
      .top-header .z-nav-right {
         float: right;
      }
      .login-button{
        padding: 10px 20px;
        background-color: #db0011;
        color:white;
        text-decoration: none;
      }
      .login-button:hover{
        padding: 10px 20px;
        background-color:darkred;
        color:white;
        text-decoration: none;
      }
    </style>
      <div class="container">
        <div class="row">
            <div class="col-sm-12" align="center">
              

            </div>
        </div>
   </div>
   
   
<nav class="navbar navbar-default navbar-fixed-top hidden-sm hidden-xs">
          <div class="container-fluid">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle" onclick="openNav()">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span> 
              </button>
              <div class="hidden-sm hidden-xs"><a class="navbar-brand" href="index.php"><img src="<?php echo $sitelogo; ?>" class="img-responsive" width="100"></a></div>
              
              <div class="hidden-md hidden-lg"><a class="navbar-brand brand2" href="index.php"><img src="<?php echo $sitelogo; ?>" class="img-responsive" width="100"></a></div>
            </div>
             
            <div class="collapse navbar-collapse" id="myNavbar">
              <ul class="nav navbar-nav">
               
              </ul>
              <style>
                .open_acc{
                  background-color: #c94c06;
                  color:white;
                  padding: -100px 5px;
                  border-radius: 5px;
                }
                .open_acc:hover{
                  background-color: #963f04;
                }
              </style>
              
             
              <ul class="nav navbar-nav navbar-right">
                  <li><a href="">
                      
                  </a></li>
                  <li><a href="make-transfer.php"><i class="glyphicon glyphicon-transfer" style="font-weight: ; font-size: 18px; color:rgb(45, 156, 219); "></i></a></li>
                  <!--<li><a href="account-security.php"><i class="glyphicon glyphicon-bell" style="font-weight: ; font-size: 18px; color:; "></i></a></li>-->
                  <li><a href="account-security.php"><i class="glyphicon glyphicon-qrcode" style="font-weight: ; font-size: 18px; color:rgb(45, 156, 219); "></i></a></li>
                <li><a href="logout.php"><i class="glyphicon glyphicon-off" style="font-weight: ; font-size: 18px; color:; "></i></a></li>
              </ul>
            </div>
          </div>
        </nav>




        <!-------------------------------------------------------------------------------------------------------->


        <!------------------------MOBILE NAV------------>

        <div class="container-fluid navbar-fixed-top hidden-lg hidden-md" style="background-color:#fff; padding:10px 15px;">
          <div class="row">
            <div class="col-xs-3" align="left">
              <div style="margin-top:3px; margin-left: 3px;" onclick="openNav()">
                <i class="glyphicon glyphicon-th-large" style="color:rgb(45, 156, 219); font-weight: bold; font-size: 25px;"></i>
                <br>
                <div style="color:rgb(45, 156, 219); font-size: 8px; font-weight: bold; letter-spacing: 0.3px; margin-left: -1px; margin-top: 5px;">MENU</div>
              </div>
            </div>

            <div class="col-xs-6" align="center">
              <a class="navbar-brand brand2" href="dashboard.php"><img src="<?php echo $sitelogo; ?>" class="img-responsive" width="100" style="margin-top: -5px;"></a>
            </div>


            <div class="col-xs-3" align="right">


              <!--<div style="margin-top:14px; ">
                <a href="account-security.php"><i class="glyphicon glyphicon-qrcode" style="color:gray; font-weight:; font-size: 17px;"></i></a>
                &nbsp; &nbsp;
                <a href="logout.php"><i class="glyphicon glyphicon-off" style="color:gray; font-weight:; font-size: 17px;"></i>
              </div>-->

              <div class="" align="center" style="margin-top:5px;">
                
                <?php
                  $miniprofilephoto = $user_photo;
                  if($miniprofilephoto == "NULL"){
                    $miniprofilephoto = "images/727399.png";
                  }else{
                    $miniprofilephoto = "userphotos/$miniprofilephoto";
                  }
                ?>
                <a href="myaccount.php"><img src="<?php echo $miniprofilephoto; ?>" class="img-circle" style="width:40px; height:40px; border-radius:100%;"></a>

                <br>
              </div>

              
            
                 
            </div>
          </div>
        </div>

        <!-------------------MOBILE SIDE BAR----------------------->
        <br><br><br>