{#<li>
    <i class="fa fa-angle-right fa-fw"> </i>
    <span>
        {% if category_list.child is defined %}
            {% set final_path = path('office_brain_search_bundle_browse_category_search', {'category_slug': category_list.slug})  %}

        {% else %}
            {% set final_path = path('office_brain_search_bundle_browse_category_search', {'category_slug': category_list.slug}) %}
        {% endif %}
        <a href="{{ final_path }}">{{ category_list.cat_name }}</a>
    </span>
</li>#}

{% if category_list.child is defined %}
    {% set final_path = 'javascript:void(0);'  %}
{% else %}
    {% set final_path = path('office_brain_search_bundle_browse_category_search', {'category_slug': category_list.slug}) %}
{% endif %}

<li>
  <i class="fa fa-angle-right fa-fw"></i><span><a href="{{final_path}}">{{ category_list.cat_name }}</a></span>
  {% if category_list.child is defined %}
  <ul class="force-overflow">
     {% for first_child in  category_list.child %}

        {% if first_child.child is defined %}
            {% set first_child_final_path = 'javascript:void(0);'  %}
        {% else %}
            {% set first_child_final_path = path('office_brain_search_bundle_browse_category_search', {'category_slug': first_child.slug}) %}
        {% endif %}

     <li>
        <i class="fa fa-angle-right fa-fw"></i><span><a href="{{first_child_final_path}}">{{ first_child.cat_name }}</a></span>
        {% if first_child.child is defined %}
        <ul class="force-overflow">
            {% for second_child in  first_child.child %}
            {% set second_child_final_path = path('office_brain_search_bundle_browse_category_search', {'category_slug': second_child.slug}) %}
           <li><i class="fa fa-angle-right fa-fw"></i><span><a href="{{second_child_final_path}}">{{ second_child.cat_name }}</a></span></li>
           {% endfor %}
        </ul>
        {% endif %}
     </li>
     {% endfor %}
  </ul>
  {% endif %}
</li>