<div class="col-sm-12 section section-featured section-awards no-border-1 no-mouse-over " id="award-slider-content" style="  background:#eee; " >
        <div class="container "  >
           
          <style>
              #award-slider-content .team-memb [class*="col-"]{ padding:10px; }
              #award-slider-content .team-memb .card-image {
    background: #fff;
    height: 226px;
        border-radius:var(--system-bradius) !important;
}html #award-slider-content .row.team-memb { 
    max-width: 700px;
}

@media only screen and (max-width: 600px) {
 #award-slider-content .team-memb .card-image {
   
    height: 117px; 
}#award-slider-content .team-memb [class*="col-"] {
    width: 33%;
}
}
          </style>
          <div id="awards-slider">
             
      	<div class="row team-memb awardlist  " style="    ">
      	      <h3 class="site-h1 text-center">Awards</h3>
    <?php if (!empty($awards)) { 
        foreach ($awards as $k1=>$team) { 
		$image = $team['img'];  ?>
<div class="col-sm-4 team-member admin " data-category="admin" >
   <div class="card card-tertiary" data-id="459">
         
		 
      <div class="card-image" data-id="<?php echo $k1;?>">
         <img data-src="<?php echo $image;?>" src="<?php echo $this->default_img;?>"  sizes="248px" alt="<?php echo $team['title'];?>" class="stb_image-team-thumbnail lozad">
        
          </div>
      
      <!-- /.card-image -->
       <!-- /.card-content -->
   </div>
   <!-- /.card .card-tertiary -->
</div>


     
      
     <?php } ?>
    <hr />
    
    <div class="clearfix"><!-- --></div>
    
    <?php }  ?>
    </div> 
</div>
        
       
        </div>
      </div>
    