;(function($) {
    function log(obj) {
        console.log(obj)
    }

    let deviceStep = ''
    const witnessSlide = $('.recommend .slideBox')

    $(window).on('resize', function(e) {
    	const winWidth = $(this).width()

    	if(winWidth > 1024 && deviceStep !== 'desktop') {
    		deviceStep = 'desktop'

    		witnessSlide.owlCarousel({
    			margin: 10,
    			dots: false,
    			nav: true,
    			responsive: {
    				0: {
    					items: 4,
    				},
    				1201: {
    					items: 5,
    				},
    			}
    		})
    	} else if(winWidth <= 1024 && deviceStep !== 'mobile') {
    		deviceStep = 'mobile'

    		if (witnessSlide.data('owl.carousel')) {
    			witnessSlide.data('owl.carousel').destroy()
    		}
    	}
    })
    $(window).trigger('resize')
})($)