<div class="box blogs">
		{% set sliderFor = 4 %}
		{% set blogCount = blogs|length %}
	
		<div class="box-head">
			<div class="box-heading">{{ heading_title }}</div>
		</div>
		<div class="box-content">
			{% if blogCount >= sliderFor %}
				<div class="customNavigation">
					<a class="fa prev ctblog_prev"></a>
					<a class="fa next ctblog_next"></a>
				</div>
			{% endif %}
			
			<div class="box-product {% if blogCount >= sliderFor %} owl-carousel blogcarousel {% else %} productbox-grid{% endif %}" id="{% if blogCount >= sliderFor %}blog-carousel{% else %}blog-grid{% endif %}">
				{% for blog in blogs %} 
					<div class="{% if blogCount >= sliderFor %}blog-item{% else %} product-items{% endif %}">
						<div class="product-block">
							<div class="product-block-inner">
								{% if blog.image %} 
								<div class="blog-left">
									<div class="blog-image">
										<img src="{{ blog.image }}" alt="{{ heading_title }}" title="{{ heading_title }}" class="img-thumbnail" />
										<div class="post-image-hover"> </div>
										<p class="post_hover"><a class="icon zoom" title="Click to view Full Image " href="{{ blog.image }}" data-lightbox="example-set"><i class="fa fa-search-plus"></i> </a>
											<a class="icon readmore_link" title="Click to view Read More " href="{{ blog.href }}"><i class="fa fa-link"></i></a>
										</p>
									</div>
									
								</div>
								{% endif %} 	
								
								<div class="blog-right">  
								<div class="date-comment">
										<div class="date-time">{#<i class="fa fa-calendar"></i>#} 
											<span class="blog-day">{{ blog.date_added_date }}</span> </br>  
											<span class="blog-month">{{ blog.date_added_month }} </span> </br>
											{#{{ blog.date_added_year }} #}
										</div>
										{#<div class="write-comment"> <i class="fa fa-comment-o"></i> <a href="{{ blog.href }}"> {{ blog.total_comments }}  {{ entry_comment }}</a> </div>#}
									</div>
									<h4 class="blog_title"><a href="{{ blog.href }}">{{ blog.title }}</a> </h4>
									<div class="blog-desc"> {{ blog.description }}  </div> 
									{#<div class="view-blog">
										<div class="read-more"> <a href="{{ blog.href }}"> <i class="fa fa-link"></i> {{ text_read_more }}</a> </div>
									</div>#}
								</div> 
							</div>
						</div>
				</div>
				{% endfor %}   
			</div>
			<div class="buttons text-center">
				<button type="button" onclick="location='{{ all_blogs }} ';" class="btn btn-primary">{{ button_all_blogs }}</button>
			</div>
		</div>
</div>
<span class="blog_default_width" style="display:none; visibility:hidden"></span>

<script type="text/javascript"><!--

$(document).ready(function(){
	$('.blogcarousel').owlCarousel({
		items: 3,
		singleItem: false,
		navigation: false,
		pagination: false,
		itemsDesktop : [1199,2],
		itemsDesktopSmall :	[991,2],
		itemsTablet :	[575,1]
	});
	// Custom Navigation Events
	$(".ctblog_next").click(function(){
		$('.blogcarousel').trigger('owl.next');
	})
	$(".ctblog_prev").click(function(){
		$('.blogcarousel').trigger('owl.prev');
	});	
});	
--></script>