<section>
        <div class="page-top-wrap w-100 pt-30 bg-color22 pb-30 position-relative">
            <div class="fixed-bg" style="background-image: url(<?php echo base_url();?>assets/images/top-banner-bg.jpg);"></div>
            <div class="container">
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item"><a href="<?php echo base_url();?>" title="">Home</a></li>
                    <li class="breadcrumb-item"><a href="#" title="">Shop</a></li>
                    <li class="breadcrumb-item active">Details</li>
                </ol>
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 pt-110 pb-120 position-relative">
            <div class="container">
                <div class="row mrg30">
                    <div class="col-md-6 col-sm-12 col-lg-3">
                        <aside class="w-100">
                            
                            <div class="widget w-100">
                                <h4>Categories</h4>
                                <ul class="cate-list list-unstyled mb-0 w-100">
                                <?php $cats=$this->db->get("mcategory")->result();
                                foreach($cats as $catt){?>
                                    <li> <a href="<?php echo base_url().'shop/'.$this->uri->segment(2).'/'.$catt->mid;?>"><span><i class="flaticon-arrow-point-to-right"></i> <?php echo $catt->mcat_name;?></span></a></li>
                                    <?php }?>
                                </ul>
                            </div>
                        </aside>                        
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-9">
                    <div class="row">
                    <?php foreach($pros as $featp){?>
                                    <div class="col-md-4 col-sm-6 col-lg-4">
                            <div class="product-box position-relative w-100">
                                <div class="product-img overflow-hidden position-relative w-100">
                                    <a href="<?php echo base_url().'product/'.$featp->prod_slug;?>" title=""><img class="img-fluid w-100" src="<?php echo base_url().'assets/images/products/'.$featp->img;?>" alt="Product Image 1"></a>
                                    <div class="product-btns position-absolute">
                                        <a class="wishlist-btn" href="wishlist.html" title=""><i class="fi fi-rr-heart"></i></a>
                                        <a class="cart-btn" href="#" title=""><i class="fi-rr-shopping-bag"></i></a>
                                        <a class="expand-btn" href="<?php echo base_url();?>assets/images/resources/product-img2-1.jpg" data-fancybox title=""><i class="fi fi-rr-picture"></i></a>
                                    </div>
                                </div>
                                <div class="product-info w-100">
                                    <h4 class="mb-0"><a href="<?php echo base_url().'product/'.$featp->prod_slug;?>" title=""><?php echo $featp->title;?></a></h4>
                                    <span class="price">₹<?php echo $featp->oprice;?></span>
                                    <del class="text-danger">₹<?php echo $featp->price;?></del>
                                    <!-- <div class="products-color d-flex flex-wrap">
                                        <a class="bg-color6 active" href="javascript:void(0);" title=""></a>
                                        <a class="bg-color7" href="javascript:void(0);" title=""></a>
                                        <a class="bg-color8" href="javascript:void(0);" title=""></a>
                                    </div> -->
                                </div>
                            </div>
                        </div>
                        <?php }?> 
                    </div>
                </div>
            </div>
        </div>
    </section>