<style>
@media only screen and (max-width: 600px) {
 .slide-1{
       background-position:right center; 
       width:400px;
    }
 .slide-2{
       background-position:right center; 
       width:400px;
    }
}
    
</style>

    <div class="intro11-slider-wrap section">
        <div class="intro11-slider swiper-container">
            <div class="swiper-wrapper">
                <?php
                    $sqltst = "SELECT * FROM tbl_slider WHERE slider_status='Active' ORDER BY `slider_order` ASC";
                    $runtst = mysqli_query($db,$sqltst) or die("Query Not run");
                    $count=0;
                    while($datatst = mysqli_fetch_assoc($runtst)){
                    $count++;
                ?>
                <div class="intro11-section swiper-slide slide-<?php echo $count;?> slide-bg-1 bg-position" style="background-image: url(<?php echo $wspath ?>admin/images/<?php echo $datatst['image'];?>); background-color: rgba(215, 177, 190, 0.9);}">
                    <!-- Intro Content Start -->
                    <div class="intro11-content text-left">
                        <h3 class="title-slider text-uppercase">Top Trend</h3>
                        <h2 class="title"><?php echo $datatst['title'];?></h2>
                        <p class="desc-content"><?php echo $datatst['line'];?></p>
                        <a href="#" class="btn flosun-button secondary-btn theme-color  rounded-0">Shop Now</a>
                    </div>
                    <!-- Intro Content End -->
                </div>
                <?php } ?> 
            </div>
            <!-- Slider Navigation -->
            <div class="home1-slider-prev swiper-button-prev main-slider-nav"><i class="lnr lnr-arrow-left"></i></div>
            <div class="home1-slider-next swiper-button-next main-slider-nav"><i class="lnr lnr-arrow-right"></i></div>
            <!-- Slider pagination -->
            <div class="swiper-pagination"></div>
        </div>
    </div>