 <nav
     class="header-navbar navbar-expand-md navbar navbar-with-menu fixed-top navbar-dark  navbar-border navbar-shadow navbar-brand-center">
     <div class="navbar-wrapper">
         <div class="navbar-header">
             <ul class="nav navbar-nav flex-row">
                 <!-- <li class="nav-item mobile-menu d-md-none mr-auto">
                     <a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i
                             class="ft-menu font-large-1"></i>
                     </a>
                 </li> -->
                 <li class="nav-item d-md-none">
                     <a class="navbar-brand" href="#">
                         <img class="brand-logo" alt="GrowWsaas" src="app-assets/images/logo-Vconnect.png"
                             width="100px">
                         <!-- <h3 class="brand-text"></h3> -->
                     </a>
                 </li>

                 <li class="nav-item d-md-none"><a class="nav-link open-navbar-container" data-toggle="collapse"
                         data-target="#navbar-mobile"><i class="fa fa-ellipsis-v"></i></a></li>
             </ul>
         </div>
         <div class="navbar-container content">
             <div class="collapse navbar-collapse" id="navbar-mobile">
                 <ul class="nav navbar-nav mr-auto float-left d-flex justify-content-between">
                     <!-- <li class="nav-item d-none d-md-block"><a class="nav-link nav-menu-main menu-toggle hidden-xs"
                             href="#"><i class="ft-menu"> </i></a></li> -->
                     <li class="nav-item d-none d-md-block ">
                         <a class="navbar-brand" href="#">
                             <img class="brand-logo" alt="Vconnect" src="app-assets/images/logo-Vconnect.png"
                                 width="210px">
                         </a>
                     </li>
                     <ul class="nav navbar-nav align-items-center">
                         <li class="dropdown nav-item" data-menu="dropdown"><a class="dropdown-toggle nav-link" href="#"
                                 data-toggle="dropdown" style="font-size: 1.2rem;"><span
                                     data-i18n="nav.starter_kit.main">Billing Rate</span></a>

                             <ul class="dropdown-menu">
                                 <li data-menu=""><a class="dropdown-item" href="modify-user-report.php"
                                         data-toggle="dropdown">Modify
                                         User Report
                                     </a>
                                 </li>
                                 <li data-menu=""><a class="dropdown-item" href="rate-change-report.php"
                                         data-toggle="dropdown">Rate Change
                                         Report</a>
                                 </li>

                             </ul>

                         </li>
                         <li class="dropdown nav-item" data-menu="dropdown"><a class="dropdown-toggle nav-link" href="#"
                                 data-toggle="dropdown" style="font-size: 1.2rem;"><span
                                     data-i18n="nav.starter_kit.main">Reports</span></a>

                             <ul class="dropdown-menu">
                                 <li data-menu=""><a class="dropdown-item" href="summary-report.php"
                                         data-toggle="dropdown">Summary
                                         Report</a>
                                 </li>
                                 <li data-menu=""><a class="dropdown-item" href="latency-report.php"
                                         data-toggle="dropdown">Latency</a>
                                 </li>
                                 <li data-menu=""><a class="dropdown-item" href="detailed-report.php"
                                         data-toggle="dropdown">
                                         Detailed Report</a>
                                 </li>
                                 <li data-menu=""><a class="dropdown-item" href="search-report.php"
                                         data-toggle="dropdown">Search</a>
                                 </li>

                             </ul>

                         </li>

                     </ul>


                 </ul>

                 <!-- <ul class="nav navbar-nav mx-auto">
                     <li class="dropdown  nav-item">
                         <a class="nav-link nav-link-label" style="font-size: 1.4rem;" href="#">Campaings</a>
                     </li>
                     <li class="dropdown  nav-item">
                         <a class="nav-link nav-link-label" style="font-size: 1.4rem;" href="#">Scheduled</a>
                     </li>
                 </ul> -->


                 <ul class="nav navbar-nav float-right">



                     <!-- <li class="dropdown dropdown-language nav-item"><a class="dropdown-toggle nav-link"
                             id="dropdown-flag" href="#" data-toggle="dropdown" aria-haspopup="true"
                             aria-expanded="false"><i class="flag-icon flag-icon-gb"></i><span>English</span><span
                                 class="selected-language"></span></a>
                         <div class="dropdown-menu" aria-labelledby="dropdown-flag"><a class="dropdown-item" href="#"><i
                                     class="flag-icon flag-icon-gb"></i> English</a><a class="dropdown-item" href="#"><i
                                     class="flag-icon flag-icon-fr"></i> French</a><a class="dropdown-item" href="#"><i
                                     class="flag-icon flag-icon-cn"></i> Chinese</a><a class="dropdown-item" href="#"><i
                                     class="flag-icon flag-icon-de"></i> German</a></div>
                     </li> -->


                     <li class="dropdown dropdown-notification nav-item"><a class="nav-link nav-link-label" href="#"
                             data-toggle="dropdown"><i class="ficon ft-folder" style="font-size: 26px;"></i><span
                                 class="badge badge-pill badge-default badge-danger badge-default badge-up">2
                             </span></a>
                         <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right "
                             style="background-color: #1D2B36; color: white;">
                             <li class="dropdown-menu-header">
                                 <h6 class="dropdown-header m-0"><span class="text-light darken-2">Your Wallet
                                         Balance</span>
                                 </h6>
                                 <span class="notification-tag badge badge-default badge-success float-right m-0">
                                     ₹713,8999.0 INR
                                 </span>
                             </li>
                             <li class=" media-list w-100 ps-container ps-theme-dark ps-active-y px-2"
                                 data-ps-id="6539bd78-821d-e7e1-a3db-d2e7b084979e">
                                 <!-- <a href="javascript:void(0)">
                                     <div class="media">
                                         <div class="media-left"><span
                                                 class="avatar avatar-sm avatar-online rounded-circle"><img
                                                     src="app-assets/images/portrait/small/avatar-s-19.png"
                                                     alt="avatar"><i></i></span></div>
                                         <div class="media-body">
                                             <h6 class="media-heading">Margaret Govan</h6>
                                             <p class="notification-text font-small-3 text-muted">I like your portfolio,
                                                 let's start.</p><small>
                                                 <time class="media-meta text-muted"
                                                     datetime="2015-06-11T18:29:20+08:00">Today</time></small>
                                         </div>
                                     </div>
                                 </a>
                                 <a href="javascript:void(0)">
                                     <div class="media">
                                         <div class="media-left"><span
                                                 class="avatar avatar-sm avatar-busy rounded-circle"><img
                                                     src="app-assets/images/portrait/small/avatar-s-2.png"
                                                     alt="avatar"><i></i></span></div>
                                         <div class="media-body">
                                             <h6 class="media-heading">Bret Lezama</h6>
                                             <p class="notification-text font-small-3 text-muted">I have seen your work,
                                                 there is</p><small>
                                                 <time class="media-meta text-muted"
                                                     datetime="2015-06-11T18:29:20+08:00">Tuesday</time></small>
                                         </div>
                                     </div>
                                 </a>
                                 <a href="javascript:void(0)">
                                     <div class="media">
                                         <div class="media-left"><span
                                                 class="avatar avatar-sm avatar-online rounded-circle"><img
                                                     src="app-assets/images/portrait/small/avatar-s-3.png"
                                                     alt="avatar"><i></i></span></div>
                                         <div class="media-body">
                                             <h6 class="media-heading">Carie Berra</h6>
                                             <p class="notification-text font-small-3 text-muted">Can we have call in
                                                 this week ?</p><small>
                                                 <time class="media-meta text-muted"
                                                     datetime="2015-06-11T18:29:20+08:00">Friday</time></small>
                                         </div>
                                     </div>
                                 </a>
                                 <a href="javascript:void(0)">
                                     <div class="media">
                                         <div class="media-left"><span
                                                 class="avatar avatar-sm avatar-away rounded-circle"><img
                                                     src="app-assets/images/portrait/small/avatar-s-6.png"
                                                     alt="avatar"><i></i></span></div>
                                         <div class="media-body">
                                             <h6 class="media-heading">Eric Alsobrook</h6>
                                             <p class="notification-text font-small-3 text-muted">We have project party
                                                 this saturday.</p><small>
                                                 <time class="media-meta text-muted"
                                                     datetime="2015-06-11T18:29:20+08:00">last month</time></small>
                                         </div>
                                     </div>
                                 </a> -->

                                 <h6 class=" m-0"><span class="text-light darken-2">Billing Rate
                                         (INDIA)</span>
                                 </h6>
                                 <div class="pt-1 " style="font-size: 0.8rem;"><span>5,89,562</span><span> sms
                                         left</span></div>

                                 <div class="d-flex justify-content-between pt-2">
                                     <p style="font-size: 0.9rem;">SMS Rate</p>
                                     <p style="font-size: 0.9rem;"><span>₹0.95</span><span> INR</span></p>
                                 </div>

                                 <div class="d-flex justify-content-between pt-1">
                                     <p style="font-size: 0.9rem;">DLT Rate</p>
                                     <p style="font-size: 0.9rem;"><span>₹0.95</span><span> INR</span></p>
                                 </div>


                             </li>
                             <li class=" media-list w-100 ps-container ps-theme-dark ps-active-y px-2 py-2"
                                 data-ps-id="6539bd78-821d-e7e1-a3db-d2e7b084979e"
                                 style="border-top: 1px solid #e6e6e6;">
                                 <div class="dropdown-menu-header d-flex justify-content-between"
                                     style="border-bottom: none;">
                                     <h6 class="dropdown-header m-0 p-0"><span class="text-light darken-2">Billing
                                             Rates
                                             (Others)</span>
                                     </h6>
                                     <span class=" badge badge-default badge-info  m-0 ">
                                         3
                                     </span>
                                 </div>
                                 <!-- <div class="pt-1"><span>5,89,562</span><span> sms left</span></div> -->

                                 <div class="d-flex justify-content-between pt-2 mx-0 ">
                                     <div class="d-flex flex-column align-items-start">
                                         <p style="font-size: 0.9rem;">UAE</p>
                                         <div style="font-size: 0.8rem;"><span>5,89,562</span><span> sms left</span>
                                         </div>
                                     </div>
                                     <p style="font-size: 0.9rem;"><span>₹0.95</span><span> INR</span></p>
                                 </div>

                                 <div class="d-flex justify-content-between pt-2 mx-0">
                                     <div class="d-flex flex-column align-items-start">
                                         <p style="font-size: 0.9rem;">India</p>
                                         <div style="font-size: 0.8rem;"><span>5,89,562</span><span> sms left</span>
                                         </div>
                                     </div>
                                     <p style="font-size: 0.9rem;"><span>₹0.95</span><span> INR</span></p>
                                 </div>

                                 <div class="d-flex justify-content-between pt-2 mx-0">
                                     <div class="d-flex flex-column align-items-start">
                                         <p style="font-size: 0.9rem;">United Kingdom</p>
                                         <div style="font-size: 0.8rem;"><span>5,89,562</span><span> sms left</span>
                                         </div>
                                     </div>
                                     <p style="font-size: 0.9rem;"><span>₹0.95</span><span> INR</span></p>
                                 </div>


                             </li>
                             <!-- <li class=" dropdown-menu-footer"><a class="dropdown-item text-muted text-center"
                                     href="javascript:void(0)">Read all messages</a> -->
                     </li>
                 </ul>
                 </li>
                 <li class="dropdown dropdown-notification nav-item"><a class="nav-link nav-link-label" href="#"
                         data-toggle="dropdown"><i class="ficon ft-download" style="font-size: 26px;"></i><span
                             class="badge badge-pill badge-default badge-info badge-default badge-up">5 </span></a>
                     <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right py-0"
                         style="background-color: #1D2B36; color: white;">
                         <li class="dropdown-menu-header">
                             <h6 class="dropdown-header m-0"><span class="text-light darken-2">Recent
                                     Downloads</span>
                             </h6>
                             <span class="notification-tag badge badge-default badge-info float-right m-0">3
                                 Downloads</span>
                         </li>
                         <li class=" media-list w-100 ps-container ps-theme-dark ps-active-y"
                             data-ps-id="6539bd78-821d-e7e1-a3db-d2e7b084979e">


                             <div class="d-flex flex-column  py-1">
                                 <i class="fticon ft-file text-center py-1" style="font-size: 90px;"></i>
                                 <h5 class="text-center text-light pb-1">No Downloads</h5>
                                 <p class="text-center " style="font-size: 0.8rem;">You do not have any downloads
                                     for
                                     this week</p>
                             </div>



                         </li>
                         <li class="dropdown-menu-footer "><a class="dropdown-item  text-light text-center py-1"
                                 href="javascript:void(0)">Download Center</a></li>
                     </ul>
                 </li>
                 <li class="dropdown dropdown-notification nav-item"><a class="nav-link nav-link-label" href="#"
                         data-toggle="dropdown"><i class="ficon ft-grid" style="font-size: 26px;"></i><span
                             class="badge badge-pill badge-default badge-success badge-default badge-up">7</span></a>
                     <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right overflow-hidden py-0"
                         style="width: 300px; background-color: #1D2B36; color: white; ">
                         <div class="row ">
                             <div class="col-6 px-0"
                                 style="padding: 0; border-right:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; ">
                                 <a href="#">
                                     <div class=" d-flex flex-column justify-content-center align-items-center
                                         py-1 " style="padding-left: 15px;">
                                         <i class="fticon ft-copy py-1 text-center text-light"
                                             style="font-size: 25px"></i>
                                         <h6 class="text-light text-center">New Template</h6>
                                         <p class="notification-text font-small-3 text-light text-center">Template
                                         </p>
                                     </div>
                                 </a>
                             </div>
                             <div class="col-6 px-0"
                                 style="padding-right: 15px; border-left:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; ">
                                 <a href=" #">
                                     <div class=" d-flex flex-column justify-content-center text-light align-items-center
                                         py-1 " style="padding-right: 15px;">
                                         <i class=" fticon ft-users py-1 text-light" style=" font-size: 25px"></i>
                                         <h6 class="media-heading text-light">New Group</h6>
                                         <p class="notification-text font-small-3 text-light">Group</p>
                                     </div>
                                 </a>
                             </div>
                         </div>
                         <div class="row ">
                             <div class="col-6 px-0"
                                 style="padding: 0; border-right:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; ">
                                 <a href=" #">
                                     <div class=" d-flex flex-column justify-content-center text-light align-items-center
                                         py-1 " style="padding-left: 15px;">
                                         <i class="fticon ft-arrow-right py-1 text-light" style="font-size: 25px"></i>
                                         <h6 class="media-heading text-light">Quick Messaging</h6>
                                         <p class="notification-text font-small-3 text-light">Campaings</p>
                                     </div>
                                 </a>
                             </div>
                             <div class="col-6 px-0"
                                 style="padding: 0; border-left:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; ">
                                 <a href=" #">
                                     <div class=" d-flex flex-column justify-content-center text-light align-items-center
                                         py-1 " style="padding-right: 15px;">
                                         <i class="fticon ft-arrow-right py-1 text-light" style="font-size: 25px"></i>
                                         <h6 class="media-heading text-light">Group Messaging</h6>
                                         <p class="notification-text font-small-3 text-light">Campaings</p>
                                     </div>
                                 </a>
                             </div>
                         </div>
                         <div class="row ">
                             <div class="col-6 px-0"
                                 style="padding: 0; border-right:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; ">
                                 <a href=" #">
                                     <div class=" d-flex flex-column justify-content-center text-light align-items-center
                                         py-1 " style="padding-left: 15px;">
                                         <i class="fticon ft-arrow-right py-1 text-light" style="font-size: 25px"></i>
                                         <h6 class="media-heading text-light">Template Messaging</h6>
                                         <p class="notification-text font-small-3 text-light">Campaings</p>
                                     </div>
                                 </a>
                             </div>
                             <div class="col-6 px-0"
                                 style="padding: 0; border-left:1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; ">
                                 <a href=" #">
                                     <div class=" d-flex flex-column justify-content-center text-light align-items-center
                                         py-1 " style="padding-right: 15px;">
                                         <i class="fticon ft-pie-chart py-1 text-light" style="font-size: 25px"></i>
                                         <h6 class="media-heading text-light">Detailed Log</h6>
                                         <p class="notification-text font-small-3 text-light">Reports</p>
                                     </div>
                                 </a>
                             </div>
                         </div>
                     </ul>
                 </li>
                 <li class="dropdown dropdown-user nav-item">
                     <a class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown"><span
                             class="avatar avatar-online"><img src="app-assets/images/portrait/small/avatar-s-1.png"
                                 alt="avatar"><i></i></span><span class="user-name">User Name</span></a>



                     <div class="dropdown-menu dropdown-menu-right " style="background-color: #1D2B36; color: white;">
                         <a class=" dropdown-item text-light" href="#">
                             <i class=" ft-user"></i> Edit Profile
                         </a>
                         <div class="dropdown-divider"></div>
                         <a class="dropdown-item text-light" href="#">
                             <i class="ft-power"></i>
                             Logout
                         </a>
                     </div>
                 </li>
                 </ul>
             </div>
         </div>
     </div>
 </nav>


 <!-- <nav role="navigation" class="header-navbar navbar-expand-sm navbar navbar-with-menu fixed-top navbar-shadow navbar-border">
      <div class="navbar-wrapper">
        <div class="navbar-header">
          <ul class="nav navbar-nav flex-row">
            <li class="nav-item mobile-menu d-md-none mr-auto"><a class="nav-link nav-menu-main menu-toggle hidden-xs" href="#"><i class="ft-menu font-large-1"></i></a></li>
            <li class="nav-item"><a class="navbar-brand" href="#">
                <h3 class="brand-text">Welcome to GrowWsaas Dashboard</h3></a></li>
            <li class="nav-item d-md-none"><a class="nav-link open-navbar-container" data-toggle="collapse" data-target="#navbar-mobile"><i class="fa fa-ellipsis-v"></i></a></li>
          </ul>
        </div>
        <div class="navbar-container content">
          <div class="collapse navbar-collapse" id="navbar-mobile">
            <ul class="nav navbar-nav mr-auto float-left">
              
              
              
              
            </ul>
            <ul class="nav navbar-nav float-right">         
              
              <li class="dropdown dropdown-notification nav-item"><a class="nav-link nav-link-label" href="#" data-toggle="dropdown"><i class="ficon ft-bell"></i><span class="badge badge-pill badge-default badge-danger badge-default badge-up">5</span></a>
                <ul class="dropdown-menu dropdown-menu-media dropdown-menu-right">
                  <li class="dropdown-menu-header">
                    <h6 class="dropdown-header m-0"><span class="grey darken-2">Notifications</span></h6><span class="notification-tag badge badge-default badge-danger float-right m-0">5 New</span>
                  </li>
                  <li class="scrollable-container media-list w-100"><a href="javascript:void(0)">
                      <div class="media">
                        <div class="media-left align-self-center"><i class="ft-plus-square icon-bg-circle bg-cyan"></i></div>
                        <div class="media-body">
                          <h6 class="media-heading">You have new order!</h6>
                          <p class="notification-text font-small-3 text-muted">Lorem ipsum dolor sit amet, consectetuer elit.</p><small>
                            <time class="media-meta text-muted" datetime="2015-06-11T18:29:20+08:00">30 minutes ago</time></small>
                        </div>
                      </div></a><a href="javascript:void(0)">
                      <div class="media">
                        <div class="media-left align-self-center"><i class="ft-download-cloud icon-bg-circle bg-red bg-darken-1"></i></div>
                        <div class="media-body">
                          <h6 class="media-heading red darken-1">99% Server load</h6>
                          <p class="notification-text font-small-3 text-muted">Aliquam tincidunt mauris eu risus.</p><small>
                            <time class="media-meta text-muted" datetime="2015-06-11T18:29:20+08:00">Five hour ago</time></small>
                        </div>
                      </div></a><a href="javascript:void(0)">
                      <div class="media">
                        <div class="media-left align-self-center"><i class="ft-alert-triangle icon-bg-circle bg-yellow bg-darken-3"></i></div>
                        <div class="media-body">
                          <h6 class="media-heading yellow darken-3">Warning notifixation</h6>
                          <p class="notification-text font-small-3 text-muted">Vestibulum auctor dapibus neque.</p><small>
                            <time class="media-meta text-muted" datetime="2015-06-11T18:29:20+08:00">Today</time></small>
                        </div>
                      </div></a><a href="javascript:void(0)">
                      <div class="media">
                        <div class="media-left align-self-center"><i class="ft-check-circle icon-bg-circle bg-cyan"></i></div>
                        <div class="media-body">
                          <h6 class="media-heading">Complete the task</h6><small>
                            <time class="media-meta text-muted" datetime="2015-06-11T18:29:20+08:00">Last week</time></small>
                        </div>
                      </div></a><a href="javascript:void(0)">
                      <div class="media">
                        <div class="media-left align-self-center"><i class="ft-file icon-bg-circle bg-teal"></i></div>
                        <div class="media-body">
                          <h6 class="media-heading">Generate monthly report</h6><small>
                            <time class="media-meta text-muted" datetime="2015-06-11T18:29:20+08:00">Last month</time></small>
                        </div>
                      </div></a></li>
                  <li class="dropdown-menu-footer"><a class="dropdown-item text-muted text-center" href="javascript:void(0)">Read all notifications</a></li>
                </ul>
              </li>
              
              <li class="dropdown dropdown-user nav-item"><a class="dropdown-toggle nav-link dropdown-user-link" href="#" data-toggle="dropdown"><span class="avatar avatar-online"><img src="app-assets/images/portrait/small/avatar-s-1.png" alt="avatar"><i></i></span><span class="user-name">User Name</span></a>
                <div class="dropdown-menu dropdown-menu-right"><a class="dropdown-item" href="#"><i class="ft-user"></i> Edit Profile</a>
                  <div class="dropdown-divider"></div><a class="dropdown-item" href="login-with-bg-image.html"><i class="ft-power"></i> Logout</a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </nav>-->