/// Home Slider Start ///
const homeSlider = new Swiper('.home-slider', {
    // Optional parameters
    direction: 'horizontal',
    loop: true,
//    speed: 4000,
    autoplay: {
    enabled: true,
    delay: 1500,
  },
    // If we need pagination
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },

    // Navigation arrows
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },

    // And if we need scrollbar
    scrollbar: {
        el: '.swiper-scrollbar',
    },
});

/// Catagories Slider ///
var homeCatagoriesSlider = new Swiper(".home-catagories-slider", {
    slidesPerView: 1,
    spaceBetween: 0,
    loop: true,
    breakpoints: {
        1400: {
            slidesPerView: 6,

        },
        1070: {
            slidesPerView: 5,

        },
        810: {
            slidesPerView: 4,
        },
        577: {
            slidesPerView: 3,
        },
        361: {
            slidesPerView: 2,
        }
    }

});

/// shop Catagories Slider ///
var ShopCatagoriesSlider = new Swiper(".shop-catagories-slider", {
    slidesPerView: 1,
    spaceBetween: 10,
    loop: true,
    navigation: {
        nextEl: ".swiper-next",
        prevEl: ".swiper-prev",
    },
    breakpoints: {
        1400: {
            slidesPerView: 6,

        },
        1070: {
            slidesPerView: 5,

        },
        810: {
            slidesPerView: 4,
        },
        577: {
            slidesPerView: 3,
        },
        390: {
            slidesPerView: 2,
        }
    }

});

/// Home Catagories Slider 2 ///
var homeCatagoriesSlider2 = new Swiper(".home-catagories-slider2", {
    slidesPerView: 1,
    spaceBetween: 10,
    centeredSlides: false,
    loop: true,
    navigation: {
        nextEl: ".swiper-next",
        prevEl: ".swiper-prev",
    },
    breakpoints: {
        // 1400: {
        //     slidesPerView: 6,

        // },
        1200: {
            slidesPerView: 6,

        },
        896: {
            slidesPerView: 5,
        },
        832: {

            slidesPerView: 4,
        },
        512: {
            slidesPerView: 3,
        },

        380: {
            centeredSlides: false,
            slidesPerView: 2,
        },

    }

});


var homeCatagoriesSlider2 = new Swiper(".home-catagories-2", {
    slidesPerView: 1,
    spaceBetween: 0,
    loop: true,
    breakpoints: {


        870: {
            slidesPerView: 6,
        },
        577: {
            slidesPerView: 5,
        },
        475: {
            slidesPerView: 4,
        },
        320: {
            slidesPerView: 3,
        }
    }

});


/// Home Catagories 3 Slider /// 
var homeCatagoriesSlider3 = new Swiper(".home-catagories-slider3", {
    slidesPerView: 1.3,
    spaceBetween: 10, centeredSlides: true,
    loop: true,
    breakpoints: {
        1200: {
            slidesPerView: 5,
            spaceBetween: 18,
        },
        992: {
            slidesPerView: 4,
            spaceBetween: 15,
        },
        680: {
            slidesPerView: 3,
            spaceBetween: 15,
        },
        575: {
            slidesPerView: 2.4,
            centeredSlides: false,
            spaceBetween: 10,
        },
        400: {
            slidesPerView: 2,
            spaceBetween: 10,
            centeredSlides: false,
        },
        375: {
            slidesPerView: 1.5,
            centeredSlides: true,
            spaceBetween: 10,
        },
    }
});


/// Product Slider ///
var productSlider = new Swiper(".product-slider", {
    slidesPerView: 2,
    spaceBetween: 15,clickable: true,
    loop: true,  grabCursor: true,
    centeredSlides: true,
    preventClicks:false,
     navigation: {
        nextEl: '.swiper-next',
        prevEl: '.swiper-prev',
    },
    breakpoints: {
        1400: {
            spaceBetween: 24,
            slidesPerView: 5,
        },
        1200: {
            slidesPerView: 5,
            spaceBetween: 15,
        },
        767: {
            slidesPerView: 4,
            spaceBetween: 15,
        },
        575: {
            slidesPerView: 3,
            spaceBetween: 15,
        },
    }

});
var productSlider = new Swiper(".product-slider1", {
    slidesPerView: 2,
    spaceBetween: 15,clickable: true,
    loop: true,  grabCursor: true,
    centeredSlides: true,
    preventClicks:false,
     navigation: {
        nextEl: '.swiper-next1',
        prevEl: '.swiper-prev1',
    },
    breakpoints: {
        1400: {
            spaceBetween: 24,
            slidesPerView: 5,
        },
        1200: {
            slidesPerView: 5,
            spaceBetween: 15,
        },
        767: {
            slidesPerView: 4,
            spaceBetween: 15,
        },
        575: {
            slidesPerView: 3,
            spaceBetween: 15,
        },
    }

});

