<div class="pt-banner-container category-slider">
<ul class="ptowl">
<li><a class="pt-url" href="#"><img src="{{media url="wysiwyg/uppto-off.jpg"}}" alt="" /></a>
<div id="pt-banner-caption1" class="pt-caption pt-banner-caption">
<div class="pt-banner-content ptslider-1">
<div>
<div class="pt-banner-des">
<p>New Year's Refresh</p>
</div>
<a class="pt-url" href="#">shop now</a></div>
</div>
</div>
</li>
<li><a class="pt-url" href="#"><img src="{{media url="wysiwyg/uppto-off.jpg"}}" alt="" /></a>
<div id="pt-banner-caption2" class="pt-caption pt-banner-caption">
<div class="pt-banner-content ptslider-2">
<div>
<div class="pt-banner-des">
<p>Get Your New Gear</p>
</div>
<a class="pt-url" href="#">shop now</a></div>
</div>
</div>
</li>
</ul>
</div>
<script type="text/javascript" xml="space">// <![CDATA[
// 
// 
// 
// 
// 
// 
// 
// 
// 
// 
// 
// 
// 
// 
// 
require([
  "jquery",
  "owlcarousel/minjs"
 ], function($,owlCarousel){
		$(document).ready(function(){
			$(".category-slider .ptowl").owlCarousel({
				singleItem: true,
				autoPlay : 5000,
				autoPlay : true,
				items : 1,
				itemsDesktop : [1199,1],
				itemsDesktopSmall : [980,1],
				itemsTablet: [768,1],
				itemsMobile : [479,1],
				slideSpeed : 500,
				paginationSpeed : 500,
				rewindSpeed : 500,
				addClassActive: true,
				navigation : true,
				stopOnHover : true,
				pagination : false,
				scrollPerPage:true,
				afterMove: nextslide,
				afterInit: nextslide
			});
			function nextslide() {
				$(".pt-banner-container .owl-item .pt-banner-caption").css('display','none');
				$(".pt-banner-container .owl-item .pt-banner-caption").removeClass('pt-caption')
				$(".pt-banner-container .owl-item.active .pt-banner-caption").css('display','block');
				
				var heading = $('.pt-banner-container .owl-item.active .pt-banner-caption').clone().removeClass();
				$('.pt-banner-container .owl-item.active .pt-banner-caption').remove();
				$('.pt-banner-container .owl-item.active>li').append(heading);
				$('.pt-banner-container .owl-item.active>li>div').addClass('pt-banner-caption pt-caption');
			}
		});
	});
// 
// 
// 
// 
// 
// 
// 
// 
// 
// 
// 
// 
// 
// 
// 
// ]]></script>