$(document).ready(function() {
        var $slider = $('.slides');
        if ($(window).width() < 768) {
            if ($slider.hasClass('slick-initialized')) {
                $slider.slick('unslick');
            }
        } else {

            function calculateSlidesToShow() {
                let sliderWidth = $slider.width();
                let totalWidth = 0;
                let slidesToShow = 0;

                $('.slides .slide-pic img').each(function() {
                    let imgWidth = $(this).width();
                    totalWidth += imgWidth;

                    if (totalWidth <= sliderWidth) {
                        slidesToShow++;
                    }
                });

                return slidesToShow > 0 ? slidesToShow : 1;
            }


            $('.slides .slide-pic img').each(function() {
                let imgWidth = $(this).width();
                $(this).data('original-width', imgWidth);
            });


            function initializeSlider() {
                let slidesToShow = calculateSlidesToShow();


                if (!$slider.hasClass('slick-initialized')) {
                    $slider.slick({
                        infinite: true,
                        slidesToShow: slidesToShow,
                        slidesToScroll: 1,
                        prevArrow: '<div class="pic-left"><svg class="icon-picleft" width="800px" height="800px" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M768 903.232l-50.432 56.768L256 512l461.568-448 50.432 56.768L364.928 512z" fill="#000000" /></svg></div>',
                        nextArrow: '<div class="pic-right"><svg class="icon-picright" width="800px" height="800px" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M768 903.232l-50.432 56.768L256 512l461.568-448 50.432 56.768L364.928 512z" fill="#000000" /></svg></div>',
                        responsive: [{
                            breakpoint: 768,
                            settings: {
                                slidesToShow: 1,
                                slidesToScroll: 1,
                            }
                        }]
                    });
                } else {

                    $slider.slick('slickSetOption', 'slidesToShow', slidesToShow, true);
                }
            }


            initializeSlider();


            let resizeTimeout;
            $(window).resize(function() {
                clearTimeout(resizeTimeout);
                resizeTimeout = setTimeout(function() {
                    initializeSlider();
                }, 200);
            });


            $(window).on('load', function() {
                initializeSlider();
            });
        }

    });