<?php    
    $pageDocumentAttributes = get_post_meta(get_the_ID(), 'pagedocumentattributes', true);

    if(is_array($pageDocumentAttributes) && count($pageDocumentAttributes)) :
        ?><div class="row approval"><?php            
            foreach($pageDocumentAttributes as $item) {             
                $imgSRC = wp_get_attachment_image_src($item['page-document-image'], 'full');
                $fileImgSRC = wp_get_attachment_image_src($item['page-document-file'], 'full');                
                ?>
                <div class="col-md-3 col-sm-6 col-xs-6">
                    <div class="gallery-img approval-block">
                        <a href="<?php echo $fileImgSRC[0]; ?>" class="fancybox" rel="gal">
                            <img src="<?php echo $imgSRC[0]; ?>" alt="" class="img-responsive">
                            <span class="border-overlay"><span class="zoom"></span></span>
                        </a>
                        <h4><?php echo $item['page-document-title']; ?></h4>
                    </div>
                </div>                       
                <?php
            }                        
        ?></div><?php        
    endif;            
?>
<script>
    jQuery(document).ready(function () {        
        jQuery('.fancybox').fancybox({
            padding: 0
        });
    });
</script>