<div id="logos">

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
	<script src="custom.js"></script>


	<div class="brand-carousel section-padding owl-carousel">
		<div class="single-logo">
			<img src="<?=$url?>image/logos/1.png" alt="clientes" title="clientes">
		</div>
		<div class="single-logo">
			<img src="<?=$url?>image/logos/2.png" alt="clientes" title="clientes">
		</div>
		<div class="single-logo">
			<img src="<?=$url?>image/logos/3.png" alt="clientes" title="clientes">
		</div>
		<div class="single-logo">
			<img src="<?=$url?>image/logos/4.png" alt="clientes" title="clientes">
		</div>
		<div class="single-logo">
			<img src="<?=$url?>image/logos/5.png" alt="clientes" title="clientes">
		</div>
		<div class="single-logo">
			<img src="<?=$url?>image/logos/6.png" alt="clientes" title="clientes">
		</div>

		

	</div>
	
</div>

<script>
	$('.brand-carousel').owlCarousel({
		loop:true,
		margin:10,
		autoplay:true,
		responsive:{
			0:{
			items:1
			},
			600:{
			items:3
			},
			1000:{
			items:5
			}
		}
	}) 
</script>