<!-- Start Logo -->
<div id="logo" class="hidden">
	<a href="<?php echo $this->baseurl; ?>"></a>
</div>
<!-- End Logo -->

<!-- Start MainMenu -->
<?php	if ($this->countModules("mainmenu")):	?>
		<div id="mainmenu"><jdoc:include type="modules" name="mainmenu" style="xhtml" /> </div>
<?php endif; ?>
<!-- End MainMenu -->

<jdoc:include type="component" />


if($('#carousle').length>0){
				
			$('#carousle ul').owlCarousel({
			    rtl:true,
			    loop:true,
			    margin:2,
			    nav:false,
			    autoplaySpeed: 1000,
			    items: 1,
			    autoplay:true,
			    responsive:{
			        0:{
			            items:1
			        },
			        600:{
			            items:3
			        },
			        1000:{
			            items:4
			        }
			    }
			})
		
}

	<?php	if ($this->countModules("topmenu")):	?>
		<nav id="menus"><jdoc:include type="modules" name="menus" style="xhtmld" /> </nav>
	<?php endif; ?>
	<a href="#menus"></a>

	$('#menus').mmenu({
        offCanvas: {
           position  : "right"
        }
     });