<div class="brand-slider">
  
  <div id="banner{{ module }}" class="swiper-container">
    <div class="swiper-wrapper">{% for banner in banners %}
      <div class="swiper-slide">{% if banner.link %}<a href="{{ banner.link }}"><img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" /></a>{% else %}<img src="{{ banner.image }}" alt="{{ banner.title }}" class="img-responsive" />{% endif %}</div>
      {% endfor %}</div>
  </div>
  
</div>
<script ><!--
$('#banner{{ module }}').swiper({
	slidesPerView: 6,
	spaceBetween: 0,
	autoplay: false,
	loop: false,
    autoplayDisableOnInteraction: false,
	// Responsive breakpoints
	breakpoints: {
		479: {
		  slidesPerView: 2
		},
		767: {
		  slidesPerView: 3
		},
		991: {
		  slidesPerView: 4
		  
		},
		1200: {
		  slidesPerView: 6
		  
		}
	}
});
--></script> 