{{#xif 'this.level === "DIV" && this.index === 1'}}
        <div class="od-row">
    {{/xif}}
    {{#xif 'this.level === "DIV" && this.numId === 1'}}
        <div class="od-col od-col-4 od-col-gutter">
    {{/xif}}

    <li class="{{toLowerCase this.level}}-list-item nav-item has-submenu {{extraClass}}" role="none" data-submenu="productsSubmenu" id="{{id}}" >
      {{#unless this.url}}
        {{#if categoryNameUrl}}
            {{var 'url' '' categoryNameUrl}}
        {{else}}
            {{var 'url' link}}
        {{/if}}
      {{/unless}}
        {{#if customLink}}
            {{var 'url' customLink}}
        {{/if}}
        {{#xif 'this.level === "SG"'}}
            {{#xif this.isLoggedIn}}
                <a href="{{appendSessionId url this.isPunchout}}" tabindex="-1" class="{{toLowerCase this.level}}-level menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{description}}"]'>
                    {{{ description }}}
                    <span class="dropdown-arrow arrow-right "></span>
                </a>
            {{else}}
                {{#xif @root.isLoggedIn}}
                    <a href="{{appendSessionId url this.isPunchout}}" tabindex="-1" class="{{toLowerCase this.level}}-level menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{description}}"]'>
                        {{{ description }}}
                        <span class="dropdown-arrow arrow-right "></span>
                    </a>
                {{else}}
                    <a href="{{url}}" tabindex="-1" class="{{toLowerCase this.level}}-level menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{description}}"]'>
                        {{{ description }}}
                        <span class="dropdown-arrow arrow-right "></span>
                    </a>
                {{/xif}}
            {{/xif}}
        {{/xif}}
        {{#xif 'this.level === "DIV"'}}
            {{#xif this.isLoggedIn}}
                <a href="{{appendSessionId url this.isPunchout}}" tabindex="-1" class="{{toLowerCase this.level}}-level menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{description}}"]'>
                    {{{ description }}}
                </a>
            {{else}}
                {{#xif @root.isLoggedIn}}
                    <a href="{{appendSessionId url this.isPunchout}}" tabindex="-1" class="{{toLowerCase this.level}}-level menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{description}}"]'>
                        {{{ description }}}
                    </a>
                {{else}}
                    <a href="{{url}}" tabindex="-1" class="{{toLowerCase this.level}}-level menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{description}}"]'>
                        {{{ description }}}
                    </a>
                {{/xif}}
            {{/xif}}
        {{/xif}}
        {{#xif 'this.level === "L3"'}}
            {{#xif this.isLoggedIn}}
                <a href="{{appendSessionId url this.isPunchout}}" tabindex="-1" class="{{toLowerCase this.level}}-level menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{description}}"]'>
                    {{{ description }}}
                </a>
            {{else}}
                {{#xif @root.isLoggedIn}}
                    <a href="{{appendSessionId url this.isPunchout}}" tabindex="-1" class="{{toLowerCase this.level}}-level menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{description}}"]'>
                        {{{ description }}}
                    </a>
                {{else}}
                    <a href="{{url}}" tabindex="-1" class="{{toLowerCase this.level}}-level menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{description}}"]'>
                        {{{ description }}}
                    </a>
                {{/xif}}
            {{/xif}}
        {{/xif}}
        {{#xif 'this.level === "DIV"' }}
            {{var 'multiClasses' ''}}
        {{else}}
            {{var 'multiClasses' 'header-nav-menu hidden-menu submenu'}}
        {{/xif}}
        {{#xif 'this.level === "SG" && this.nextLevelhierarchy.length === 0' }}
            {{ var 'hideClass' 'hide-submenu' }}
        {{else}}
            {{ var 'hideClass' '' }}
        {{/xif}}
        <ul class="{{toLowerCase this.level }}-list {{multiClasses}} list-inline {{hideClass}}" data-parent-item="productsMainItem">
            {{#xif 'this.level !== "DIV" || this.level !== "L3"'}}
                <li class="nav-item submenu-title back-link">
                    <span class="pos-left visible-xs dropdown-arrow arrow-left"></span>
                    {{{ description }}}
                </li>
            {{/xif}}

            {{#each this.nextLevelhierarchy}}
                {{> new_products_menu_list }}
            {{/each}}
        </ul>
    </li>
    {{#xif 'this.level === "DIV"'}}
        {{var 'lastItem' @last}}
        {{#xif 'this.lastItem'}}
            <li class="nav-item learn-more-link hidden-sm hidden-md hidden-lg hidden-xl hidden-xxl">
                {{#xif this.isLoggedIn}}
                    <a href="{{appendSessionId url this.isPunchout}}" tabindex="-1" class="menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{levelOneHeading}}--See All {{{ levelOneHeading }}} Products"]'>
                        Learn More About {{{ this.levelOneHeading }}} Solutions
                    </a>
                {{else}}
                    {{#xif @root.isLoggedIn}}
                        <a href="{{appendSessionId url this.isPunchout}}" tabindex="-1" class="menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{levelOneHeading}}--See All {{{ levelOneHeading }}} Products"]'>
                            Learn More About {{{ this.levelOneHeading }}} Solutions
                        </a>
                    {{else}}
                        <a href="{{url}}" tabindex="-1" class="menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{levelOneHeading}}--See All {{{ levelOneHeading }}} Products"]'>
                            Learn More About {{{ this.levelOneHeading }}} Solutions
                        </a>
                    {{/xif}}
                {{/xif}}
            </li>
            {{#unless hideShowAllLink}}
                <li class="nav-item nav-see-all">
                        {{#xif this.isLoggedIn}}
                            <a href="{{appendSessionId this.levelOneUrl this.isPunchout}}" tabindex="-1" class="menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{levelOneHeading}}--See All {{{ levelOneHeading }}} Products"]'>
                                See All {{{ this.levelOneHeading }}} Products
                            </a>
                        {{else}}
                            {{#xif @root.isLoggedIn}}
                                <a href="{{appendSessionId this.levelOneUrl this.isPunchout}}" tabindex="-1" class="menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{levelOneHeading}}--See All {{{ levelOneHeading }}} Products"]'>
                                    See All {{{ this.levelOneHeading }}} Products
                                </a>
                            {{else}}
                                <a href="{{this.levelOneUrl}}" tabindex="-1" class="menu-item" aria-haspopup="true" data-cm-link='["header","{{@root.description}}","{{levelOneHeading}}--See All {{{ levelOneHeading }}} Products"]'>
                                    See All {{{ this.levelOneHeading }}} Products
                                </a>
                            {{/xif}}
                        {{/xif}}
                </li>
            {{/unless}}

            </div>
        {{else}}
            {{#xif 'this.zeroRemainderFlag'}}
                </div>
            {{/xif}}
        {{/xif}}
        {{#xif 'this.index === this.totalL2Categories'}}
            </div>
        {{/xif}}
    {{/xif}}