<div class="header-main-menu">

  <div class="sections nav-sections">

    <div class="section-items nav-sections-items" data-mage-init='{"tabs":{"openedState":"active"}}'>

      <div class="section-item-title nav-sections-item-title" data-role="collapsible"> <a class="nav-sections-item-switch" data-toggle="switch" href="#store.menu">Menu</a> </div>

      <div class="section-item-content nav-sections-item-content" id="store.menu" data-role="content">

        <div class="menu-container">

          <div class="widget block block-static-block">

            <div class="ecom-main-menu">

              <div class="main-nav hidden-xs ecom-menu ecom-horizontal-menu  ecom-translate" id="menu-4-5c91e72747c23" data-mage-init='{"megamenu":{"dropdownEffect":"translate","type":0, "fixedLeftParent":".nav-sections", "contPadding": 10}}'>

                <ul class="groupmenu">

                  <?php foreach($menu_top as $item): ?>

                  <?php if($item->type_menu =='mega'): ?>

                  <li  class="item level0  level-top <?php if(Helper::check_sub('menu',$item->id)): ?>parent <?php endif; ?>" > <a class="menu-link" href="<?php echo e($item->url); ?>"> <span><?php echo e($item->name); ?></span></a>

                    <?php if(Helper::check_sub('menu',$item->id)): ?>

                    <ul class="groupmenu-drop">

                      <li class="item level1  text-content">

                        <div class=" groupmenu-drop-content groupmenu-width-24" style=" ">

                          <div class="row">

                            <?php foreach($menu_child as $sub): ?>

                            <?php if($item->id == $sub->parent_id): ?>

                            <div class="col-sm-6">

                              <h3><a href="<?php echo e($sub->url); ?>"><?php echo e($sub->name); ?></a></h3>

                              <ul class="groupdrop-link">

                                <?php foreach($menu_child as $sub_sub): ?>

                                <?php if($sub->id== $sub_sub->parent_id): ?>

                                <li class="item"><a href="<?php echo e($sub_sub->url); ?>"><?php echo e($sub_sub->name); ?></a></li>

                                <?php endif; ?>

                                <?php endforeach; ?>

                              </ul>

                            </div>

                            <?php endif; ?>

                            <?php endforeach; ?>

                          </div>

                        </div>

                      </li>

                    </ul>

                    <?php endif; ?>

                  </li>

                  <?php else: ?>

                  <li  class="item level0 smaill-menu level-top <?php if(Helper::check_sub('menu',$item->id)): ?>parent <?php endif; ?>" > <a class="menu-link" href="<?php echo e($item->url); ?>"> <span><?php echo e($item->name); ?></span></a>

                    <?php if(Helper::check_sub('menu',$item->id)): ?>

                    <ul class="groupmenu-drop">

                       <?php foreach($menu_child as $sub): ?>

                        <?php if($item->id == $sub->parent_id): ?>

                      <li class="item level1  text-content">

                        <a href="<?php echo e($sub->url); ?>"><?php echo e($sub->name); ?></a>

                      </li>

                      <?php endif; ?>

                      <?php endforeach; ?>

                    </ul>

                    <?php endif; ?>

                  </li>

                  <?php endif; ?>

                  <?php endforeach; ?>



                </ul>

              </div>

              <div id="mobile-nav">

                <div class="mnav-sections">

                  <nav>

                    <ul class="groupmenu">

                      <?php foreach($menu_top as $item): ?>

                      <li     class="item level0  level-top <?php if(Helper::check_sub('menu',$item->id)): ?>parent <?php endif; ?>" > <a class="menu-link touch-link" href="<?php echo e($item->url); ?>"> <span><?php echo e($item->name); ?></span> <?php if(Helper::check_sub('menu',$item->id)): ?><i class="fa fa-plus"></i> <i class="fa fa-minus"></i><?php endif; ?> </a>

                        <?php if($item->type_menu=='mega'): ?>

                        <?php if(Helper::check_sub('menu',$item->id)): ?>

                        <ul class="groupmenu-drop">

                          <li  class="item level1  text-content">

                            <div class=" groupmenu-drop-content groupmenu-width-24" style=" ">

                              <div class="row">

                               <?php foreach($menu_child as $sub): ?>

                               <?php if($item->id == $sub->parent_id): ?>

                               <div class="col-sm-6">

                                <h3><a href="<?php echo e($sub->url); ?>"><?php echo e($sub->name); ?></a></h3>

                                <ul class="groupdrop-link">

                                 <?php foreach($menu_child as $sub_sub): ?>

                                 <?php if($sub->id == $sub_sub->parent_id): ?>

                                 <li class="item"><a href="<?php echo e($sub_sub->url); ?>"><?php echo e($sub_sub->name); ?></a></li>

                                 <?php endif; ?>

                                 <?php endforeach; ?>

                                </ul>

                              </div>

                              <?php endif; ?>

                              <?php endforeach; ?>

                              </div>

                            </div>

                          </li>

                        </ul>

                        <?php endif; ?>



                        <?php else: ?>

                        <ul class="groupmenu-drop sub-small-menu">

                           <?php foreach($menu_child as $sub): ?>

                               <?php if($item->id == $sub->parent_id): ?>

                          <li  class="item level1  text-content">

                            <a href="<?php echo e($sub->url); ?>"><?php echo e($sub->name); ?></a>

                          </li>

                           <?php endif; ?>

                              <?php endforeach; ?>

                        </ul>

                        <?php endif; ?>

                      </li>

                      <?php endforeach; ?>

                      

                    </ul>

                  </nav>

                </div>

              </div>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

</div>

<style type="text/css">

  .sub-small-menu{

    margin-left: 15px!important

  }

  .sub-small-menu li {

    padding:10px 0!important;

  }

</style>