<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
	#clients{
		background: #F1D5AE;
	}
		.owl-carousel.clients{
			padding: 30px 25px;
		}
		.owl-carousel.clients .item img{
			height: 60px;
			width: auto;
		}
	</style>
</head>
<body>
	<section id="clients">
	<div class="container">
		<div class="owl-carousel clients owl-theme">
      <div class="item">
        <img src="images/clients/c1.png">
      </div>
      <div class="item">
        <img src="images/clients/c2.png">
      </div>
      <div class="item">
        <img src="images/clients/c1.png">
      </div>
      <div class="item">
        <img src="images/clients/c2.png">
      </div>
      <div class="item">
        <img src="images/clients/c1.png">
      </div>

  	</div>
	</div>
  </section>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js" ></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
  	<script type="text/javascript">
  		 $('.owl-carousel.clients').owlCarousel({
	          loop:true,
	          margin:10,
	          nav:false,
	          dots: false,
	          autoplay:true,
	          autoplayTimeout: 2000,
	          responsive:{
	              0:{
	                  items:2
	              },
	              600:{
	                  items:3
	              },
	              1000:{
	                  items:5
	              }
	          }
	      })
  	</script>
</body>
</html>