document.addEventListener("DOMContentLoaded", function() {

    // Initializing the swiper plugin for the slider.
    // Read more here: http://idangero.us/swiper/api/
    
    var mySwiper = new Swiper('.swiper-container', {
        loop: false,
        pagination: {
            el: '.swiper-pagination' ,
            clickable: true
        },
        paginationClickable: true,
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev'
        },
        slidesPerView: 2,
        centeredSlides: false,
        spaceBetween: 0,
            breakpoints: {
        // when window width is >= 360px
        360: {
          slidesPerView: 1.5,
        },
        // when window width is >= 576px
        576: {
          slidesPerView: 2,
          spaceBetween: 0
        },
        // when window width is >= 768px
        1200: {
          slidesPerView: 2,
          spaceBetween: 50
        },
        1400: {
          slidesPerView: 2,
          spaceBetween: 0
        }
      }
    });
    
});