$( document ).ready(function() {

	// carousel-1
	$("#owl-csel1").owlCarousel({
		items: 4,
		//stagePadding: 70,
		autoplay: false,
		autoplayTimeout: 3000,
		startPosition: 0,
		rtl: false,
		loop: true,
		margin: 15,
		dots: true,
		dotsEach: 1,
		nav: true,
		autoplayHoverPause: false,
		navText: [
			'<span><img class="left-ar" src="images/left-arrow.svg" alt="">Prev</span>',
			'<span>Next<img class="right-ar" src="images/right-arrow.svg" alt=""><span/>'
				],
		navContainer: '.main-content1 .custom-nav',
		responsive:{
			0: {
				items: 1,
									
			},
			767: {
				items: 2,

			},
			991: {
				items: 2,		
					
			},
			1199: {
				items: 2,		
					
			},
			1200: {
				items: 3,

			}
		}

	});

	// carousel-2
	$("#owl-csel2").owlCarousel({
		items: 4,
		stagePadding: 120,
		autoplay: false,
		autoplayTimeout: 3000,
		startPosition: 0,
		rtl: false,
		loop: true,
		margin: 44,
		dots: true,
		dotsEach: 1,
		nav: true,
		autoplayHoverPause: false,
		navText: [
			'<span><img class="left-ar" src="images/left-arrow.svg" alt="">Prev</span>',
			'<span>Next<img class="right-ar" src="images/right-arrow.svg" alt=""><span/>'
				],
		navContainer: '.main-content2 .custom-nav',
		responsive:{
			0: {
				items: 1,
				stagePadding: 0,
									
			},
			767: {
				items: 2,
				stagePadding: 0,

			},
			991: {
				items: 2,		
					
			},
			1199: {
				items: 3,		
					
			},
			1200: {
				items: 3,

			}
		}

	});

	// carousel-4
	$("#owl-csel4").owlCarousel({
		items: 4,
		autoplay: false,
		autoplayTimeout: 3000,
		startPosition: 0,
		rtl: false,
		loop: true,
		margin: 20,
		dots: true,
		nav: true,
		navText: [
			'<i class="fa fa-angle-left" aria-hidden="true"></i>',
			'<i class="fa fa-angle-right" aria-hidden="true"></i>'
				],
		navContainer: '.main-content4 .custom-nav',
		responsive:{
			0: {
				items: 1.3,
									
			},
			767: {
				items: 2,

			},
			991: {
				items: 2,		
					
			},
			1199: {
				items: 2,		
					
			},
			1200: {
				items: 3,

			}
		}

	});

	// carousel-5
	$("#owl-csel5").owlCarousel({
		items: 4,
		//stagePadding: 120,
		autoplay: false,
		autoplayTimeout: 3000,
		startPosition: 0,
		rtl: false,
		loop: true,
		margin: 44,
		dots: true,
		dotsEach: 1,
		nav: true,
		autoplayHoverPause: false,
		navText: [
			'<span><img class="left-ar" src="images/left-arrow.svg" alt="">Prev</span>',
			'<span>Next<img class="right-ar" src="images/right-arrow.svg" alt=""><span/>'
				],
		navContainer: '.main-content5 .custom-nav',
		responsive:{
			0: {
				items: 1,
				stagePadding: 0,
									
			},
			767: {
				items: 2,
				stagePadding: 0,

			},
			991: {
				items: 2,		
					
			},
			1199: {
				items: 3,		
					
			},
			1200: {
				items: 3,

			}
		}

	});

// carousel-6
	$("#owl-csel6").owlCarousel({
		items: 4,
		//stagePadding: 120,
		autoplay: false,
		autoplayTimeout: 3000,
		startPosition: 0,
		rtl: false,
		loop: true,
		margin: 44,
		dots: true,
		dotsEach: 1,
		nav: true,
		autoplayHoverPause: false,
		navText: [
			'<span><img class="left-ar" src="images/left-arrow.svg" alt="">Prev</span>',
			'<span>Next<img class="right-ar" src="images/right-arrow.svg" alt=""><span/>'
				],
		navContainer: '.main-content6 .custom-nav',
		responsive:{
			0: {
				items: 1,
				stagePadding: 0,
									
			},
			767: {
				items: 2,
				stagePadding: 0,

			},
			991: {
				items: 2,		
					
			},
			1199: {
				items: 3,		
					
			},
			1200: {
				items: 3,

			}
		}

	});

	// carousel-7
	$("#owl-csel7").owlCarousel({
		items: 4,
		//stagePadding: 120,
		autoplay: false,
		center: true,
		autoplayTimeout: 3000,
		startPosition: 0,
		rtl: false,
		loop: true,
		margin: 44,
		dots: true,
		dotsEach: 5,
		nav: true,
		autoplayHoverPause: false,
		navText: [
			'<span><img class="left-ar" src="images/left-arrow.svg" alt="">Prev</span>',
			'<span>Next<img class="right-ar" src="images/right-arrow.svg" alt=""><span/>'
				],
		navContainer: '.main-content7 .custom-nav',
		responsive:{
			0: {
				items: 1.5,
									
			},
			767: {
				items: 1.5,

			},
			991: {
				items: 2,		
					
			},
			1199: {
				items: 3,		
					
			},
			1200: {
				items: 6,

			}
		}

	});

	// carousel-8
	$("#owl-csel8").owlCarousel({
		items: 4,
		//stagePadding: 120,
		autoplay: false,
		autoplayTimeout: 3000,
		startPosition: 0,
		rtl: false,
		loop: true,
		margin: 20,
		dots: true,
		dotsEach: 1,
		nav: true,
		autoplayHoverPause: false,
		navText: [
			'<span><img class="left-ar" src="images/left-arrow.svg" alt="">Prev</span>',
			'<span>Next<img class="right-ar" src="images/right-arrow.svg" alt=""><span/>'
				],
		navContainer: '.main-content8 .custom-nav',
		responsive:{
			0: {
				items: 2,
				stagePadding: 50,
									
			},
			767: {
				items: 2,
				stagePadding: 0,

			},
			991: {
				items: 2,		
					
			},
			1199: {
				items: 3,		
					
			},
			1200: {
				items: 9,

			}
		}

	});

	// carousel-9
	$("#owl-csel9").owlCarousel({
		items: 4,
		//stagePadding: 120,
		autoplay: false,
		autoplayTimeout: 3000,
		startPosition: 0,
		rtl: false,
		loop: true,
		margin: 25,
		dots: true,
		dotsEach: 1,
		nav: true,
		autoplayHoverPause: false,
		navText: [
			'<img src="images/ex-left-ange.svg" alt=""></span>',
			'<img src="images/ex-right-ange.svg" alt="">'
				],
		navContainer: '.main-content9 .custom-nav',
		responsive:{
			0: {
				items: 1,
				stagePadding: 0,
									
			},
			767: {
				items: 2,
				stagePadding: 0,

			},
			991: {
				items: 2,		
					
			},
			1199: {
				items: 3,		
					
			},
			1200: {
				items: 5,

			}
		}

	});


	// carousel-9
	$("#owl-csel10").owlCarousel({
		items: 4,
		//stagePadding: 120,
		autoplay: false,
		autoplayTimeout: 3000,
		startPosition: 0,
		rtl: false,
		loop: true,
		margin: 25,
		dots: true,
		dotsEach: 1,
		nav: true,
		autoplayHoverPause: false,
		navText: [
			'<img src="images/ex-left-ange.svg" alt=""></span>',
			'<img src="images/ex-right-ange.svg" alt="">'
				],
		navContainer: '.main-content10 .custom-nav',
		responsive:{
			0: {
				items: 1.3,
				stagePadding: 0,
									
			},
			767: {
				items: 2,
				stagePadding: 0,

			},
			991: {
				items: 2,		
					
			},
			1199: {
				items: 3,		
					
			},
			1200: {
				items: 5,

			}
		}

	});














//main
});