{%- if siteData.megaMenu -%}
<div class="appscms-toolbar">
  <div class="row">
    <div class="col-11 mx-auto">
      <ul class="appscms-toolbar-list">
       
<!-- <div class="scroll-left">
<svg width="23px" height="23px" viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">

<g id="SVGRepo_bgCarrier" stroke-width="0"/>

<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>

<g id="SVGRepo_iconCarrier"> <title>arrow_left [#ffffff]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-345.000000, -6679.000000)" fill="#ffffff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M299.633777,6519.29231 L299.633777,6519.29231 C299.228878,6518.90256 298.573377,6518.90256 298.169513,6519.29231 L289.606572,6527.55587 C288.797809,6528.33636 288.797809,6529.60253 289.606572,6530.38301 L298.231646,6538.70754 C298.632403,6539.09329 299.27962,6539.09828 299.685554,6538.71753 L299.685554,6538.71753 C300.100809,6538.32879 300.104951,6537.68821 299.696945,6537.29347 L291.802968,6529.67648 C291.398069,6529.28574 291.398069,6528.65315 291.802968,6528.26241 L299.633777,6520.70538 C300.038676,6520.31563 300.038676,6519.68305 299.633777,6519.29231" id="arrow_left-[#ffffff]"> </path> </g> </g> </g> </g>

</svg>
</div> -->
        <div id="close-nav-ham" data-open="1" class="close-nav-ham">
          <svg
            height="50px"
            width="1em"
            style="font-size: 25px"
            viewBox="0 0 24 24"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
            stroke="#ffffff"
          >
            <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
            <g
              id="SVGRepo_tracerCarrier"
              stroke-linecap="round"
              stroke-linejoin="round"
            ></g>
            <g id="SVGRepo_iconCarrier">
              <g clip-path="url(#clip0_429_11083)">
                <path
                  d="M7 7.00006L17 17.0001M7 17.0001L17 7.00006"
                  stroke="#ffffff"
                  stroke-width="2.5"
                  stroke-linecap="round"
                  stroke-linejoin="round"
                ></path>
              </g>
              <defs>
                <clipPath id="clip0_429_11083">
                  <rect width="24" height="24" fill="white"></rect>
                </clipPath>
              </defs>
            </g>
          </svg>
        </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>

          <ul 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 %}
                <li>
                  <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
                </li>
              </div>
              {% assign count = 0 %} {%- else -%}
              <li>
                <a class="toolbar-link" href="{{i.url}}">{{i.name}}</a>
              </li>
              {% endif %} {% endfor %}
            </div>
          </ul>
        </li>
        {%- endfor -%}
      

<!-- <div class="scroll-right">
<svg width="23px" height="23px" viewBox="-4.5 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000">

<g id="SVGRepo_bgCarrier" stroke-width="0"/>

<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>

<g id="SVGRepo_iconCarrier"> <title>arrow_right [#ffffff]</title> <desc>Created with Sketch.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Dribbble-Light-Preview" transform="translate(-305.000000, -6679.000000)" fill="#ffffff"> <g id="icons" transform="translate(56.000000, 160.000000)"> <path d="M249.365851,6538.70769 L249.365851,6538.70769 C249.770764,6539.09744 250.426289,6539.09744 250.830166,6538.70769 L259.393407,6530.44413 C260.202198,6529.66364 260.202198,6528.39747 259.393407,6527.61699 L250.768031,6519.29246 C250.367261,6518.90671 249.720021,6518.90172 249.314072,6519.28247 L249.314072,6519.28247 C248.899839,6519.67121 248.894661,6520.31179 249.302681,6520.70653 L257.196934,6528.32352 C257.601847,6528.71426 257.601847,6529.34685 257.196934,6529.73759 L249.365851,6537.29462 C248.960938,6537.68437 248.960938,6538.31795 249.365851,6538.70769" id="arrow_right-[#ffffff]"> </path> </g> </g> </g> </g>

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