
// Slider =======================================




// Detail slider ======================================
$('.detail_photo_box').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    dots: false,
    fade: true,
    autoplay: false,
    autoplaySpeed: 3000,
    asNavFor: '.detail_for_navs',

});
$('.detail_for_navs').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    asNavFor: '.detail_photo_box',
    dots: false,
    autoplay: false,
    vertical: true,
    centerMode: true,
    centerPadding: 0,
    focusOnSelect: true,
    verticalSwiping: true,
    adaptiveHeight: true,
    arrows: false,
    prevArrow: false,
    nextArrow: false,

    responsive: [
        {
            breakpoint: 1500,
            settings: {
                slidesToShow: 4,
                slidesToScroll: 1,
            }
        },
        {
            breakpoint: 900,
            settings: {
                slidesToShow: 3,
                slidesToScroll: 1,
            }
        }
    ]
});
