<nav class="mobil-menu mobil-site-navigation d-block d-xl-none">
    <div class="container-fluid maxWidth">
        <div class="row">
            <div class="col-6">
               <div class="mobil-web-site-logo">
                    <a href="../pages/index.php">
                        <img src="../assets/images/logo.png" class="img-fluid" alt="Posette">
                    </a>  
               </div>
            </div> 
            <div class="col-6">
                <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/hakkimizda.php" class="link">HAKKIMIZDA</a></li>
                <li>
	                 <a href="#" class="link">TELA BEZ ÇANTA<i class="fa-solid fa-chevron-down"></i></a>
	                    <ul class="accordion-submenu">
                            <li><a href="../pages/urun-cat.php">Kulplu Tela Bez Çanta</a></li>
                            <li><a href="../pages/urun-cat.php">El Geçme Tela Bez Çanta</a></li>
                            <li><a href="../pages/urun-cat.php">Atlet Kesim Tela Bez Çanta</a></li>
	                   </ul>
                </li>
                <li>
	                 <a href="#" class="link">KRAFT ÇANTA<i class="fa-solid fa-chevron-down"></i></a>
	                    <ul class="accordion-submenu">
                            <li><a href="../pages/urun-cat.php">Burgu Sap Kraft Çanta</a></li>
                            <li><a href="../pages/urun-cat.php">Flat (Yassı) Sap Kraft Çanta</a></li>
	                   </ul>
                </li>
                <li><a href="../pages/katalog.php" class="link">KATALOG</a></li>
                <li><a href="../pages/galeri.php" class="link">GALERİ</a></li>
                <li><a href="../pages/iletisim.php" class="link">İLETİŞİM</a></li>
            </ul>
            <ul  id="language-menu">
                <li>
                    <a href="#">TR</a>
                </li>
                <li>
                    <a href="#">EN</a>
                </li>
            </ul>
        </div>
   </div>   
</div>