/// Product Slider 2 ///
var productSlider2 = new Swiper(".product-slider-2", {
    slidesPerView: 1,
    loop: true,
    spaceBetween: 15,
    breakpoints: {
        1400: {
            spaceBetween: 24,
            slidesPerView: 5,
        },
        1200: {
            slidesPerView: 5,
            spaceBetween: 15,
        },
        767: {
            slidesPerView: 4,
            spaceBetween: 15,
        },
        575: {
            slidesPerView: 3,
            spaceBetween: 15,
        },
        380: {
            slidesPerView: 2,
            spaceBetween: 15,
        },
    }

});;


/// Instagram Slider ///
var instagramSlider = new Swiper(".instagram-slider", {
    slidesPerView: 1.2,
    loop: true,
    centeredSlides: true,
    spaceBetween: 9,
    breakpoints: {
        1400: {
            slidesPerView: 5,
            spaceBetween: 24, centeredSlides: false,
        },
        1200: {
            slidesPerView: 5,
            spaceBetween: 18, centeredSlides: false,
        },
        992: {
            slidesPerView: 4,
            spaceBetween: 15,
            centeredSlides: false,
        },
        767: {
            slidesPerView: 3,
            spaceBetween: 12,
            centeredSlides: false,

        },
        580: {
            slidesPerView: 2.5,
            spaceBetween: 15,
        },

    }

});

/// Instagram Slider ///
var instagramSlider = new Swiper(".instagram-slider2", {
    slidesPerView: 1.2,
    loop: true,
    centeredSlides: true,
    spaceBetween: 9,
    breakpoints: {
        1400: {
            slidesPerView: 5,
            spaceBetween: 24,
            centeredSlides: false,
        },
        1200: {
            slidesPerView: 4,
            spaceBetween: 18,
            centeredSlides: false,
        },
        767: {
            slidesPerView: 3,
            spaceBetween: 15,
            centeredSlides: false,
        },
        575: {
            slidesPerView: 2.2,
            spaceBetween: 15,
            centeredSlides: true,
        },
        521: {
            slidesPerView: 2,
            spaceBetween: 15,
            centeredSlides: false,
        },
        424: {
            slidesPerView: 1.6,
            spaceBetween: 15,
            centeredSlides: true,
        },

    }

});

/// Modal Product View Slider ///
var thumbnailSlider = new Swiper(".thumbnailSlider", {
    direction: "vertical",
    watchSlidesProgress: true,
    spaceBetween: 8,
    slidesPerView: 4,

});
var mainSlider = new Swiper(".mainslider", {
    spaceBetween: 2,

    thumbs: {
        swiper: thumbnailSlider,
    },
});


/// Product View Slider ///
var thumbnailSlider2 = new Swiper(".thumbnailSlider2", {
    direction: "vertical",
    watchSlidesProgress: true,
    spaceBetween: 8,
    slidesPerView: 4,

});
var mainSlider2 = new Swiper(".mainslider2", {
    spaceBetween: 0,

    thumbs: {
        swiper: thumbnailSlider2,
    },  // Navigation arrows
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },
});

/// Product Gallery Modal View Slider ///
var thumbnailSlider3 = new Swiper(".thumbnailSlider3", {
    direction: "vertical",
    watchSlidesProgress: true,
    spaceBetween: 8,
    slidesPerView: 4,

});
var mainSlider3 = new Swiper(".mainslider3", {
    spaceBetween: 0,

    thumbs: {
        swiper: thumbnailSlider3,
    },
});

