$(document).ready(function(){
    $(".year").click(function () {
        $('.year').removeClass("active");
        $(this).addClass("active");
    });
});

$(document).ready(function () {
    $(".owl-carousel").owlCarousel({
      loop: true,
      margin: 10,
      nav: true,
      responsiveClass: true,
      navText: [
        ' <div class="left-indicator">  <img src="/media/x2nh2aq1/left-indicator.png"> </div> ',
        ' <div class="right-indicator"> <img src="/media/e3zjmy0u/right-indicator.png"> </div> ',
      ],

      responsive: {
        0: {
          items: 1.2,
          nav: false,
        },
        320: {
          items: 1.2,
          margin: 20,
          nav: false,
          // autoplay: true,
        },
        425: {
          items: 1.6,
          margin: 15,
          nav: false,
        },
        600: {
          items: 2,
          margin: 5,
          nav: false,
        },
        768: {
          items: 2,
          margin: 10,
          nav: false,
        },
        1024: {
          items: 2,
          slideBy: 4,
          margin: -100,
          nav: true,
          mouseDrag: false,
          touchDrag: false
        },
        1440: {
          items: 2,
          slideBy: 4,
          margin: -170,
          nav: true,
          mouseDrag: false,
          touchDrag: false,
        },
      },
    });
  });