<div id="ht-preloader">
  <div class="clear-loader d-flex align-items-center justify-content-center">
    <div class="loader">
     <span class="plus"></span>
    <span class="plus"></span>
    <span class="dot"></span>
    <span class="dot"></span>
    <span class="dot"></span>
    <span class="dot"></span>
    </div>
  </div>
</div>

<!-- preloader end -->


<!--header start-->

<header id="site-header" class="header">
  <div class="header-top light-bg">
    <div class="container-fluid px-lg-8">
      <div class="row">
        <div class="col d-flex align-items-center justify-content-between">
          <div class="topbar-link d-flex align-items-center text-black">
            <div class="d-none d-sm-flex align-items-center me-3">
              <div> <i class="las la-phone"></i>
              </div>
              <div>Call Us: <a class="text-black" href="#"> +91-92155-50056</a>
              </div>
            </div>
            <div class="d-none d-md-flex align-items-center me-3">
              <div> <i class="las la-map-marker"></i>
              </div>
              <div>
                <div>#3674, Timber Market, Ambala Cantt-133001 (hr), India</div>
              </div>
            </div>
         
          </div>
          <div class="d-flex align-items-center"> <a class="btn btn-white btn-sm py-3" href="gallery.php"><span>Gallery</span></a>
            <div class="social-icons d-none d-lg-inline-block ms-3">
              <ul class="list-inline">
                <li><a href="https://www.facebook.com/share/RyuL58S38BDYxWTU/"><i class="lab la-facebook-f"></i></a>
                </li>
                <li><a href="https://www.instagram.com/indosati_instruments_chemicals?igsh=ODA3cDBtajRkMDhp"><i class="lab la-instagram"></i></a>
                </li>
				  <li><a href="https://www.youtube.com/channel/UChT8TIF_edItbqwrDhNKGpw"><i class="lab la-youtube"></i></a>
                </li>
				<li><a href="https://www.instagram.com/indosati_instruments_chemicals?igsh=ODA3cDBtajRkMDhp"><i class="lab la-twitter"></i></a>
                </li>
              <li><a href="https://www.instagram.com/indosati_instruments_chemicals?igsh=ODA3cDBtajRkMDhp"><i class="lab la-linkedin"></i></a>
                </li>
              </ul>
            </div>
     
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="header-wrap">
    <div class="container-fluid px-lg-8">
      <div class="row">
        <div class="col">
          <nav class="navbar navbar-expand-lg">
            <a class="navbar-brand logo" href="index.php">
              <img id="logo-img" class="img-fluid" src="images/logo-blue.png" alt="" width="">
            </a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span></span>
              <span></span>
              <span></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNav">
              <ul class="navbar-nav ms-auto me-auto position-relative">
                <!-- Home -->
                <li class="nav-item">
				<a class="nav-link" href="index.php">Home</a>
         </li>
		 <li class="nav-item">
				<a class="nav-link" href="about-us.php">About Us</a>
         </li>
     
                <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-bs-toggle="dropdown">Our Products</a>
                  <ul class="dropdown-menu">
                      
                      <?php
                        
                        include('connection.php');
                        
                            $qry=mysqli_query($con,"SELECT * FROM `categories` order by id desc");
			
				while($ro=mysqli_fetch_array($qry)){
				    
				    
				    $ques=$ro['category'];
                        
                        ?>
                    <li><a href="products.php?cat=<?php echo $ques ?>"><?php echo $ques ?></a></li>
                    <?php
				}
				?>
                   
                  </ul>
                </li>
           <li class="nav-item">
				<a class="nav-link" href="certificates.php">Our Certificates</a>
         </li>
		  <li class="nav-item">
				<a class="nav-link" href="online-query.php">Online Query</a>
         </li>
		  <li class="nav-item">
				<a class="nav-link" href="contact-us.php">Contact Us</a>
         </li>
      
              </ul>
            </div>
            <div class="right-nav align-items-center d-flex justify-content-end">
              <div class="search-icon d-sm-inline-block d-none"> <a id="search" href="javascript:void(0)"><i class="las la-search"></i></a>
              </div>
        <a class="btn btn-theme btn-sm d-none d-md-inline-block" href="downloads.php"  ><span>Download Catelogue</span></a>
            </div>
          </nav>
        </div>
      </div>
    </div>
  </div>
</header>
<div class="search-input" id="search-input-box">
  <div class="container ">
    <form class="d-flex justify-content-between search-inner">
      <input type="text" class="form-control" id="search-input" placeholder="Search Here">
      <button type="submit" class="btn"></button> <span class="las la-times" id="close-search" title="Close Search"></span>
    </form>
  </div>
</div>