ブランドスライダー

		
<div class="brand-slider">
  <div class="sin-brand"><img src="img/brands/1.webp" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/2.webp" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/3.webp" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/4.webp" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/5.webp" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/6.webp" alt="" /></div>
  <div class="sin-brand"><img src="img/brands/7.webp" 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,
        },
    }
})