<?php $corporal_theme_options = corporal_options();
 if($corporal_theme_options['service_layout']==2){ $service_layout='col-md-6'; }
 if($corporal_theme_options['service_layout']==3){ $service_layout='col-md-4'; }
 if($corporal_theme_options['service_layout']==4){ $service_layout='col-md-3'; } ?>
<!-- service-start -->
	<div class="container-fluid cor-services space service1" id="service1">
		<div class="container">
			<div class="row cor_section">
				<div class="cor_section_heading">
				<?php if($corporal_theme_options['service_title']!=''){ ?>
					<h1 class="head-title"><?php echo $corporal_theme_options['service_title']; ?></h1>
				<?php } if($corporal_theme_options['service_desc']!=''){ ?>
					<p><?php echo $corporal_theme_options['service_desc']; ?></p>
				<?php } ?>
				</div>
			</div>
			<?php $posts_count = $corporal_theme_options['service_count'];
				$service_data= array('post_type' => 'corporal_service','posts_per_page' =>12);
				$services = new WP_Query( $service_data );
				if( $services->have_posts() ){ $count=0; ?>
			<div class="col-md-12 cor_services_post">
			<?php while ( $services->have_posts() ) : $services->the_post();
				if(get_post_meta( get_the_ID(),'service_icon', true )!=''):
				$count++; ?>
				<div class="<?php echo $service_layout; ?> col-sm-6 cor_services_text">
					<a href="<?php the_permalink(); ?>"><i class="<?php echo get_post_meta( get_the_ID(),'service_icon', true ); ?> hvr-grow"></i></a>
					<div class="col-md-12 service_desc">
						<a class="service-title" href="<?php the_permalink(); ?>"><h3><?php the_title(); ?></h3></a>
						<hr>
						<p><?php echo substr(get_the_excerpt(),0, 150); ?></p>
					</div>
					<div class="button"><a href="<?php the_permalink(); ?>" class="btn"><?php _e('Read More','corporal-premium'); ?></a></div>
				</div>
				<?php endif;
				if($count%$corporal_theme_options['service_layout']==0){ ?>
				<div class="col-md-12"></div>
				<?php }	endwhile; ?>
			</div>
				<?php }else{ ?>
					<div class="col-md-12 cor_services_post">
						<div class="col-md-4 col-sm-6 cor_services_text">
					<i class="fa fa-comments-o hvr-grow"></i>
					<div class="col-md-12 service_desc">
						<a href="#"><h3>Creative Design</h3></a>
						<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
					</div>
					<div class="button"><a href="#" class="btn"> Read More </a></div>
				</div>
				<div class="col-md-4 col-sm-6 cor_services_text">
					<i class="fa fa-code-fork hvr-grow"></i>
					<div class="col-md-12 service_desc">
						<a href="#"><h3>Css3 Animation</h3></a>
						<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
					</div>
					<div class="button"><a href="#" class="btn"> Read More </a></div>
				</div>
				<div class="col-md-4 col-sm-6 cor_services_text">
					<i class="fa fa-map-marker hvr-grow"></i>
					<div class="col-md-12 service_desc">
						<a href="#"><h3>User Friendly</h3></a>
						<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
					</div>
					<div class="button"><a href="#" class="btn"> Read More </a></div>
				</div>
				<div class="col-md-12">
				<div class="col-md-4 col-sm-6 cor_services_text">
					<i class="fa fa-mobile hvr-grow"></i>
					<div class="col-md-12 service_desc">
						<a href="#"><h3>Responsive Design</h3></a>
						<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
					</div>
					<div class="button"><a href="#" class="btn"> Read More </a></div>
				</div>
				<div class="col-md-4 col-sm-6 cor_services_text">
					<i class="fa fa-code hvr-grow"></i>
					<div class="col-md-12 service_desc">
						<a href="#"><h3>Online Project</h3></a>
						<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
					</div>
					<div class="button"><a href="#" class="btn"> Read More </a></div>
				</div>
				<div class="col-md-4 col-sm-6 cor_services_text">
					<i class="fa fa-fighter-jet hvr-grow"></i>
					<div class="col-md-12 service_desc">
						<a href="#"><h3>Fast Responsive</h3></a>
						<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered.</p>
					</div>
					<div class="button"><a href="#" class="btn"> Read More </a></div>
				</div>
					</div>
					</div>
				<?php } ?>
		</div>
	</div>
	<!-- service-end -->