owl.js

$('.owl-carousel-carousel').owlCarousel({
		loop:true,
		margin:20,
		nav:true,
		dots:false,
		responsive:{
			0:{
				items:1
			},
			600:{
				items:3
			},
			1000:{
				items:5
			},
			1200:{
				items:6
			}
		},
		navText : ['<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>','<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>']
	});
	$('.owl-carousel-slider').owlCarousel({
		loop:true,
		margin:20,
		nav:true,
		dots:false,
		items:1,
		navText : ['<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>','<i class="fa fa-chevron-circle-right" aria-hidden="true"></i>']
	});