<style>
img.logo5 {
    width: 78px;
}
.sidebar-dark .sidebar-brand {
    background: #fff;
}
.rotate-n-15 {
    transform: none;
}
.sidebar-brand-text.mx-3 {
    margin: 0!important;
}
.side-lo{
width: 69px;
height: auto;
}
.logobspan{

	
}
</style>
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">



	  
	  
      <!-- Sidebar - Brand -->
      <a class="sidebar-brand d-flex align-items-center justify-content-center" href="productscategory.php">
	          <div class="sidebar-brand-icon rotate-n-15">
          <img class=" side-lo"   src="img/sbagslogo.png">
        </div>
     
       
      </a>

      <!-- Divider -->
      <hr class="sidebar-divider my-0se">

      <!-- Nav Item - Dashboard -->
      <li class="nav-item active">
        <a class="nav-link" href="productscategory.php">
          <i class="fa fa-desktop"></i>
          <span>Dashboard</span></a>
      </li>

      <!-- Divider -->
      <hr class="sidebar-divider">

	        <!-- Nav Item - Pages Collapse Menu -->



	 <li class="nav-item">
        <a class="nav-link collapsed" href="productscategory.php" data-toggle="collapse" data-target="#collapsePage2" aria-expanded="true" aria-controls="collapsePage2">
         <i class="fa fa-image"></i>
          <span>Our Products</span>
        </a>
        <div id="collapsePage2" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
		    <a class="collapse-item" href="productscategory.php">Products Category</a>
		  	<a class="collapse-item" href="product.php"> Products </a>
			

          </div>
        </div>
      </li> 
	   <li class="nav-item">
        <a class="nav-link collapsed" href="productscategory.php" data-toggle="collapse" data-target="#collapsePage3" aria-expanded="true" aria-controls="collapsePage2">
         <i class="fa fa-image"></i>
          <span>New Arrivals </span>
        </a>
        <div id="collapsePage3" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
		    
        <a class="collapse-item" href="newarrivalscategory.php">New Arrivals Category</a>
		  	<a class="collapse-item" href="newarrivals.php">New Arrivals  </a>
			

          </div>
        </div>
      </li> 
	 
      <!---<li class="nav-item">
        <a class="nav-link collapsed" href="#" data-toggle="collapse" data-target="#collapsePage5" aria-expanded="true" aria-controls="collapsePage5">
         <i class="fa fa-image"></i>
          <span>Gallery</span>
        </a>
        <div id="collapsePage5" class="collapse" aria-labelledby="headingPages" data-parent="#accordionSidebar">
          <div class="bg-white py-2 collapse-inner rounded">
			<a class="collapse-item" href="gallery_category.php">Gallery Category</a>
            <a class="collapse-item" href="gallery.php">Gallery</a>
        
			

          </div>
        </div>
      </li>--->
	  


	  
	  	        

     

      <!-- Divider -->
      <hr class="sidebar-divider d-none d-md-block">

      <!-- Sidebar Toggler (Sidebar) -->
      <div class="text-center d-none d-md-inline">
        <button class="rounded-circle border-0" id="sidebarToggle"></button>
      </div>

    </ul>