<div class="navbar-area">
   <div class="main-responsive-nav">
     <div class="container">
       <div class="main-responsive-menu">
         <div class="logo">
           <a href="index.php">
             <img src="assets/images/KalyaniDentalLogo4.png" class="main-logo" alt="logo">
             <!-- <img src="assets/images/logo-2.png" class="white-logo" alt="logo"> -->
           </a>
         </div>
       </div>
     </div>
   </div>
   <div class="main-navbar">
     <div class="container">
       <nav class="navbar navbar-expand-md navbar-light">
         <div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">

          
         	  <!-- <div class="main-responsive-menu">
         <div class="logo">
           <a href="index.php">
             <img src="assets/images/logo.png" style="margin-right: 90px;" class="main-logo" alt="logo">
             <img src="assets/images/logo-2.png" class="white-logo" alt="logo">
           </a>
         </div>
       </div>  -->

 <?php
  include('include/functions.php');
 
  $select_services1 = services();
  ?>

 <div class="logo">
           <a href="index.php">
             <img src="assets/images/KalyaniDentalLogo4.png" style="margin-right: 90px; height:90px;" class="main-logo" alt="logo">
             <!-- <img src="assets/images/logo-2.png" class="white-logo" alt="logo">  -->
           </a>
         </div> 
           <ul class="navbar-nav">
          
             <li class="nav-item">
               <a <?php if($_SESSION['active'] == 'home') { ?> class="nav-link active" <?php } else { ?> class="nav-link" <?php } ?> href="index.php" class="">Home </a>
             </li>
             <li class="nav-item">
               <a href="#" <?php if($_SESSION['active'] == 'aboutKalyaniClinic' || $_SESSION['active'] == 'ourteam' ) { ?> class="nav-link active" <?php } else { ?> class="nav-link" <?php } ?> class="nav-link">About <i class='bx bx-caret-down'></i>
               </a>
               <ul class="dropdown-menu">
                 <li class="nav-item">
                   <a <?php if($_SESSION['active'] == 'aboutKalyaniClinic' ) { ?> class="nav-link active" <?php } else { ?> class="nav-link" <?php } ?> href="aboutKalyaniClinic.php" class="">About Kalyani Clinic </a>
                 </li>
                 <li class="nav-item">
                   <a <?php if($_SESSION['active'] == 'ourteam' ) { ?> class="nav-link active" <?php } else { ?> class="nav-link" <?php } ?> href="ourteam.php" class="">Our Team </a>
                 </li>
               </ul>
             </li>
             	<li class="nav-item">
                <a href="#"  <?php if ($_SESSION['activeDental'] == True) { ?> class="nav-link active" <?php } else { ?> class="nav-link"  <?php } ?>>Dental <i class='bx bx-caret-down'></i></a>
                <ul class="dropdown-menu">
                    <?php 
                    while($row = mysqli_fetch_array($select_services1))
                  {
                  ?>
                    <li class="nav-item">
                      <a href="single_services.php?id=<?= $row['id']?>" <?php if ($_SESSION['activeDental'] == $row['name']) { ?> class="nav-link active" <?php } else { ?> class="nav-link" <?php } ?>><?= strtoupper($row['name'])?></a>
                    </li>
                <?php
                  } 
                 ?>

                </ul>
                </li>
             <li class="nav-item">
               <a <?php if($_SESSION['active'] == 'gallery') { ?> class="nav-link active" <?php } else { ?> class="nav-link" <?php } ?> href="gallery.php" class="">Gallery </a>
             </li>
             <li class="nav-item">
               <a <?php if($_SESSION['active'] == 'contact') { ?> class="nav-link active" <?php } else { ?> class="nav-link" <?php } ?> href="contact.php" class="">Contact</a>
             </li>
            
           </ul>
           <div class="others-options d-flex align-items-center">
             <div class="option-item">
               <!-- 	<div class="search-btn"><a class="#" href="#searchmodal" data-bs-toggle="modal" data-bs-target="#searchmodal"><i class="flaticon-search"></i></a></div> -->
             </div>
             <div class="option-item">
               <div class="navbar-btn">
                 <a href="appointment.php" class="default-btn">Appointment</a>
              </div>
</div>
</div>
</div>
</nav>
</div>
</div>
<div class="others-option-for-responsive">
<div class="container">
<!-- <div class="dot-menu">
<div class="inner">
<div class="circle circle-one"></div>
<div class="circle circle-two"></div>
<div class="circle circle-three"></div>
</div>
</div> -->
<div class="container">
<div class="option-inner">
<div class="others-options d-flex align-items-center">
<div class="option-item">
<div class="search-btn">
<a class="#" href="#searchmodal" data-bs-toggle="modal" data-bs-target="#searchmodal">
 <i class="flaticon-search"></i>
</a>
</div>
</div>
<div class="option-item">
<div class="navbar-btn">
<a href="appointment.html" class="default-btn">Book Appointment</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<div class="modal fade fade-scale searchmodal" id="searchmodal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal">
<i class='bx bx-x'></i>
</button>
</div>
<div class="modal-body">
<form class="modal-search-form">
<input type="search" class="search-field" placeholder="Search...">
<button type="submit"><i class='bx bx-search-alt'></i></button>
</form>
</div>
</div>
</div>
</div>