<h3 class="gallery-title"><?php echo $banner_info['title']; ?></h3>
<div id="carousel<?php echo $module; ?>" class="owl-carousel slider slider-gallery">
  <?php foreach ($banners as $banner) { ?>
  <div class="item text-center">
    <?php if ($banner['link']) { ?>
    <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" /></a>
    <?php } else { ?>
    <div class="item-contein">
      <div class="img-bg"></div>
      <img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" class="img-responsive" />
    </div>
    <?php } ?>
  </div>
  <?php } ?>
</div>
<script type="text/javascript"><!--
$('#carousel<?php echo $module; ?>').owlCarousel({
	items: 3,
    itemsMobile: [479,1],
    itemsDesktop : [1199,2],
    itemsDesktopSmall : [979,2],
    itemsTablet: [768,1],
	autoPlay: false,
	navigation: true,
	navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
	pagination: false
});
--></script>