Sliders

<div class="owl-carousel" data-owl-nav="true" data-owl-dots="false" data-owl-margin="10" data-owl-xs="1" data-owl-sm="1" data-owl-md="2" data-owl-lg="3" data-owl-xl="3">
  <div>
    <img src="../assets/images/img-1.jpg" alt="">
  </div>
  <div>
    <img src="../assets/images/img-2.jpg" alt="">
  </div>
  <div>
    <img src="../assets/images/img-3.jpg" alt="">
  </div>
  <div>
    <img src="../assets/images/img-4.jpg" alt="">
  </div>
</div>

<div class="owl-carousel owl-nav-overlay" data-owl-items="1" data-owl-nav="true" data-owl-dots="false">
  <div>
    <img src="../assets/images/img-1.jpg" alt="">
  </div>
  <div>
    <img src="../assets/images/img-2.jpg" alt="">
  </div>
</div>

<div class="owl-carousel owl-nav-overlap-left" data-owl-items="1" data-owl-nav="true" data-owl-dots="false">
  <div>
    <img src="../assets/images/img-1.jpg" alt="">
  </div>
  <div>
    <img src="../assets/images/img-2.jpg" alt="">
  </div>
</div>

<div class="owl-carousel owl-nav-overlap" data-owl-items="1" data-owl-nav="true" data-owl-dots="false">
  <div>
    <img src="../assets/images/img-1.jpg" alt="">
  </div>
  <div>
    <img src="../assets/images/img-2.jpg" alt="">
  </div>
</div>

<div class="owl-carousel owl-nav-overlap-right" data-owl-items="1" data-owl-nav="true" data-owl-dots="false">
  <div>
    <img src="../assets/images/img-1.jpg" alt="">
  </div>
  <div>
    <img src="../assets/images/img-2.jpg" alt="">
  </div>
</div>

<div class="owl-carousel owl-dots-overlay" data-owl-items="1" data-owl-nav="false">
  <div>
    <img src="../assets/images/img-1.jpg" alt="">
  </div>
  <div>
    <img src="../assets/images/img-2.jpg" alt="">
  </div>
</div>

<div class="owl-carousel owl-dots-overlap-left" data-owl-items="1" data-owl-nav="false">
  <div>
    <img src="../assets/images/img-1.jpg" alt="">
  </div>
  <div>
    <img src="../assets/images/img-2.jpg" alt="">
  </div>
</div>

<div class="owl-carousel owl-dots-overlap" data-owl-items="1" data-owl-nav="false">
  <div>
    <img src="../assets/images/img-1.jpg" alt="">
  </div>
  <div>
    <img src="../assets/images/img-2.jpg" alt="">
  </div>
</div>

<div class="owl-carousel owl-dots-overlap-right" data-owl-items="1" data-owl-nav="false">
  <div>
    <img src="../assets/images/img-1.jpg" alt="">
  </div>
  <div>
    <img src="../assets/images/img-2.jpg" alt="">
  </div>
</div>