var swiper = new Swiper('.magnifys', {
        speed: 1500,
        autoplay: {
            delay: 4500,
            stopOnLastSlide: false,
            disableOnInteraction: true,
        },
        slidesPerView: 4,
        spaceBetween: 0,
        slidesPerGroup: 4,
        loop: false,
        navigation: {
            nextEl: '.Under',
            prevEl: '.Upper',
        },
        pagination: {
            el: ".Number",
            type: "fraction",
            renderFraction: function (currentClass, totalClass) {
                return '<span class="' + currentClass + '"></span>' +
                    ' of ' +
                    '<span class="' + totalClass + '"></span>';
            },
        },
        breakpoints: {
            768: {
                slidesPerView: 2,
                slidesPerGroup: 2,
                slidesPerColumn: 2,
                spaceBetween: 5
            },
            1280: {
                slidesPerView: 4,
                slidesPerGroup: 4,
                spaceBetween: 0
            }
        },
        observer: true,
        observeParents: true,
    });