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,        },    }})