brand slider

 
<div class="brand-slider">
  <div class="sin-brand"><img src="img/brands/1.png" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/2.png" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/3.png" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/4.png" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/5.png" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/6.png" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/7.png" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/8.png" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/9.png" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/10.png" alt="" /></div>
</div>
		
	

 
.brand-slider .sin-brand {}
.brand-slider .sin-brand img {
  max-width: 140px;
}
		
	

 

$('.brand-slider').owlCarousel({
  loop: true,
  dots: false,
  nav: true,
  navText: ['',''],
  margin: 120,
  responsive: {
  1200:{
  items:5
  },
  970:{
  items:4
  },
  768:{
  items:3,
	 nav: false,
  },
  480:{
  items:2,
	 nav: false,
  },
  0:{
  items:2,
	 nav: false,
	 margin: 40,
  },
  }
})