<div class="mobi_logo"><img src="images/logo.jpg"  style=" max-width:100%;" /></div>
<div class="container text-center">
<h1>Service Category</h1>
</div>

<div class="container text-left" style="min-height:500px;">
 <?php if($category1): foreach($category1 as $row_off):	?>
		
        <a href="<?php echo site_url( 'services/items/'.$row_off['pcid'].'/'.url_title($row_off['title'], '-', TRUE) ) ; ?>" >
        
        <div class="cat_div">
        
       
        
        
        
        <?php if($row_off['image']!=''): ?>
        <img src="<?php echo base_url('assets/images/'.$row_off['image']) ; ?>"   border="0"/>
        <?php else: ?>
        <img src="<?php echo base_url('assets/web_images/no_image.jpg') ; ?>" width="150" height="150" border="0"/>
        <?php endif; ?>
        <h4><?php echo (strlen(strip_tags($row_off['title']))>20)?substr(strip_tags($row_off['title']),0,20).'...':strip_tags($row_off['title']);?></h4>
        
        </div>
        
        </a>
        
        <?php endforeach; endif; ?>   
    
</div>