// Подпишемся на ресайз и продиспатчим его для запуска
$(window).on('resize', function(e){
// Переменная, по которой узнаем запущен слайдер или нет.
// Храним её в data
var init = $(".card-box").data('init-slider');
// Если мобильный
if(window.innerWidth < 480){
// Если слайдер не запущен
if(init != 1){
// Запускаем слайдер и записываем в data init-slider = 1
$('#card-box').slick({
infinite: true,
slidesToShow: 1,
slidesToScroll: 1
}).data({'init-slider': 1});
}
}
// Если десктоп
else {
// Если слайдер запущен
if(init == 1){
// Разрушаем слайдер и записываем в data init-slider = 0
$('#card-box').slick('unslick').data({'init-slider': 0});
}
}
}).trigger('resize');