$(function(){
$('.head-carousel').slick({
arrow: true,
responsive: [
{
breakpoint: 900,
settings: {
arrows: false,
pauseOnHover: true,
dots: true
}
}
]
});
$(".head-carousel").ready(function(){
setInterval(function(){
$(".head-carousel").slick('slickNext');
}, 3000)
});
$(".head-carousel").hover(function(){
$(".head-carousel").slick('slickPause')
})
});