{%- if site.newToolBar -%}
<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>
        {%- if Data.megaMenu -%} {%- for item in Data.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">
            <div class="row">
              <div class="col-lg-4 col-md-6">
                <div class="appscms-featured-tools">
                  <div class="category-tools">
                    <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4>
                    {%- for i in item.featuredLinks -%}
                    <a href="{{i.url}}" class="category-tools__item">
                      <div class="icon_box v_2 v2">
                        <img src="{{i.iconSrc}}" alt="icon-img" />
                      </div>
                      <div class="category-tools__content">
                        <h4>{{i.name}}</h4>
                        <p class="category-tools__descr gray">{{i.text}}</p>
                      </div>
                    </a>
                    {%- endfor -%}
                  </div>
                </div>
              </div>
              <div class="col-md-8">
                <div class="appscms-other-tools">
                  <div class="expand_menu-name-categiry">OTHER TOOLS</div>
                  {% assign link_count = item.links | size %} {% if link_count >
                  0 %} {% assign half = link_count | divided_by: 2 %} {% assign
                  remainder = link_count | modulo: 2 %}

                  <div class="row">
                    <div class="col-md-6">
                      <ul class="mega_menu">
                        {%- for i in item.links | slice: 0, half -%}
                        <li>
                          <a href="{{ i.url }}">{{ i.name }}</a>
                          <ul class=""></ul>
                        </li>
                        {%- endfor -%} {%- if remainder != 0 -%}
                        <li>
                          <a href="{{ item.links[half].url }}"
                            >{{ item.links[half].name }}</a
                          >
                          <ul class=""></ul>
                        </li>
                        {%- endif -%}
                      </ul>
                    </div>
                    <div class="col-md-6">
                      <ul class="mega_menu">
                        {%- for i in item.links | slice: half | plus: remainder,
                        link_count - half - remainder -%}
                        <li>
                          <a href="{{ i.url }}">{{ i.name }}</a>
                          <ul class=""></ul>
                        </li>
                        {%- endfor -%}
                      </ul>
                    </div>
                  </div>
                  {% endif %}
                </div>
              </div>
            </div>
          </div>
        </li>
        {%- endfor -%} {%- endif -%} {%- 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">
            <div class="row">
              <div class="col-lg-4 col-md-6">
                <div class="appscms-featured-tools">
                  <div class="category-tools">
                    <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4>
                    {%- for i in item.featuredLinks -%}
                    <a href="{{i.url}}" class="category-tools__item">
                      <div class="icon_box v_2 v2">
                        <img src="{{i.iconSrc}}" alt="icon-img" />
                      </div>
                      <div class="category-tools__content">
                        <h4>{{i.name}}</h4>
                        <p class="category-tools__descr gray">{{i.text}}</p>
                      </div>
                    </a>
                    {%- endfor -%}
                  </div>
                </div>
              </div>
              <div class="col-lg-6">
                <div class="appscms-other-tools">
                  <div class="expand_menu-name-categiry">OTHER TOOLS</div>
                  {% assign link_count = item.links | size %} {% if link_count >
                  0 %} {% assign half = link_count | divided_by: 2 %} {% assign
                  remainder = link_count | modulo: 2 %}

                  <div class="row">
                    <div class="col-lg-6">
                      <ul class="mega_menu">
                        {%- for i in item.links | slice: 0, half -%}
                        <li>
                          <a href="{{ i.url }}">{{ i.name }}</a>
                          <ul class=""></ul>
                        </li>
                        {%- endfor -%} {%- if remainder != 0 -%}
                        <li>
                          <a href="{{ item.links[half].url }}"
                            >{{ item.links[half].name }}</a
                          >
                          <ul class=""></ul>
                        </li>
                        {%- endif -%}
                      </ul>
                    </div>
                    <div class="col-lg-6">
                      <ul class="mega_menu">
                        {%- for i in item.links | slice: half | plus: remainder,
                        link_count - half - remainder -%}
                        <li>
                          <a href="{{ i.url }}">{{ i.name }}</a>
                          <ul class=""></ul>
                        </li>
                        {%- endfor -%}
                      </ul>
                    </div>
                  </div>
                  {% endif %}
                </div>
              </div>
            </div>
          </div>
        </li>
        {%- endfor -%}
      </div>
    </div>
  </div>
</div>
{%- else -%}
<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>
        {%- if Data.megaMenu -%}
        {%- for item in Data.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">
              {{ Data.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 -%}
        {%- endif -%}
       
        {%- 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 -%}