<style>
.header-container{padding-bottom:0;}
.header-middle{padding-bottom:5px;}
</style>
<!-- ALL CATEGORIES START--> 
    <div class="nav-wrapp">
        <div class="container">
            <div class="nav-container hidden-xs">
                <ul id="site-nav">
                    <li>
                        <a href="javascript:void(0)" class="all_cat_link">All Categories<span class="arrow_down"><i class="icon-caret-down"></i></span></a>
                        <nav id="menu-container">
                             <ul id="nav" class="subnav">
                               <?php foreach ($categories as $k=>$category) { ?>
                                    <li class="level0 nav-<?php echo $k+1; ?>">
                                        <a class="level-top" href="<?php echo $category['href']; ?>"><span><?php echo $category['name']; ?></span></a>
                                        <div class="sub-menu">
                                            <div class="subitem">					
                                                <?php  foreach ($category['columns'] as $category_column) { ?>	
                                                    <dl>
                                                         <?php foreach ($category_column as $level_2_category){?>
                                                              <dt><a href="<?php echo $level_2_category['href']; ?>"><?php echo $level_2_category['name']; ?></a></dt>		       
                                                                <?php if (count($level_2_category['child_3'])>0){?>	
                                                              <dd>
                                                                  <?php foreach ($level_2_category['child_3'] as $level_3_category){?>
                                                                  <em><a href="<?php echo $level_3_category['href']; ?>"><?php echo $level_3_category['name'];?></a></em>					          
                                                                  <?php }?>
                                                               </dd>	
                                                                <?php }?>	
                                                        <?php }?>
                                                     </dl>
                                               <?php } ?>  
                                            </div>
                                        </div>
                                  </li>	   
                               <?php }?>
                             </ul>
                        </nav>							
                    </li>
                </ul>
            </div>
            <?php if (isset($breadcrumbs)) { ?>
            <div id="breadcrumb">
                <span class="odd"><a href="/"><b>beststoreitems</b></a></span>
                <?php foreach ($breadcrumbs as $breadcrumb) { ?>
                    <i class="icon-chevron-right"></i><span class="odd"><a href="<?php echo $breadcrumb['href']; ?>"><b><?php echo $breadcrumb['text']; ?></b></a></span>
                <?php } ?>
            </div>
           <?php } ?>
        </div>
    </div>    
<!-- ALL CATEGORIES END-->
<section class="mobile visible-xs mp_sidebar">
    <nav id="mp-menu" class="mp-menu mp-cover mp-level">
          <ul id="nav-mobile">
            <?php foreach ($categories as $k=>$category) { ?>
                  <li class="level0 nav-<?php echo $k+1; ?> level-top parent"><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
            <?php }?>
           </ul>
    </nav>
</section>