<div class="section-full pd-top  bg-gray pd-btm">
      <div class="section-full bg-img-fix content-inner">
        <div class="container">
            
               <div class="section-head text-center">
      <h2 class="text-uppercase">Our Clients</h2>
      <div class="dlab-separator-outer ">
        <div class="dlab-separator bg-secondry style-skew"></div>
      </div>
    </div>
    
          <div class="row">
            <ul id="masonry" class="dlab-gallery-listing gallery-grid-4 gallery mfp-gallery m-b0">
              <?php
$sql_logos=db_query("select * from tbl_client_logo where 1 order by client_logo_id asc");
if(mysqli_num_rows($sql_logos) >0){
while($LOGO_DATA=mysqli_fetch_array($sql_logos)){
@extract($LOGO_DATA);	  
?>
              <li class="card-container col-lg-3 col-md-3 col-sm-6 col-xs-12">
                <div class="dlab-box dlab-gallery-box">
                  <div class="dlab-media dlab-img-overlay1 dlab-img-effect zoom-slow"> <a href="javascript:void(0);">
                       <img src="<?=$site_url?>/client_logo/<?=$LOGO_DATA['client_logo_image_name']?>" alt="Client Logo" title="Client Logo" class="client-logo1" style="width:100% !important; height:200px !important;"> </a>
                    <div class="overlay-bx">
                      <div class="overlay-icon">
                           <a  href="<?=$site_url?>/client_logo/<?=$LOGO_DATA['client_logo_image_name']?>" class="mfp-link"  title="Client Logo"> <i class="fa fa-picture-o icon-bx-xs"></i> </a> </div>
                    </div>
                  </div>
                </div>
              </li>
              <? }} ?>
            </ul>
          </div>
        </div>
      </div>
    </div>