<?php 
$cate_img=db_query("SELECT * FROM tbl_category where category_status='Active' LIMIT 4");
if(mysqli_num_rows($cate_img)>0){
?>
<style>
	.sld-sty1{height: 475px  !important;}
@media (min-width:320px) and (max-width:767px) 
{
	.sld-sty1{height:200px !important;}
	
}
</style>
<section class="recent-project smallSlider page-block-small BGlight">
<div class="container wow zoomIn" data-wow-duration="0.50s" data-wow-delay="0.50s">
<div class="col-md-12">
<div class="section-heading">
<h2><i class="fa fa-paint-brush square BGsec"></i>Our Categories <small>Our latest creation</small></h2>
<a class="btn btn-primary" href="gallery.php" title="View All Projects">View All Projects <i class="fa fa-chevron-circle-right"></i></a>
<div class="clear"></div>
</div>
<ul class="bxslider">
<?php
	while($img=mysqli_fetch_array($cate_img)){
?>
<li>
<img class="sld-sty1" src="<?=$site_url?>/uploaded_files/<?=$img['category_image_name']?>" width="725" style="width:725px" alt="<?=$compDATA['admin_company_name']?>" title="<?=$compDATA['admin_company_name']?>"/>

<div class="project-data">
<ul>
<?php 
$cate_list=db_query("SELECT * FROM tbl_category where category_status='Active' ORDER BY rand() LIMIT 4");
if(mysqli_num_rows($cate_list)>0){
	while($cate=mysqli_fetch_array($cate_list)){
?>
<li><i class="fa fa-building squareSmall outline"></i> <a href="<?=$site_url?>/<?=$cate['category_url']?>.html"><?=$cate['category_name']?></a></li>
<?php }}?>
</ul>
<a class="btn btn-dark btn-lg" href="<?=$site_url?>/products.php" title="View Details">View All Products<i class="fa fa-chevron-circle-right"></i></a>
</div>

<?php }?>


</li>
</ul>
</div>
</div>
</section>
<?php }?>