<style>
    @media only screen and (max-width: 600px) {
 .single-service-style-two{
     width:400px;
 }
}
</style>
   
   
   
    <section class="service-style-two">
        <div class="container">
            <div class="sec-title text-center" style="margin-bottom:-30px; padding-top:20px;"> 
               <h3>Our <span> Category</span></h3>
            </div>
            <div class="service-carousel-style-two owl-carousel owl-theme">
                <?php
                    $sqltype = "SELECT * FROM `tbl_product`";
                    $runtype = mysqli_query($db,$sqltype) or die("Query Not run");
                    while($datatype = mysqli_fetch_assoc($runtype)){
                ?>
                <div class="item">
                    <div class="single-service-style-two " style="margin-top:100px; box-shadow:1px 1px 3px 3px #c4c2c2;">
                        <div class="img-box">
                            <img width="100%" src="<?php echo $wspath?>admin/images/services/<?php echo $datatype['image'];?>" alt="<?php echo $datatype['product_name']?>"/>
                        </div>
                        <div class="overlay">
                            <div class="box">
                                <div class="content">
                                    <div class="icon-box">
                                    </div>
                                    <div class="text-box">
                                        <h3><?php echo $datatype['product_name']?></h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="hover">
                            <div class="box">
                                <div class="content">
                                    <div class="icon-box">
                                    </div>
                                    <div class="text-box">
                                        <h3><?php echo $datatype['product_name']?></h3>
                                        <a href="<?php echo $wspath?>product<?php echo $datatype['slug_link']?>.html" class="more">Learn more <i class="fa fa-angle-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <?php } ?>
            </div>
        </div>
    </section>