<div class="slider responsive"> <div><h3>1</h3></div> <div><h3>2</h3></div> <div><h3>3</h3></div> <div><h3>4</h3></div> <div><h3>5</h3></div> <div><h3>6</h3></div> <div><h3>7</h3></div> <div><h3>8</h3></div> </div> $('.responsive').slick({ dots: true, infinite: false, speed: 500, slidesToShow: 5, slidesToScroll: 1, responsive: [{ breakpoint: 768, settings: { slidesToShow: 2, slidesToScroll: 2, dot