{if $resBanner|default:''} 
<!-- MAIN CONTENT -->							
<div class="main-slider-content" >						
  <div class="sliders-wrapper" >								
    <div class="sliders-wrap-inner" >	
      {foreach from=$resBanner item="bannerDetails"}
      <div class="wrap-slide {$bannerDetails.bannerCssStyle}">
            {if $bannerDetails.bannerDisplayType == "Image"}				
        <div class="banner-inner position-relative text-center"> 
            {if $bannerDetails.bannerLink != ""} <a href="{$bannerDetails.bannerLink}" title="{$bannerDetails.bannerTitle}"   {if $bannerDetails.bannerTarget == "newWindow"} target="_blank" {/if} >{/if} <img data-lazy="{$view_public_path}/uploads/banner/{$bannerDetails.bannerImage}" src="{$view_public_path}/uploads/banner/{if $resBanner|@count gt 1}thumb/{/if}{$bannerDetails.bannerImage}" alt="{$bannerDetails.bannerTitle}" class="img-auto main-img img-fluid position-relative w-100" /> {if $bannerDetails.bannerTextBlend == "yes" && $bannerDetails.bannerContent!=''}
          <div class="slider-description position-absolute w-100 left-0 text-white">
              <div class="container">
                   {$bannerDetails.bannerContent|unescape:"html"} </div>
              </div>
          {/if}
          {if $bannerDetails.bannerLink != ""} </a>{/if}
        </div>
          {/if} 
      </div>
      {/foreach}
    </div>
  </div>
</div>
<!-- END MAIN CONTENT --> 
{/if}

{if $resBanner|@count gt 1} 
    <script type="text/javascript">
      $(document).ready(function() {
        $(".sliders-wrap-inner").not('.slick-initialized').slick({
          lazyLoad: 'ondemand',    
          dots: true,
          arrows: true,
          autoplay: true,  
          prevArrow: '<i class="icon-arrow-left rounded-circle text-center"></i>',
          nextArrow: '<i class="icon-arrow-right rounded-circle text-center"></i>',
          {if $languageDirection=="rtl"}rtl:true,{/if}
          responsive: [
            {
              breakpoint: 992,
              settings: {
                arrows: false
              }
            }
          ]
        });
      });
    </script> 
 {/if}

 