/// Product Horizontal Slider ///
var thumbnailSlider4 = new Swiper(".thumbnailSlider4", {
    direction: "horizontal",
    watchSlidesProgress: true,
    spaceBetween: 8,
    slidesPerView: 4,

});
var mainSlider4 = new Swiper(".mainslider4", {
    spaceBetween: 0,

    thumbs: {
        swiper: thumbnailSlider4,
    },
});


/// Top Catagories Slider ///
var topCatagories = new Swiper(".top-catagories", {
    loop: true,
    spaceBetween: 10,
    slidesPerView: 2,
    navigation: {
        nextEl: ".swiper-next",
        prevEl: ".swiper-prev",
    },
    breakpoints: {
        1200: {
            slidesPerView: 7,
            spaceBetween: 20,
        },
        992: {
            slidesPerView: 7,
            spaceBetween: 15,
        },
        796: {
            slidesPerView: 6,
            spaceBetween: 10,
        },
        685: {
            slidesPerView: 5,
            spaceBetween: 15,
        },
        550: {
            slidesPerView: 4,
            spaceBetween: 15,
        },
        410: {
            slidesPerView: 3,
            spaceBetween: 12,
        },
        380: {
            slidesPerView: 2,
            spaceBetween: 12,
        },
    }
});

/// Product Page Slider ///
var ProductSlider = new Swiper(".product-page-slider", {
    slidesPerView: 1.5,
    spaceBetween: 10,
    loop: true,
    centeredSlides: true,
    breakpoints: {
        1200: {
            slidesPerView: 4.2,
            spaceBetween: 20,
            centeredSlides: true,
        },
        991: {
            slidesPerView: 3.4,
            spaceBetween: 15,
            centeredSlides: true,
        },
        768: {
            slidesPerView: 3.5,
            spaceBetween: 12,
            centeredSlides: true,
        },
        575: {
            slidesPerView: 1.8,
            spaceBetween: 12,
            centeredSlides: true,
        },
    }

});


/// Review Slider  ///
const reviewSlider = new Swiper('.review-slider', {
    // Optional parameters
    direction: 'horizontal',
    loop: true,
    slidesPerView: 1,
    spaceBetween: 25,

    // If we need pagination
    pagination: {
        el: '.swiper-pagination',
        clickable: true,
    },

    // Navigation arrows
    navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
    },

    // And if we need scrollbar
    scrollbar: {
        el: '.swiper-scrollbar',
    },

    breakpoints: {
        1200: {
            slidesPerView: 2,
            spaceBetween: 28,
        },

    }
});


/// Catagories Slider 2 ///
var catagoriesSlider2 = new Swiper(".catagories-slider2", {
    slidesPerView: 2,
    loop: true,
    spaceBetween: 15,
    breakpoints: {
        1400: {
            spaceBetween: 24,
            slidesPerView: 7,
        },
        1200: {
            slidesPerView: 6,
            spaceBetween: 15,
        },
        767: {
            slidesPerView: 5,
            spaceBetween: 15,
        },
        575: {
            slidesPerView: 4,
            spaceBetween: 15,
        },
        380: {
            slidesPerView: 3,
            spaceBetween: 15,
        },
    }

});;


/// Brand Slider /// 
var brandSlider = new Swiper(".brand-slider", {
    slidesPerView: 2,
    spaceBetween: 10,
    loop: true,
    centeredSlides: false,
    breakpoints: {

        1200: {
            slidesPerView: 7,
            centeredSlides: false,
            spaceBetween: 18,
        },
        991: {
            centeredSlides: true,
            slidesPerView: 6.5,
            spaceBetween: 18,
        },
        768: {
            centeredSlides: false,
            slidesPerView: 6,
            spaceBetween: 15,
        },
        648: {
            centeredSlides: true,
            slidesPerView: 5.1,
            spaceBetween: 10,
        },
        576: {
            centeredSlides: true,
            slidesPerView: 4.5,
            spaceBetween: 10,
        },
        455: {
            centeredSlides: false,
            slidesPerView: 4,
            spaceBetween: 10,
        },
        375: {
            centeredSlides: false,
            slidesPerView: 3.2,
            spaceBetween: 10,
        }
    }
});