{%- if siteData.megaMenu -%}
<div class="appscms-toolbar">
  <div class="row">
    <div class="col-11 mx-auto">
      <div class="appscms-toolbar-list">
        <div id="close-nav-ham" data-open="1" class="close-nav-ham">
          <img class="mt-3" style="cursor: pointer;" height="30px" width="30px" src="/assets/images/close-button.svg"
            alt="close-button">
        </div>

        {%- for item in siteData.megaMenu.dropdown -%}
        
        <li class="appscms-toolbar-list-item">
          <span class="appscms-toolbar-list-item-span d-flex justify-content-between">
            {{item.categoryName}}
          </span>
          <div class="list-item-dropdown">
            <h4 class="list-item-dropdown-heading">
              {{siteData.megaMenu.nav-link-name}}
            </h4>
            <div class="row">
              {%- assign count = 0 -%} {% for i in item.links %} {% assign count
              = count | plus:1 %} {%- if count == 1 -%}
              {%- if site.name == "olarandoms" -%}
              <div class="col-xl-6">
              {%- else -%}
             
                <div class="col-md-6 col-lg-4">
              {%- endif -%}
                {%- endif -%} {% if count == 6 %}
                  <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
              </div>
              {% assign count = 0 %} {%- else -%}
              <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
              {% endif %} {% endfor %}
            </div>
          </div>
        </li>
        {%- endfor -%}

      </div>
    </div>
  </div>
</div>
{%- endif -%}