<div class="animatable fadeInUp mega-menu collection-image mega-menu--header-classic" data-parent-link="{{ section.settings.parent_link | downcase | replace: ' ', '-' }}">

  <div class="container has-no-side-gutter">
 
    <div class="column mega-menu__block block__{{ block.id }} block__{{ block.type | replace: '_', '-' }}
                {% include 'column-width', value: section.blocks.size %} medium-down--one-half" {{ block.shopify_attributes }}>

    
      {% comment %} Menu {% endcomment %}
      <div class="mega-menu__content">
        <div class="banner_item">
          <a href="{{ block.settings.title1_url }}" class="image_link">
            {% if block.settings.image1 != blank %}
            <img class="mega-menu__image lazyload" data-src="{{block.settings.image1 | img_url: "master"}}" alt="{{block.settings.image1.alt}}"/>
            {% else %}
            {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
            {% endif %}
          </a> 
          <a class="title" href="{{ block.settings.title1_url }}">{{ block.settings.title1 }}</a>
        </div>
         <div class="banner_item">
          <a href="{{ block.settings.title2_url }}" class="image_link">
            {% if block.settings.image2 != blank %}
            <img class="mega-menu__image lazyload" data-src="{{block.settings.image2 | img_url: "master"}}" alt="{{block.settings.image2.alt}}"/>
            {% else %}
            {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
            {% endif %}
          </a> 
          <a class="title" href="{{ block.settings.title2_url }}">{{ block.settings.title2 }}</a>
        </div>
         <div class="banner_item">
          <a href="{{ block.settings.title3_url }}" class="image_link">
            {% if block.settings.image3 != blank %}
            <img class="mega-menu__image lazyload" data-src="{{block.settings.image3 | img_url: "master"}}" alt="{{block.settings.image3.alt}}"/>
            {% else %}
            {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
            {% endif %}
          </a> 
          <a class="title" href="{{ block.settings.title3_url }}">{{ block.settings.title3 }}</a>
        </div>
         <div class="banner_item">
          <a href="{{ block.settings.title4_url }}" class="image_link">
            {% if block.settings.image4 != blank %}
            <img class="mega-menu__image lazyload" data-src="{{block.settings.image4 | img_url: "master"}}" alt="{{block.settings.image4.alt}}"/>
            {% else %}
            {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
            {% endif %}
          </a> 
          <a class="title" href="{{ block.settings.title4_url }}">{{ block.settings.title4 }}</a>
        </div>
         <div class="banner_item">
          <a href="{{ block.settings.title5_url }}" class="image_link">
            {% if block.settings.image5 != blank %}
            <img class="mega-menu__image lazyload" data-src="{{block.settings.image5 | img_url: "master"}}" alt="{{block.settings.image5.alt}}"/>
            {% else %}
            {{ 'image' | placeholder_svg_tag: 'placeholder-svg' }}
            {% endif %}
          </a> 
          <a class="title" href="{{ block.settings.title5_url }}">{{ block.settings.title5 }}</a>
        </div>
      </div>
   
    </div>

  </div>
</div>