<section id="feature-section" class="features-area home-features <?php if(esc_attr(get_theme_mod('home_roofing_services_feature_section_width','Full Width')) == 'Box Width'){ ?>container pd-0 <?php } elseif(esc_attr(get_theme_mod('home_roofing_services_feature_section_width','Box Width')) == 'Box Width'){ ?> container-fluid <?php }?>">
	<div class="container">
	<div class="feabx">  
		<div class="row">
			<?php for($p=1; $p<4; $p++) { ?>
	        <?php if( get_theme_mod('Feature'.$p,false)) { ?>
	        <?php $querycolumns = new WP_query('page_id='.get_theme_mod('Feature'.$p,true)); ?>
	        <?php while( $querycolumns->have_posts() ) : $querycolumns->the_post(); 
	          $image = wp_get_attachment_image_src(get_post_thumbnail_id() , true); ?>
	        <?php 
	          if(has_post_thumbnail()){
	            $img = esc_url($image[0]);
	          }
	          if(empty($image)){
	            $img = get_template_directory_uri().'/assets/images/default.png';
	          }
	        ?>
			<div class="col-md-6 col-lg-4 box-space pd-0">
				<div class="threebox box<?php echo esc_attr( $p ) ?> <?php if($p % 3 == 0) { echo "last_column"; } ?>">    
					<div class="single-feature">
							<div class="part-2">
							<div class="smallicn">
								<i class="fa fa-shield" ></i>
							</div>
							<h3 class="title"><?php the_title_attribute(); ?></h3>
							<div class="description"><?php the_excerpt(); ?></div>
							<div class="clearfix"></div>
							<div class="serbtn">
								<a href="<?php echo esc_url( get_permalink() ); ?>">
									<i class="fa fa-long-arrow-right"></i>
								</a>
							</div>
							<div class="clearfix"></div>
						</div>			
						<div class="clearfix"></div>
					</div>
              	</div>
			</div>
			<?php endwhile;
           wp_reset_postdata(); ?>
        <?php } } ?>
        <div class="clear"></div> 
		</div>
	</div> 
	</div>
</section>
