<div class="banner-section section">
            <div class="container">
            <div class="row">
                    <div class="col">
                        <div class="section-title text-start mb-30 pt-20">
                            <h2>Choose By Categories </h2>
                            <p>Browse the collection of our top rated products.</p>
                        </div>
                    </div>
                </div>
            <div class="product-slider tf-element-carousel" data-slick-options='{
                    "slidesToShow": 3,
                    "slidesToScroll": 1,
                    "infinite": true,
                    "arrows": true,
                    "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "fa fa-angle-left" },
                    "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "fa fa-angle-right" }
                    }' data-slick-responsive='[
                    {"breakpoint":1199, "settings": {
                    "slidesToShow": 3
                    }},
                    {"breakpoint":992, "settings": {
                    "slidesToShow": 2
                    }},
                    {"breakpoint":768, "settings": {
                    "slidesToShow": 2
                    }},
                    {"breakpoint":576, "settings": {
                    "slidesToShow": 1,
                    "arrows": false,
                    "autoplay": true
                    }}
                    ]'>
                    
                     <?php
                                        $sqlsubcat = "SELECT * FROM `tbl_tourspots` WHERE  `spots_status`='Active' ORDER BY subcat_order_by ASC";
                                        $runsubcat = mysqli_query($db,$sqlsubcat) or die("Query Not run");
                                        while($datasubcat = mysqli_fetch_assoc($runsubcat)){
                                    ?>
                    <div class="col">
                        
                                <div class="single-banner-item mb-30">
                                    <div class="banner-image">
                                        <a href="<?php echo $wspath ?>category<?php echo $datasubcat['spots_url'];?>.html">
                                            <img src="<?php echo $wspath?>admin/images/places/<?php echo $datasubcat['spots_image']?>" alt="">
                                        </a>
                                    </div>
                                    <div class="banner-content banner-content-three">
                                        <!--<h4 class="title-light">Handloom</h4>-->
                                        <h3 class="title"><?php echo $datasubcat['spots_name'];?></h3>
                                    </div>
                                </div>
                         
                    </div>
<?php }?>
                </div>
            </div>
        </div>