<nav class="mobil-menu mobil-site-navigation d-block d-lg-none">
    <div class="container-fluid maxWidth">
        <div class="row">
            <div class="col-9">
               <div class="mobil-web-site-logo">
                  <a href="../pages/index.php">
                      <img src="../assets/images/logo.png" class="img-fluid" alt="All-Alci">
                  </a>  
               </div>
            </div> 
            <div class="col-3">
                 <div class="mobil-hamburger-menu">
                    <a class="mobil-hamburger-menu-btn" data-bs-toggle="offcanvas" href="#offcanvasMobilMenu" role="button" aria-controls="offcanvasMobilMenu">
                        <i class="fa-solid fa-bars"></i>
                    </a>
                 </div>
            </div>
          
        </div>
    </div>
</nav>
 <div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasMobilMenu" aria-labelledby="offcanvasMobilMenu">
   <div class="offcanvas-header">
      <button type="button" class="btnClose" data-bs-dismiss="offcanvas">
         <i class="fa-solid fa-x"></i>
      </button>
  </div>
   <div class="offcanvas-body">
    <div class="offcanvas-navigasyon-menu">
        <ul id="accordion" class="accordion">
            <li>
	           <a href="../pages/index.php" class="link">ANA SAYFA</a>
             </li>
             <li>
	             <a href="../pages/urunler.php" class="link">ÜRÜNLER</a>
            </li>
            <li>
	             <a href="../pages/dokuman.php" class="link">DÖKÜMAN</a>
            </li>
            <li>
	             <a href="#" class="link">KATALOG<i class="fa fa-chevron-down"></i></a>
	                <ul class="accordion-submenu">
                        <li>
                            <a href="../pages/katalog.php">Katalog</a>
                        </li>
                        <li>
                            <a href="../pages/brosur.php">Broşür</a>
                        </li>
	               </ul>
            </li>
            <li>
	             <a href="#" class="link">KURUMSAL<i class="fa fa-chevron-down"></i></a>
	                <ul class="accordion-submenu">
                        <li>
                            <a href="../pages/hakkimizda.php">Hakkımızda</a>
                        </li>
                        <li>
                            <a href="../pages/misyon-vizyon.php">Misyon & Vizyon</a>
                        </li>
                        <li>
                            <a href="../pages/ik.php">İnsan Kaynakları</a>
                        </li>
                        <li>
                            <a href="../pages/page.php">Kvkk Politikası</a>
                        </li>
                        <li>
                            <a href="../pages/iletisim.php">İletişim</a>
                        </li>
                        
	               </ul>
            </li>
            <li>
	           <a href="../pages/arge-merkezi.php" class="link">ARGE MERKEZİ</a>
            </li>
            <li>
	           <a href="../pages/bayiler.php" class="link">BAYİLER</a>
            </li>
           

        </ul>
        <ul class="mobil-language-menu">
            <li><a href="#">TR</a></li>
            <li><a href="#">EN</a></li>
            <li><a href="#">RU</a></li>
            <li><a href="#">AR</a></li>
        </ul>

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