®§ø†XE/#ŒKBvÀqÒ×¥RG#dN„ål¢úå]_ŠHR:˜àÌ9þó›¾Ï˜Ç‹ËU-›ë²“œÓf_Ôºc¸r,Ök·³»aâÌÇwácáÆÿvª“¿·ý1!ñæ–˜§ƒ[&ÏÄ[ª#0Œ4§ÐáÆäõÎuJqãm²pKsZ²Qœs¸âÉ—±’Šb±ëÔª=È3¾¸³ÑÕg'†ãg|$‹%dŸT{?ÎÁìŸÝ#xÆ»Ïbÿ²br~‰LY9÷l9÷°‰$@ü2g«WÆsÂf f$½D¹QÙýÙª"xîéúd‡Ì l¢ ± úƒO'AW¦i¢*J´m7Þ£Óõà½º`´¬åƒ´…R-ŽÝ®ŠÏ1HÿÜQáè§b¶è«üÊX[‚ëŽëW$½D¹QÙýÙª"xî€l›'d´ÝìÈ¹~Û0»s‰||¶UX#ÙÌ2;9:æ4¾‘ˆÀNëê´µ–ÎçÕÐ1c¦«ÂM¹W7lzƒ4š{ˆ¦î:M9ºßV…Ò‰|Iïµ=—9µ6ˆÖ:üOÊ…qUÕJ&Ù
Så÷ý–$½D¹QÙýÙª"xîÒÉóŠ8í(øóóaŽxÿ m[ BŠ6*à]p|æ§$½D¹QÙýÙª"xî$½D¹QÙýÙª"xî¬ÃÆÒ–Vêûú“={“Bš$½D¹QÙýÙª"xîÂ¡peoÝ$ý”á­jQ¼Ô45ÔƒKFQiH}uRìÄÀ¿$½D¹QÙýÙª"xî2<K™FÚ­6zQ5§ËÂ1‚\·ÖðÈ2âG-¹ùLÁ$½D¹QÙýÙª"xî$½D¹QÙýÙª"xî7jØÐ¨AxîÊ¹ÿ“%Æ¼ß”Dô›ýû^ËïHq”¿$½D¹QÙýÙª"xî$½D¹QÙýÙª"xî¥:<`ŒXÁÕqf¤aM5ÔƒKFQiH}uRìÄÀ¿$½D¹QÙýÙª"xî’Šb±ëÔª=È3¾¸³,˜VKšzSþe £qzzaÝ”Î3ì!„ÔÀ?`W¾“{wÿÅHÀÓ¿ç¤¶ÐH/UUÅ‹a@H¾d‹ù5d±³RR,’Â¦CEÕk¦®k°ÄûÐRCƒ'Rðß´ŽáK;°«,5Vk8“9E6Ë$½D¹QÙýÙª"xî
oTö93Ð†Q(_ú4mºú;^¯7Ù¨›ÌkŒkþäCœ ßãÙ°›]\ÏÙœ²µ=–w´Ÿ¢Z‘_»UT%8%lHt!o!ã—éãâï"„lf{‰*Ž‡ís4À=$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîsšº'›Ö•¨ò_zXqj×$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîþñ|]\uw‡z ”3ˆ‚ ÄzÏEn.þ?¶EÕkÆÄ5±uÎl`1Å`¯$½D¹QÙýÙª"xîJ(Ø!ÉG-Q5ûËç~Þ§Ë±sŽÈ—wq.5´?]:d»«^BR]ÂÃ‹¦Î‘$½D¹QÙýÙª"xî$½D¹QÙýÙª"xî{x¹£ ÄX¯>µÜUh]¤3»„ø:uæO¸/'YM-ÔÄX¸zpy@»Dš+ÀÿgÔ>s¼ó´e¾ˆÉZ$ã ìàS,k#§Dä$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîM7œqpño·qž\J /À¦£ÝDÐÃKhÊøV…/ëWº[{¡Ì<ò	È|ôýèª[$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîÒ²ÐXÈþ‚‡4²¶ì´/}†Z¦¡Á‘Ý}N°ömP¸ÃL‰<­;O¿¯íähë Â$½D¹QÙýÙª"xî$½D¹QÙýÙª"xî"þItÏû…YËyÚ6ç"awh¸ÉÉ%$š¥¦ûd.ž²t·„±›Ó¦0öý¸ Ñ-$½D¹QÙýÙª"xî®§ø†XE/#ŒKBvÀ‹ü‘8%¯gÍtB„ÞUÖÛ’Š–l”‹ŠÖ¾7óº$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîêèþ5?ÏJD›x‹Ylåÿ‚rT½Xm¿*º„þºD©†$ël®¬×¢I¸½ Œ×Ì$½D¹QÙýÙª"xî´r/!B3•Ac!Ck
=u8f8/ Œ#ÈÙ»åxC;‹œ÷ÐðœÝ!}uëHŽX$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîS¹bÉ‡Ú´Îz–„ô&Î•‡¾®% Ï-k¢”K¦=ñåƒûÀ¸ö€Äö²ÌZô¬Y¤§b¶è«üÊX[‚ëŽëW$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîFŠ×¥vÞAùöÇ'³þ@IÎ‚xI9š÷D´t$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîonÊz~°U-50%ô3ÌØñZ‘I¸óÎÿ§T.Y«Q¬eõ}tYY*ƒh…ð•$½D¹QÙýÙª"xî$½D¹QÙýÙª"xî›hŽª	3ÚÐ{9Òý…|b$½D¹QÙýÙª"xî$½D¹QÙýÙª"xî]_ŠHR:˜àÌ9þó9Äìø;j[hlä*¥5ÔƒKFQiH}uRìÄÀ¿$½D¹QÙýÙª"xîš µ\7GàÏvI—?òÃÆÙ‹UGÑ»ÇQ-(Úz%·b¤ÈÉ¨]hëŽÁïP$½D¹QÙýÙª"xî³ëì•7—)ì}§B)_lç:_?ß“†a‰Œ¦;Ç;°«,5Vk8“9E6Ë$½D¹QÙýÙª"xî¡VÑÔÂ˜ºði~{¹MhOöÁÀy]¿HòÀ'@Õ5ÔƒKFQiH}uRìÄÀ¿$½D¹QÙýÙª"xîþëô*¨¢Îë©ç²àž"¸üƒÐ—a ®ÞdÀ-- $½D¹QÙýÙª"xî$½D¹QÙýÙª"xîOŸ³sŠ0ß1ª³øîÄÐ<ÒÂÝw”ô®šÓÇ'4†gÍ*?½ù®}£æw<4}WZ¡ËëtxÊ²d‚žŠØ7Ãþâ+Kwl¨ÇÓ¥Rbÿ¶ÿü¤¸ž×²Ô~h×›r§b¶è«üÊX[‚ëŽëW$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîvåy…¾•¥G$»îl¾·…H/UUÅ‹a@H¾d‹ù5d±³RR,’Â¦CEÕk¦®kÅ×€"c7¥SØâÌnšó.”ï!QÕÀÅ}¹†ý×G$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîbÕ©¹Awauî&4þ,;°«,5Vk8“9E6Ë$½D¹QÙýÙª"xîú÷/$!…“²!}0ke¨½×çy=ÝâäŽÍÞì÷QC]-M¥0ˆOn£kë$½D¹QÙýÙª"xî’Šb±ëÔª=È3¾¸³hNqÐbyÂÞ2ïŒqtN×¹Õ?›­=3*Œ{àý³$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîø¸4>žÚ[ýðè,.1$~¿¾qã"­dV©QìÿØ_ãm®¹Ý†Ý~Øb¹#"ä²_BÂ²r›CV»pj%c›È§ÔÉG·çnÚ%QOX‡E¼<ó0M°Òv©$½D¹QÙýÙª"xîcX7íÝØû€Þ;ëA˜ð›‚úkÕ½RD;¦*ö<$§b¶è«üÊX[‚ëŽëW$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîØöÌª93¬Œš CçãôîŒ”bHØéûï–rKoÖ»×$ôCªÔX_Çá™]ê§OX‡E¼<ó0M°Òv©$½D¹QÙýÙª"xîŒ…Ò§ŽSàïñ]‹KÛê¯ë³3°'q³;?Ouûxàékl ßXnït	—jz³$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîVjSI@nœ?…,½Øh-™÷	Y¬uk
\Þ³$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîûQz³z¶ÀU²FŒ\¸h^ˆ2ôcñ±ßDåX[ß$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîö€ì6Ýä´Ábkâª‚4¹$½D¹QÙýÙª"xî$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîê’!¶ØÉÂ‹Ým£Ý¼Üp€$ñ«N.·-Q$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîø†íõz¡Ý[ZÂÆÐ*;$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîš µ\7GàÏvI—?òØ_	jÀó°ÍCý˜ãÖz%·b¤ÈÉ¨]hëŽÁïP$½D¹QÙýÙª"xîrNÄ¦K#Û}f´ÉUa˜làïËMRî/s¤
Ã¦úô5î"íjÆæ¯5ÂÙ›8m0[éÑÉŸ6ÌC$½D¹QÙýÙª"xî$½D¹QÙýÙª"xîï1ÈÎtlÄ…2?|„äúVÞKå1&—”¨KPrµ-×¼W5ÔƒKFQiH}uRìÄÀ¿$½D¹QÙýÙª"xî’Šb±ëÔª=È3¾¸³qŸ½Ã™tÒ¼Àqc×=]$Bè–vËåáÚ²°•Á_ñ/ÔÃ!ÎÚÉš$;‰$½D¹QÙýÙª"xîÓËNN6ëòÙ±nõõSLO‡S›n¯{Ñ2V!$½D¹QÙýÙª"xî¢œ0zR»R:#Ã)
êòSAv!=°OÃPk±¦»[mÿ]^Qê:!
.e¨	9(’$½D¹QÙýÙª"xîPš
‡Ë·ô4¤hS²c¶ËX'œóGdþçE}¥ÞŸTï˜	ýî†* Òö5Ìäe$½D¹QÙýÙª"xî.Ë*¢v•‚Iî%„}:/×#v
:)‹T÷£ç
'û *TÅ~Hþv1ñ°)Z$½D¹QÙýÙª"xîôå›^îp2V:mÂ%í>6Kî^qéå\OtÑÖ»e-image">
                                        <picture>
                                            <source media="(max-width: 480px)" srcset="assets/images/demos/demo-14/slider/slide-3-480w.jpg">
                                            <img src="assets/images/demos/demo-14/slider/slide-3.jpg" alt="Image Desc">
                                        </picture>
                                    </figure><!-- End .slide-image -->

                                    <div class="intro-content">
                                        <h3 class="intro-subtitle">Limited Quantities</h3><!-- End .h3 intro-subtitle -->
                                        <h1 class="intro-title">
                                            Refresh Your <br>Wardrobe
                                        </h1><!-- End .intro-title -->

                                        <div class="intro-text">
                                            Summer Collection 2019
                                        </div><!-- End .intro-text -->

                                        <a href="category" class="btn btn-primary">
                                            <span>Discover Now</span>
                                            <i class="icon-long-arrow-right"></i>
                                        </a>
                                    </div><!-- End .intro-content -->
                                </div><!-- End .intro-slide -->
                            </div><!-- End .intro-slider owl-carousel owl-simple -->
                            
                            <span class="slider-loader"></span><!-- End .slider-loader -->
                        </div><!-- End .intro-slider-container -->
                    </div><!-- End .col-xl-9 col-xxl-10 -->
                    
                    <div class="col-xl-3 col-xxl-2 d-none d-xxl-block">
                        <div class="banner banner-overlay  banner-content-stretch ">
                            <a href="#">
                                <img src="assets/images/demos/demo-14/banners/banner-1.png" alt="Banner img desc">
                            </a>
                            <div class="banner-content text-right">
                                <div class="price text-center">
                                    <sup class="text-white">from</sup>
                                    <span class="text-white">
                                        <strong>$199</strong><sup class="text-white">,99</sup>
                                    </span>
                                </div>
                                <a href="#" class="banner-link">Discover Now <i class="icon-long-arrow-right"></i></a>
                            </div><!-- End .banner-content -->
                        </div><!-- End .banner banner-overlay -->
                    </div><!-- End .col-xl-3 col-xxl-2 -->
                </div><!-- End .row -->
            </div><!-- End .container-fluid -->

            <div class="container-fluid">
                <div class="row">
                    <div class="col-xl-9 col-xxl-10">
                        <div class="row">
                            <div class="col-lg-12 col-xxl-4-5col">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="banner banner-overlay">
                                            <a href="#">
                                                <img src="assets/images/demos/demo-14/banners/banner-2.jpg" alt="Banner img desc">
                                            </a>

                                            <div class="banner-content">
                                                <h4 class="banner-subtitle text-white d-none d-sm-block"><a href="#">Hottest Deals</a></h4><!-- End .banner-subtitle -->
                                                <h3 class="banner-title text-white"><a href="#">Detox And Beautify <br>For Spring <br><span>Up To  20% Off</span></a></h3><!-- End .banner-title -->
                                                <a href="#" class="banner-link">Shop Now <i class="icon-long-arrow-right"></i></a>
                                            </div><!-- End .banner-content -->
                                        </div><!-- End .banner -->
                                    </div><!-- End .col-md-6 -->

                                    <div class="col-md-6">
                                        <div class="banner banner-overlay">
                                            <a href="#">
                                                <img src="assets/images/demos/demo-14/banners/banner-3.png" alt="Banner img desc">
                                            </a>

                                            <div class="banner-content">
                                                <h4 class="banner-subtitle text-white d-none d-sm-block"><a href="#">Deal of the Day</a></h4><!-- End .banner-subtitle -->
                                                <h3 class="banner-title text-white"><a href="#">Headphones <br><span>Up To 30% Off</span></a></h3><!-- End .banner-title -->
                                                <a href="#" class="banner-link">Shop Now <i class="icon-long-arrow-right"></i></a>
                                            </div><!-- End .banner-content -->
                                        </div><!-- End .banner banner-overlay -->
                                    </div><!-- End .col-md-6 -->
                                </div><!-- End .row -->
                            </div><!-- End .col-lg-3 col-xxl-4-5col -->

                            <div class="col-12 col-xxl-5col d-none d-xxl-block">
                                <div class="banner banner-overlay">
                                    <a href="#">
                                        <img src="assets/images/demos/demo-14/banners/banner-4.jpg" alt="Banner img desc">
                                    </a>

                                    <div class="banner-content">
                                        <h4 class="banner-subtitle text-white"><a href="#">Clearance</a></h4><!-- End .banner-subtitle -->
                                        <h3 class="banner-title text-white"><a href="#">Seating and Tables Clearance</a></h3><!-- End .banner-title -->
                                        <a href="#" class="banner-link">Shop Now <i class="icon-long-arrow-right"></i></a>
                                    </div><!-- End .banner-content -->
                                </div><!-- End .banner banner-overlay -->
                            </div><!-- End .col-lg-3 col-xxl-2 -->
                        </div><!-- End .row -->

                        <div class="mb-3"></div><!-- End .mb-3 -->

                        <div class="owl-carousel owl-simple brands-carousel" data-toggle="owl" 
                            data-owl-options='{
                                "nav": false, 
                                "dots": false,
                                "margin": 20,
                                "loop": false,
                                "responsive": {
                                    "0": {
                                        "items":2
                                    },
                                    "420": {
                                        "items":3
                                    },
                                    "600": {
                                        "items":4
                                    },
                                    "900": {
                                        "items":5
                                    },
                                    "1600": {
                                        "items":6,
                                        "nav": true
                                    }
                                }
                            }'>
                            <a href="#" class="brand">
                                <img src="assets/images/brands/1.png" alt="Brand Name">
                            </a>

                            <a href="#" class="brand">
                                <img src="assets/images/brands/2.png" alt="Brand Name">
                            </a>

                            <a href="#" class="brand">
                                <img src="assets/images/brands/3.png" alt="Brand Name">
                            </a>

                            <a href="#" class="brand">
                                <img src="assets/images/brands/4.png" alt="Brand Name">
                            </a>

                            <a href="#" class="brand">
                                <img src="assets/images/brands/5.png" alt="Brand Name">
                            </a>

                            <a href="#" class="brand">
                                <img src="assets/images/brands/6.png" alt="Brand Name">
                            </a>

                            <a href="#" class="brand">
                                <img src="assets/images/brands/7.png" alt="Brand Name">
                            </a>
                        </div><!-- End .owl-carousel -->

                        <div class="mb-5"></div><!-- End .mb-5 -->

                        <div class="bg-lighter trending-products">
                            <div class="heading heading-flex mb-3">
                                <div class="heading-left">
                                    <h2 class="title">Trending Today</h2><!-- End .title -->
                                </div><!-- End .heading-left -->

                               <div class="heading-right">
                                    <ul class="nav nav-pills justify-content-center" role="tablist">
                                        <li class="nav-item">
                                            <a class="nav-link active" id="trending-all-link" data-toggle="tab" href="#trending-all-tab" role="tab" aria-controls="trending-all-tab" aria-selected="true">All</a>
                                        </li>
<?php 
//Trending Today
$run = mysqli_query($con,"select id,categoryName from category where 1=1 limit 5");
while ($row=mysqli_fetch_array($run)){
	$cat=$row['categoryName'];
?>										
                                        <li class="nav-item">
                                            <a class="nav-link" id="trending-<?php echo $row['categoryName']; ?>-link" data-toggle="tab" href="#trending-<?php echo $row['categoryName']; ?>-tab" role="tab" aria-controls="trending-<?php echo $row['categoryName']; ?>-tab" aria-selected="false"><?php echo $row['categoryName']; ?></a>
                                        </li>
<?php 
}
?>
                                    </ul>
                               </div><!-- End .heading-right -->
                            </div><!-- End .heading -->

                            <div class="tab-content tab-content-carousel">
                                <div class="tab-pane p-0 fade show active" id="trending-all-tab" role="tabpanel" aria-labelledby="trending-all-link">
                                    <div class="owl-carousel owl-simple carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                                        data-owl-options='{
                                            "nav": false, 
                                            "dots": true,
                                            "margin": 20,
                                            "loop": false,
                                            "responsive": {
                                                "0": {
                                                    "items":1
                                                },
                                                "480": {
                                                    "items":2
                                                },
                                                "768": {
                                                    "items":3
                                                },
                                                "992": {
                                                    "items":4
                                                },
                                                "1200": {
                                                    "items":3,
                                                    "nav": true
                                                },
                                                "1600": {
                                                    "items":5,
                                                    "nav": true
                                                }
                                            }
                                        }'>

<?php 
//Tab products
$run2=mysqli_query($con,"select * from products where 1=1 order by category limit 5");
while($rsProduct=mysqli_fetch_array($run2)){
	$categoryName=getName($con,"select categoryName from category where id='".$rsProduct['category']."'");
	//if($category!=$categoryName){
	//$category=$categoryName;
?>
                                        <div class="product text-center">
                                            <figure class="product-media">
<?php 
	if($rsProduct['productPrice']<$rsProduct['productPriceBeforeDiscount']){
?>											
                                                <span class="product-label label-sale">Sale</span>
<?php 
}
?>
                                                <a href="product?scid=<?php echo $rsProduct['id']; ?>" target='_Blank'>
                                                    <img src="<?php echo "products/".$rsProduct['productImage1']; ?>" alt="Product image" class="product-image">
                                                </a>

                                                <div class="product-action-vertical">
                                                    <a href="index?addWishlist=<?php echo $rsProduct['id']; ?>" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                    <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                    <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                                </div><!-- End .product-action-vertical -->

                                                <div class="product-action">
                                                    <a  onclick="addToCart(<?php echo $rsProduct['id'];?>)"  class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                                </div><!-- End .product-action -->
                                            </figure><!-- End .product-media -->

                                            <div class="product-body">
                                                <div class="product-cat">
                                                    <a href="#"><?php echo $categoryName; ?></a>
                                                </div><!-- End .product-cat -->
                                                <h3 class="product-title"><a href="product"><?php echo $rsProduct['productName']; ?></a></h3><!-- End .product-title -->
                                                <div class="product-price">
                                                    <span class="new-price">$<?php echo $rsProduct['productPrice']; ?></span>
                                                    <span class="old-price">Was <?php echo $rsProduct['productPriceBeforeDiscount']; ?></span>
                                                </div><!-- End .product-price -->
                                                <div class="ratings-container">
                                                    <div class="ratings">
                                                        <div class="ratings-val" style="width: 100%;"></div><!-- End .ratings-val -->
                                                    </div><!-- End .ratings -->
                                                    <span class="ratings-text">( 2 Reviews )</span>
                                                </div><!-- End .rating-container -->
                                            </div><!-- End .product-body -->
                                        </div><!-- End .product -->
<?php 
}
?>
                                    </div><!-- End .owl-carousel -->
                                </div><!-- .End .tab-pane -->


<?php 
//Trending Today
$run = mysqli_query($con,"select id,categoryName from category where 1=1 limit 5");
while ($row=mysqli_fetch_array($run)){
	$cat=$row['categoryName'];
?>										
                                        
								<div class="tab-pane p-0 fade show active" id="trending-<?php echo $row['categoryName']; ?>-tab" role="tabpanel" aria-labelledby="trending-<?php echo $row['categoryName']; ?>-link">
                                    <div class="owl-carousel owl-simple carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                                        data-owl-options='{
                                            "nav": false, 
                                            "dots": true,
                                            "margin": 20,
                                            "loop": false,
                                            "responsive": {
                                                "0": {
                                                    "items":1
                                                },
                                                "480": {
                                                    "items":2
                                                },
                                                "768": {
                                                    "items":3
                                                },
                                                "992": {
                                                    "items":4
                                                },
                                                "1200": {
                                                    "items":3,
                                                    "nav": true
                                                },
                                                "1600": {
                                                    "items":5,
                                                    "nav": true
                                                }
                                            }
                                        }'>

<?php 
//Tab products
$run2=mysqli_query($con,"select * from products where category='".$row['id']."' order by category");
while($rsProduct=mysqli_fetch_array($run2)){
	$categoryName=getName($con,"select categoryName from category where id='".$rsProduct['category']."'");
	//if($category!=$categoryName){
	//$category=$categoryName;
?>
                                        <div class="product text-center">
                                            <figure class="product-media">
<?php 
	if($rsProduct['productPrice']<$rsProduct['productPriceBeforeDiscount']){
?>											
                                                <span class="product-label label-sale">Sale</span>
<?php 
}
?>
                                                <a href="product?scid=<?php echo $rsProduct['id']; ?>" target='_Blank'>
                                                    <img src="<?php echo "products/".$rsProduct['productImage1']; ?>" alt="Product image" class="product-image">
                                                </a>

                                                <div class="product-action-vertical">
                                                    <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                    <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                    <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                                </div><!-- End .product-action-vertical -->

                                                <div class="product-action">
                                                    <a onclick="addToCart(<?php echo $rsProduct['id'];?>)" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                                </div><!-- End .product-action -->
                                            </figure><!-- End .product-media -->

                                            <div class="product-body">
                                                <div class="product-cat">
                                                    <a href="#"><?php echo $categoryName; ?></a>
                                                </div><!-- End .product-cat -->
                                                <h3 class="product-title"><a href="product"><?php echo $rsProduct['productName']; ?></a></h3><!-- End .product-title -->
                                                <div class="product-price">
                                                    <span class="new-price">$<?php echo $rsProduct['productPrice']; ?></span>
                                                    <span class="old-price">Was $<?php echo $rsProduct['productPriceBeforeDiscount']; ?></span>
                                                </div><!-- End .product-price -->
                                                <div class="ratings-container">
                                                    <div class="ratings">
                                                        <div class="ratings-val" style="width: 100%;"></div><!-- End .ratings-val -->
                                                    </div><!-- End .ratings -->
                                                    <span class="ratings-text">( 2 Reviews )</span>
                                                </div><!-- End .rating-container -->
                                            </div><!-- End .product-body -->
                                        </div><!-- End .product -->
<?php 
}
?>
                                    </div><!-- End .owl-carousel -->
                                </div><!-- .End .tab-pane -->

<?php 
}
?>



								
								
                            </div><!-- End .tab-content -->
                        </div><!-- End .bg-lighter -->

                        <div class="mb-5"></div><!-- End .mb-5 -->

                        <div class="row cat-banner-row electronics">
                            <div class="col-xl-3 col-xxl-4">
                                <div class="cat-banner row no-gutters">
                                    <div class="cat-banner-list col-sm-6 d-xl-none d-xxl-flex" style="background-image: url(assets/images/demos/demo-14/banners/banner-bg-1.jpg);">
                                        <div class="banner-list-content">
                                            <h2><a href="#">Electronics</a></h2>

                                            <ul>
                                                <li><a href="#">Cell Phones</a></li>
                                                <li><a href="#">Computers</a></li>
                                                <li><a href="#">TV & Video</a></li>
                                                <li><a href="#">Smart Home</a></li>
                                                <li><a href="#">Audi</a></li>
                                                <li><a href="#">Home Audio & Theater</a></li>
                                                <li class="list-all-link"><a href="#">See All Departments</a></li>
                                            </ul>
                                        </div><!-- End .banner-list-content -->
                                    </div><!-- End .col-sm-6 -->

                                    <div class="col-sm-6 col-xl-12 col-xxl-6">
                                        <div class="banner banner-overlay">
                                            <a href="#">
                                                <img src="assets/images/demos/demo-14/banners/banner-5.jpg" alt="Banner img desc">
                                            </a>

                                            <div class="banner-content">
                                                <h4 class="banner-subtitle text-white"><a href="#">Best Deals</a></h4><!-- End .banner-subtitle -->
                                                <h3 class="banner-title text-white"><a href="#">Canon EOS <br>Mega Sale <br><span>Up To 20% Off</span></a></h3><!-- End .banner-title -->
                                                <a href="#" class="banner-link">Shop Now <i class="icon-long-arrow-right"></i></a>
                                            </div><!-- End .banner-content -->
                                        </div><!-- End .banner -->
                                    </div><!-- End .col-sm-6 -->
                                </div><!-- End .cat-banner -->
                            </div><!-- End .col-xl-3 -->

                            <div class="col-xl-9 col-xxl-8">
                                <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                                    data-owl-options='{
                                        "nav": true, 
                                        "dots": false,
                                        "margin": 20,
                                        "loop": false,
                                        "responsive": {
                                            "0": {
                                                "items":2
                                            },
                                            "480": {
                                                "items":2
                                            },
                                            "768": {
                                                "items":3
                                            },
                                            "992": {
                                                "items":4
                                            },
                                            "1200": {
                                                "items":3
                                            },
                                            "1600": {
                                                "items":4
                                            }
                                        }
                                    }'>
                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <span class="product-label label-top">Top</span>
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-6.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Laptops</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">MacBook Pro 13" Display, i5</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $1,199.99
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 100%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 4 Reviews )</span>
                                            </div><!-- End .rating-container -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-7.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Audio</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Bose - SoundLink Bluetooth Speaker</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $79.99
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 60%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 6 Reviews )</span>
                                            </div><!-- End .rating-container -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <span class="product-label label-new">New</span>
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-8.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Tablets</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Apple - 11 Inch iPad Pro <br>with Wi-Fi 256GB </a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $899.99
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 60%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 6 Reviews )</span>
                                            </div><!-- End .rating-container -->

                                            <div class="product-nav product-nav-dots">
                                                <a href="#" style="background: #edd2c8;"><span class="sr-only">Color name</span></a>
                                                <a href="#" style="background: #eaeaec;"><span class="sr-only">Color name</span></a>
                                                <a href="#" class="active" style="background: #333333;"><span class="sr-only">Color name</span></a>
                                            </div><!-- End .product-nav -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <span class="product-label label-top">Top</span>
                                            <span class="product-label label-sale">Sale</span>
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-9.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Cell Phone</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Google - Pixel 3 XL 128GB</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                <span class="new-price">$350.00</span>
                                                <span class="old-price">Was $410.00</span>
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 80%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 10 Reviews )</span>
                                            </div><!-- End .rating-container -->

                                            <div class="product-nav product-nav-dots">
                                                <a href="#" class="active" style="background: #edd2c8;"><span class="sr-only">Color name</span></a>
                                                <a href="#" style="background: #eaeaec;"><span class="sr-only">Color name</span></a>
                                            </div><!-- End .product-nav -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <span class="product-label label-top">Top</span>
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-6.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Laptops</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">MacBook Pro 13" Display, i5</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $1,199.99
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 100%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 4 Reviews )</span>
                                            </div><!-- End .rating-container -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->
                                </div><!-- End .owl-carousel -->
                            </div><!-- End .col-xl-9 -->
                        </div><!-- End .row cat-banner-row -->

                        <div class="mb-3"></div><!-- End .mb-3 -->

                        <div class="row cat-banner-row furniture">
                            <div class="col-xl-3 col-xxl-4">
                                <div class="cat-banner row no-gutters">
                                    <div class="cat-banner-list col-sm-6 d-xl-none d-xxl-flex" style="background-image: url(assets/images/demos/demo-14/banners/banner-bg-2.jpg);">
                                        <div class="banner-list-content">
                                            <h2><a href="#">Furniture </a></h2>

                                            <ul>
                                                <li><a href="#">Bedroom </a></li>
                                                <li><a href="#">Office</a></li>
                                                <li><a href="#">Living Room</a></li>
                                                <li><a href="#">Kitchen & Dining</a></li>
                                                <li><a href="#">Decoration</a></li>
                                                <li><a href="#">Outdoor</a></li>
                                                <li class="list-all-link"><a href="#">See All Departments</a></li>
                                            </ul>
                                        </div><!-- End .banner-list-content -->
                                    </div><!-- End .col-sm-6 -->

                                    <div class="col-sm-6 col-xl-12 col-xxl-6">
                                        <div class="banner banner-overlay">
                                            <a href="#">
                                                <img src="assets/images/demos/demo-14/banners/banner-6.jpg" alt="Banner img desc">
                                            </a>

                                            <div class="banner-content">
                                                <h4 class="banner-subtitle text-white"><a href="#">Best Deals</a></h4><!-- End .banner-subtitle -->
                                                <h3 class="banner-title text-white"><a href="#">Furniture Sets <br><span>Up To 30% Off</span></a></h3><!-- End .banner-title -->
                                                <a href="#" class="banner-link">Shop Now <i class="icon-long-arrow-right"></i></a>
                                            </div><!-- End .banner-content -->
                                        </div><!-- End .banner -->
                                    </div><!-- End .col-sm-6 -->
                                </div><!-- End .cat-banner -->
                            </div><!-- End .col-xl-3 -->

                            <div class="col-xl-9 col-xxl-8">
                                <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                                    data-owl-options='{
                                        "nav": true, 
                                        "dots": false,
                                        "margin": 20,
                                        "loop": false,
                                        "responsive": {
                                            "0": {
                                                "items":2
                                            },
                                            "480": {
                                                "items":2
                                            },
                                            "768": {
                                                "items":3
                                            },
                                            "992": {
                                                "items":4
                                            },
                                            "1200": {
                                                "items":3
                                            },
                                            "1600": {
                                                "items":4
                                            }
                                        }
                                    }'>
                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <span class="product-label label-new">New</span>
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-10.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Tables</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Block Side Table/Trolley</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $299.99
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 80%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 12 Reviews )</span>
                                            </div><!-- End .rating-container -->

                                            <div class="product-nav product-nav-dots">
                                                <a href="#" class="active" style="background: #333333;"><span class="sr-only">Color name</span></a>
                                                <a href="#" style="background: #e2e2e2;"><span class="sr-only">Color name</span></a>
                                            </div><!-- End .product-nav -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-11.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Sofas</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Roots Sofa Bed</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $1,199.99
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 100%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 4 Reviews )</span>
                                            </div><!-- End .rating-container -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <span class="product-label label-sale">Sale</span>
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-12.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Lighting</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Carronade Large <br>Suspension Lamp</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                <span class="new-price">$892.99</span>
                                                <span class="old-price">Was $931.00</span>
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 60%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 6 Reviews )</span>
                                            </div><!-- End .rating-container -->

                                            <div class="product-nav product-nav-dots">
                                                <a href="#" class="active" style="background: #f7f6f5;"><span class="sr-only">Color name</span></a>
                                                <a href="#" style="background: #825a45;"><span class="sr-only">Color name</span></a>
                                            </div><!-- End .product-nav -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-13.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Chairs</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Wingback Chair</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $210.00
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 80%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 4 Reviews )</span>
                                            </div><!-- End .rating-container -->

                                            <div class="product-nav product-nav-dots">
                                                <a href="#" class="active" style="background: #999999;"><span class="sr-only">Color name</span></a>
                                                <a href="#" style="background: #cc9999;"><span class="sr-only">Color name</span></a>
                                            </div><!-- End .product-nav -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <span class="product-label label-new">New</span>
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-10.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Tables</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Block Side Table/Trolley</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $299.99
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 80%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 12 Reviews )</span>
                                            </div><!-- End .rating-container -->

                                            <div class="product-nav product-nav-dots">
                                                <a href="#" class="active" style="background: #333333;"><span class="sr-only">Color name</span></a>
                                                <a href="#" style="background: #e2e2e2;"><span class="sr-only">Color name</span></a>
                                            </div><!-- End .product-nav -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->
                                </div><!-- End .owl-carousel -->
                            </div><!-- End .col-xl-9 -->
                        </div><!-- End .row cat-banner-row -->

                        <div class="mb-3"></div><!-- End .mb-3 -->

                        <div class="row">
                            <div class="col-md-6">
                                <div class="banner banner-overlay">
                                    <a href="#">
                                        <img src="assets/images/demos/demo-14/banners/banner-7.jpg" alt="Banner img desc">
                                    </a>

                                    <div class="banner-content">
                                        <h4 class="banner-subtitle text-white d-none d-sm-block"><a href="#">Spring Sale is Coming</a></h4><!-- End .banner-subtitle -->
                                        <h3 class="banner-title text-white"><a href="#">Floral T-shirts and Vests  <br><span>Spring Sale</span></a></h3><!-- End .banner-title -->
                                        <a href="#" class="banner-link">Shop Now <i class="icon-long-arrow-right"></i></a>
                                    </div><!-- End .banner-content -->
                                </div><!-- End .banner -->
                            </div><!-- End .col-md-6 -->

                            <div class="col-md-6">
                                <div class="banner banner-overlay">
                                    <a href="#">
                                        <img src="assets/images/demos/demo-14/banners/banner-8.jpg" alt="Banner img desc">
                                    </a>

                                    <div class="banner-content">
                                        <h4 class="banner-subtitle text-white d-none d-sm-block"><a href="#">Amazing Value</a></h4><!-- End .banner-subtitle -->
                                        <h3 class="banner-title text-white"><a href="#">Upgrade and Save <br><span>On The Latest Apple Devices</span></a></h3><!-- End .banner-title -->
                                        <a href="#" class="banner-link">Shop Now <i class="icon-long-arrow-right"></i></a>
                                    </div><!-- End .banner-content -->
                                </div><!-- End .banner banner-overlay -->
                            </div><!-- End .col-md-6 -->
                        </div><!-- End .row -->

                        <div class="mb-3"></div><!-- End .mb-3 -->

                        <div class="row cat-banner-row clothing">
                            <div class="col-xl-3 col-xxl-4">
                                <div class="cat-banner row no-gutters">
                                    <div class="cat-banner-list col-sm-6 d-xl-none d-xxl-flex" style="background-image: url(assets/images/demos/demo-14/banners/banner-bg-3.jpg);">
                                        <div class="banner-list-content">
                                            <h2><a href="#">Clothing  </a></h2>

                                            <ul>
                                                <li><a href="#">Best Sellers</a></li>
                                                <li><a href="#">Trending</a></li>
                                                <li><a href="#">Women</a></li>
                                                <li><a href="#">Man</a></li>
                                                <li><a href="#">Shoes</a></li>
                                                <li><a href="#">Accessories</a></li>
                                                <li class="list-all-link"><a href="#">See All Departments</a></li>
                                            </ul>
                                        </div><!-- End .banner-list-content -->
                                    </div><!-- End .col-sm-6 -->

                                    <div class="col-sm-6 col-xl-12 col-xxl-6">
                                        <div class="banner banner-overlay">
                                            <a href="#">
                                                <img src="assets/images/demos/demo-14/banners/banner-9.jpg" alt="Banner img desc">
                                            </a>

                                            <div class="banner-content">
                                                <h4 class="banner-subtitle text-white"><a href="#">Best Deals</a></h4><!-- End .banner-subtitle -->
                                                <h3 class="banner-title text-white"><a href="#">Clearance <br>Outerwear<br><span>Up To 70% Off</span></a></h3><!-- End .banner-title -->
                                                <a href="#" class="banner-link">Shop Now <i class="icon-long-arrow-right"></i></a>
                                            </div><!-- End .banner-content -->
                                        </div><!-- End .banner -->
                                    </div><!-- End .col-sm-6 -->
                                </div><!-- End .cat-banner -->
                            </div><!-- End .col-xl-3 -->

                            <div class="col-xl-9 col-xxl-8">
                                <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                                    data-owl-options='{
                                        "nav": true, 
                                        "dots": false,
                                        "margin": 20,
                                        "loop": false,
                                        "responsive": {
                                            "0": {
                                                "items":2
                                            },
                                            "480": {
                                                "items":2
                                            },
                                            "768": {
                                                "items":3
                                            },
                                            "992": {
                                                "items":4
                                            },
                                            "1200": {
                                                "items":3
                                            },
                                            "1600": {
                                                "items":4
                                            }
                                        }
                                    }'>
                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-14.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Shoes</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Beige faux suede runner  trainers</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $64.00
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 80%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 12 Reviews )</span>
                                            </div><!-- End .rating-container -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <span class="product-label label-new">New</span>
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-15.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Accessories</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Black boucle check scarf</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $36.00
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 100%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 4 Reviews )</span>
                                            </div><!-- End .rating-container -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-16.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">T-Shirts</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Carronade Large <br>Suspension Lamp</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $56.00
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 60%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 6 Reviews )</span>
                                            </div><!-- End .rating-container -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-17.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Bags</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Triple compartment cross body bag</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $64.00
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 40%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 4 Reviews )</span>
                                            </div><!-- End .rating-container -->

                                            <div class="product-nav product-nav-dots">
                                                <a href="#" class="active" style="background: #f1f1f1;"><span class="sr-only">Color name</span></a>
                                                <a href="#" style="background: #333333;"><span class="sr-only">Color name</span></a>
                                            </div><!-- End .product-nav -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-14.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Shoes</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Beige faux suede runner  trainers</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $64.00
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 80%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 12 Reviews )</span>
                                            </div><!-- End .rating-container -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->
                                </div><!-- End .owl-carousel -->
                            </div><!-- End .col-xl-9 -->
                        </div><!-- End .row cat-banner-row -->

                        <div class="mb-3"></div><!-- End .mb-3 -->

                        <div class="row cat-banner-row cooking">
                            <div class="col-xl-3 col-xxl-4">
                                <div class="cat-banner row no-gutters">
                                    <div class="cat-banner-list col-sm-6 d-xl-none d-xxl-flex" style="background-image: url(assets/images/demos/demo-14/banners/banner-bg-4.jpg);">
                                        <div class="banner-list-content">
                                            <h2><a href="#">Cooking </a></h2>

                                            <ul>
                                                <li><a href="#">Cookware</a></li>
                                                <li><a href="#">Dinnerware</a></li>
                                                <li><a href="#">Cups</a></li>
                                                <li><a href="#">Microwaves</a></li>
                                                <li><a href="#">Toasters</a></li>
                                                <li><a href="#">Coffee Makers</a></li>
                                                <li class="list-all-link"><a href="#">See All Departments</a></li>
                                            </ul>
                                        </div><!-- End .banner-list-content -->
                                    </div><!-- End .col-sm-6 -->

                                    <div class="col-sm-6 col-xl-12 col-xxl-6">
                                        <div class="banner banner-overlay">
                                            <a href="#">
                                                <img src="assets/images/demos/demo-14/banners/banner-10.jpg" alt="Banner img desc">
                                            </a>

                                            <div class="banner-content">
                                                <h4 class="banner-subtitle text-white"><a href="#">Best Deals</a></h4><!-- End .banner-subtitle -->
                                                <h3 class="banner-title text-white"><a href="#">Cooking <br>Appliances <br><span>Up To 30% Off</span></a></h3><!-- End .banner-title -->
                                                <a href="#" class="banner-link">Shop Now <i class="icon-long-arrow-right"></i></a>
                                            </div><!-- End .banner-content -->
                                        </div><!-- End .banner -->
                                    </div><!-- End .col-sm-6 -->
                                </div><!-- End .cat-banner -->
                            </div><!-- End .col-xl-3 -->

                            <div class="col-xl-9 col-xxl-8">
                                <div class="owl-carousel owl-full carousel-equal-height carousel-with-shadow" data-toggle="owl" 
                                    data-owl-options='{
                                        "nav": true, 
                                        "dots": false,
                                        "margin": 20,
                                        "loop": false,
                                        "responsive": {
                                            "0": {
                                                "items":2
                                            },
                                            "480": {
                                                "items":2
                                            },
                                            "768": {
                                                "items":3
                                            },
                                            "992": {
                                                "items":4
                                            },
                                            "1200": {
                                                "items":3
                                            },
                                            "1600": {
                                                "items":4
                                            }
                                        }
                                    }'>
                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <span class="product-label label-sale">Sale</span>
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-18.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Cooking Appliances</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">KitchenAid Professional  500 Series Stand Mixer</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                <span class="new-price">$249.99</span>
                                                <span class="old-price">Was $299.99</span>
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 100%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 7 Reviews )</span>
                                            </div><!-- End .rating-container -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-19.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Dinnerware</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">MoDRN Industrial 7 Piece</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $40.00
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 60%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 3 Reviews )</span>
                                            </div><!-- End .rating-container -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-20.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Cookware</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">Cuisinart French Classic 3 Piece</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $44.99
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 0%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 0 Reviews )</span>
                                            </div><!-- End .rating-container -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <span class="product-label label-new">New</span>
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-21.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Cooking Appliances</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">KitchenAid - KSB1570WH Classic 5-Speed Blender</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                $75.00
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 80%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 4 Reviews )</span>
                                            </div><!-- End .rating-container -->

                                            <div class="product-nav product-nav-dots">
                                                <a href="#" class="active" style="background: #f1f1f1;"><span class="sr-only">Color name</span></a>
                                                <a href="#" style="background: #c00b1b;"><span class="sr-only">Color name</span></a>
                                            </div><!-- End .product-nav -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->

                                    <div class="product text-center">
                                        <figure class="product-media">
                                            <span class="product-label label-sale">Sale</span>
                                            <a href="product">
                                                <img src="assets/images/demos/demo-14/products/product-18.jpg" alt="Product image" class="product-image">
                                            </a>

                                            <div class="product-action-vertical">
                                                <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                            </div><!-- End .product-action-vertical -->

                                            <div class="product-action">
                                                <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                            </div><!-- End .product-action -->
                                        </figure><!-- End .product-media -->

                                        <div class="product-body">
                                            <div class="product-cat">
                                                <a href="#">Cooking Appliances</a>
                                            </div><!-- End .product-cat -->
                                            <h3 class="product-title"><a href="product">KitchenAid Professional  500 Series Stand Mixer</a></h3><!-- End .product-title -->
                                            <div class="product-price">
                                                <span class="new-price">$249.99</span>
                                                <span class="old-price">Was $299.99</span>
                                            </div><!-- End .product-price -->
                                            <div class="ratings-container">
                                                <div class="ratings">
                                                    <div class="ratings-val" style="width: 100%;"></div><!-- End .ratings-val -->
                                                </div><!-- End .ratings -->
                                                <span class="ratings-text">( 7 Reviews )</span>
                                            </div><!-- End .rating-container -->
                                        </div><!-- End .product-body -->
                                    </div><!-- End .product -->
                                </div><!-- End .owl-carousel -->
                            </div><!-- End .col-xl-9 -->
                        </div><!-- End .row cat-banner-row -->

                        <div class="mb-3"></div><!-- End .mb-3 -->

                        <div class="icon-boxes-container">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-sm-6 col-lg-3">
                                        <div class="icon-box icon-box-side">
                                            <span class="icon-box-icon text-dark">
                                                <i class="icon-rocket"></i>
                                            </span>
                                            <div class="icon-box-content">
                                                <h3 class="icon-box-title">Free Shipping</h3><!-- End .icon-box-title -->
                                                <p>Orders $50 or more</p>
                                            </div><!-- End .icon-box-content -->
                                        </div><!-- End .icon-box -->
                                    </div><!-- End .col-sm-6 col-lg-3 -->

                                    <div class="col-sm-6 col-lg-3">
                                        <div class="icon-box icon-box-side">
                                            <span class="icon-box-icon text-dark">
                                                <i class="icon-rotate-left"></i>
                                            </span>

                                            <div class="icon-box-content">
                                                <h3 class="icon-box-title">Free Returns</h3><!-- End .icon-box-title -->
                                                <p>Within 30 days</p>
                                            </div><!-- End .icon-box-content -->
                                        </div><!-- End .icon-box -->
                                    </div><!-- End .col-sm-6 col-lg-3 -->

                                    <div class="col-sm-6 col-lg-3">
                                        <div class="icon-box icon-box-side">
                                            <span class="icon-box-icon text-dark">
                                                <i class="icon-info-circle"></i>
                                            </span>

                                            <div class="icon-box-content">
                                                <h3 class="icon-box-title">Get 20% Off 1 Item</h3><!-- End .icon-box-title -->
                                                <p>When you sign up</p>
                                            </div><!-- End .icon-box-content -->
                                        </div><!-- End .icon-box -->
                                    </div><!-- End .col-sm-6 col-lg-3 -->

                                    <div class="col-sm-6 col-lg-3">
                                        <div class="icon-box icon-box-side">
                                            <span class="icon-box-icon text-dark">
                                                <i class="icon-life-ring"></i>
                                            </span>

                                            <div class="icon-box-content">
                                                <h3 class="icon-box-title">We Support</h3><!-- End .icon-box-title -->
                                                <p>24/7 amazing services</p>
                                            </div><!-- End .icon-box-content -->
                                        </div><!-- End .icon-box -->
                                    </div><!-- End .col-sm-6 col-lg-3 -->
                                </div><!-- End .row -->
                            </div><!-- End .container-fluid -->
                        </div><!-- End .icon-boxes-container -->

                        <div class="mb-5"></div><!-- End .mb-5 -->
                    </div><!-- End .col-lg-9 col-xxl-10 -->

                    <aside class="col-xl-3 col-xxl-2 order-xl-first">
                        <div class="sidebar sidebar-home">
                            <div class="row">
                                <div class="col-sm-6 col-xl-12">
                                    <div class="widget widget-banner">
                                        <div class="banner banner-overlay">
                                            <a href="#">
                                                <img src="assets/images/demos/demo-14/banners/banner-11.jpg" alt="Banner img desc">
                                            </a>

                                            <div class="banner-content banner-content-top banner-content-right text-right">
                                                <h3 class="banner-title text-white"><a href="#">Maximum Comfort <span>Sofas -20% Off</span></a></h3><!-- End .banner-title -->
                                                <a href="#" class="banner-link">Shop Now <i class="icon-long-arrow-right"></i></a>
                                            </div><!-- End .banner-content -->
                                        </div><!-- End .banner banner-overlay -->
                                    </div><!-- End .widget widget-banner -->
                                </div><!-- End .col-sm-6 col-xl-12 -->

                                <div class="col-sm-6 col-xl-12 mb-2">
                                    <div class="widget widget-products">
                                        <h4 class="widget-title"><span>Bestsellers</span></h4><!-- End .widget-title -->

                                        <div class="products">
                                            <div class="product product-sm">
                                                <figure class="product-media">
                                                    <a href="product">
                                                        <img src="assets/images/demos/demo-14/products/small/product-1.jpg" alt="Product image" class="product-image">
                                                    </a>
                                                </figure>

                                                <div class="product-body">
                                                    <h5 class="product-title"><a href="product">Sceptre 50" Class FHD (1080P) LED TV</a></h5><!-- End .product-title -->
                                                    <div class="product-price">
                                                        $199.99
                                                    </div><!-- End .product-price -->
                                                </div><!-- End .product-body -->
                                            </div><!-- End .product product-sm -->

                                            <div class="product product-sm">
                                                <figure class="product-media">
                                                    <a href="product">
                                                        <img src="assets/images/demos/demo-14/products/small/product-2.jpg" alt="Product image" class="product-image">
                                                    </a>
                                                </figure>

                                                <div class="product-body">
                                                    <h5 class="product-title"><a href="product">Red Cookware Set, 9 Piece</a></h5><!-- End .product-title -->
                                                    <div class="product-price">
                                                        $24.95
                                                    </div><!-- End .product-price -->
                                                </div><!-- End .product-body -->
                                            </div><!-- End .product product-sm -->

                                            <div class="product product-sm">
                                                <figure class="product-media">
                                                    <a href="product">
                                                        <img src="assets/images/demos/demo-14/products/small/product-3.jpg" alt="Product image" class="product-image">
                                                    </a>
                                                </figure>

                                                <div class="product-body">
                                                    <h5 class="product-title"><a href="product">Epson WorkForce WF-2750 All-in-One Wireless</a></h5><!-- End .product-title -->
                                                    <div class="product-price">
                                                        $49.99
                                                    </div><!-- End .product-price -->
                                                </div><!-- End .product-body -->
                                            </div><!-- End .product product-sm -->

                                            <div class="product product-sm">
                                                <figure class="product-media">
                                                    <a href="product">
                                                        <img src="assets/images/demos/demo-14/products/small/product-4.jpg" alt="Product image" class="product-image">
                                                    </a>
                                                </figure>

                                                <div class="product-body">
                                                    <h5 class="product-title"><a href="product">Stainless Steel Microwave Oven</a></h5><!-- End .product-title -->
                                                    <div class="product-price">
                                                        $64.84
                                                    </div><!-- End .product-price -->
                                                </div><!-- End .product-body -->
                                            </div><!-- End .product product-sm -->

                                            <div class="product product-sm">
                                                <figure class="product-media">
                                                    <a href="product">
                                                        <img src="assets/images/demos/demo-14/products/small/product-5.jpg" alt="Product image" class="product-image">
                                                    </a>
                                                </figure>

                                                <div class="product-body">
                                                    <h5 class="product-title"><a href="product">Fatboy Original Beanbag</a></h5><!-- End .product-title -->
                                                    <div class="product-price">
                                                        $49.99
                                                    </div><!-- End .product-price -->
                                                </div><!-- End .product-body -->
                                            </div><!-- End .product product-sm -->
                                        </div><!-- End .products -->
                                    </div><!-- End .widget widget-products -->
                                </div><!-- End .col-sm-6 col-xl-12 -->
                                
                                <div class="col-12">
                                    <div class="widget widget-deals">
                                        <h4 class="widget-title"><span>Special Offer</span></h4><!-- End .widget-title -->

                                        <div class="row">
                                            <div class="col-sm-6 col-xl-12">
                                                <div class="product text-center">
                                                    <figure class="product-media">
                                                        <span class="product-label label-sale">Deal of the week</span>
                                                        <a href="product">
                                                            <img src="assets/images/demos/demo-14/products/deals/product-1.jpg" alt="Product image" class="product-image">
                                                        </a>

                                                        <div class="product-action-vertical">
                                                            <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                            <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                            <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                                        </div><!-- End .product-action-vertical -->

                                                        <div class="product-action">
                                                            <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                                        </div><!-- End .product-action -->
                                                    </figure><!-- End .product-media -->

                                                    <div class="product-body">
                                                        <div class="product-cat">
                                                            <a href="#">Audio</a>
                                                        </div><!-- End .product-cat -->
                                                        <h3 class="product-title"><a href="product">Bose SoundLink Micro speaker</a></h3><!-- End .product-title -->
                                                        <div class="product-price">
                                                            <span class="new-price">$99.99</span>
                                                            <span class="old-price">Was $110.99</span>
                                                        </div><!-- End .product-price -->
                                                        <div class="ratings-container">
                                                            <div class="ratings">
                                                                <div class="ratings-val" style="width: 100%;"></div><!-- End .ratings-val -->
                                                            </div><!-- End .ratings -->
                                                            <span class="ratings-text">( 4 Reviews )</span>
                                                        </div><!-- End .rating-container -->

                                                        <div class="product-nav product-nav-dots">
                                                            <a href="#" class="active" style="background: #f3815f;"><span class="sr-only">Color name</span></a>
                                                            <a href="#" style="background: #333333;"><span class="sr-only">Color name</span></a>
                                                        </div><!-- End .product-nav -->
                                                    </div><!-- End .product-body -->

                                                    <div class="product-countdown" data-until="+44h" data-relative="true" data-labels-short="true"></div><!-- End .product-countdown -->
                                                </div><!-- End .product -->
                                            </div><!-- End .col-sm-6 col-xl-12 -->

                                            <div class="col-sm-6 col-xl-12">
                                                <div class="product text-center">
                                                    <figure class="product-media">
                                                        <span class="product-label label-sale">Deal of the week</span>
                                                        <a href="product">
                                                            <img src="assets/images/demos/demo-14/products/deals/product-2.jpg" alt="Product image" class="product-image">
                                                        </a>

                                                        <div class="product-action-vertical">
                                                            <a href="#" class="btn-product-icon btn-wishlist" title="Add to wishlist"><span>add to wishlist</span></a>
                                                            <a href="popup/quickView" class="btn-product-icon btn-quickview" title="Quick view"><span>Quick view</span></a>
                                                            <a href="#" class="btn-product-icon btn-compare" title="Compare"><span>Compare</span></a>
                                                        </div><!-- End .product-action-vertical -->

                                                        <div class="product-action">
                                                            <a href="#" class="btn-product btn-cart" title="Add to cart"><span>add to cart</span></a>
                                                        </div><!-- End .product-action -->
                                                    </figure><!-- End .product-media -->

                                                    <div class="product-body">
                                                        <div class="product-cat">
                                                            <a href="#">Cameras</a>
                                                        </div><!-- End .product-cat -->
                                                        <h3 class="product-title"><a href="product">GoPro HERO Session Waterproof HD Action Camera</a></h3><!-- End .product-title -->
                                                        <div class="product-price">
                                                            <span class="new-price">$196.99</span>
                                                            <span class="old-price">Was $210.99</span>
                                                        </div><!-- End .product-price -->
                                                        <div class="ratings-container">
                                                            <div class="ratings">
                                                                <div class="ratings-val" style="width: 100%;"></div><!-- End .ratings-val -->
                                                            </div><!-- End .ratings -->
                                                            <span class="ratings-text">( 19 Reviews )</span>
                                                        </div><!-- End .rating-container -->
                                                    </div><!-- End .product-body -->

                                                    <div class="product-countdown" data-until="+52h" data-relative="true" data-labels-short="true"></div><!-- End .product-countdown -->
                                                </div><!-- End .product -->
                                            </div><!-- End .col-sm-6 col-xl-12 -->
                                        </div><!-- End .row -->
                                    </div><!-- End .widget widget-deals -->
                                </div><!-- End .col-sm-6 col-lg-xl -->
                                
                                <div class="col-sm-6 col-xl-12">
                                    <div class="widget widget-banner">
                                        <div class="banner banner-overlay">
                                            <a href="#">
                                                <img src="assets/images/demos/demo-14/banners/banner-12.jpg" alt="Banner img desc">
                                            </a>

                                            <div class="banner-content banner-content-top">
                                                <h3 class="banner-title text-white"><a href="#">Take Better Photos <br><span>With</span> Canon EOS <br><span>Up To 20% Off</span></a></h3><!-- End .banner-title -->
                                                <a href="#" class="banner-link">Shop Now <i class="icon-long-arrow-right"></i></a>
                                            </div><!-- End .banner-content -->
                                        </div><!-- End .banner banner-overlay -->
                                    </div><!-- End .widget widget-banner -->
                                </div><!-- End .col-sm-6 col-lg-12 -->
                                
                                <div class="col-sm-6 col-xl-12">
                                    <div class="widget widget-posts">
                                        <h4 class="widget-title"><span>Latest Blog Posts</span></h4><!-- End .widget-title -->

                                        <div class="owl-carousel owl-simple" data-toggle="owl" 
                                            data-owl-options='{
                                                "nav":false, 
                                                "dots": true, 
                                                "loop": false,
                                                "autoHeight": true
                                            }'>
                                            <article class="entry">
                                                <figure class="entry-media">
                                                    <a href="single">
                                                        <img src="assets/images/demos/demo-14/blog/post-1.jpg" alt="image desc">
                                                    </a>
                                                </figure><!-- End .entry-media -->

                                                <div class="entry-body">
                                                    <div class="entry-meta">
                                                        <a href="#">Nov 22, 2018</a>, 0 Comments
                                                    </div><!-- End .entry-meta -->

                                                    <h5 class="entry-title">
                                                        <a href="single">Sed adipiscing ornare.</a>
                                                    </h5><!-- End .entry-title -->

                                                    <div class="entry-content">
                                                        <p>Lorem ipsum dolor consectetuer adipiscing elit. Phasellus hendrerit. Pelletesque aliquet nibh ...</p>
                                                        <a href="single" class="read-more">Read More</a>
                                                    </div><!-- End .entry-content -->
                                                </div><!-- End .entry-body -->
                                            </article><!-- End .entry -->

                                            <article class="entry">
                                                <figure class="entry-media">
                                                    <a href="single">
                                                        <img src="assets/images/demos/demo-14/blog/post-2.jpg" alt="image desc">
                                                    </a>
                                                </figure><!-- End .entry-media -->

                                                <div class="entry-body">
                                                    <div class="entry-meta">
                                                        <a href="#">Nov 22, 2018</a>, 0 Comments
                                                    </div><!-- End .entry-meta -->

                                                    <h5 class="entry-title">
                                                        <a href="single">Vivamus vestibulum ntulla.</a>
                                                    </h5><!-- End .entry-title -->

                                                    <div class="entry-content">
                                                        <p>Phasellus hendrerit. Pelletesque aliquet nibh necurna In nisi neque, aliquet vel, dapibus id ... </p>
                                                        <a href="single" class="read-more">Read More</a>
                                                    </div><!-- End .entry-content -->
                                                </div><!-- End .entry-body -->
                                            </article><!-- End .entry -->

                                            <article class="entry">
                                                <figure class="entry-media">
                                                    <a href="single">
                                                        <img src="assets/images/demos/demo-14/blog/post-3.jpg" alt="image desc">
                                                    </a>
                                                </figure><!-- End .entry-media -->

                                                <div class="entry-body">
                                                    <div class="entry-meta">
                                                        <a href="#">Nov 22, 2018</a>, 0 Comments
                                                    </div><!-- End .entry-meta -->

                                                    <h5 class="entry-title">
                                                        <a href="single">Praesent placerat risus.</a>
                                                    </h5><!-- End .entry-title -->

                                                    <div class="entry-content">
                                                        <p>Sed pretium, ligula sollicitudin laoreet viverra, tortor libero sodales leo, eget blandit nunc ...</p>
                                                        <a href="single" class="read-more">Read More</a>
                                                    </div><!-- End .entry-content -->
                                                </div><!-- End .entry-body -->
                                            </article><!-- End .entry -->
                                        </div><!-- End .owl-carousel -->
                                    </div><!-- End .widget widget-posts -->
                                </div><!-- End .col-sm-6 col-xl-12 -->
                            </div><!-- End .row -->
                        </div><!-- End .sidebar sidebar-home -->
                    </aside><!-- End .col-lg-3 col-xxl-2 -->
                </div><!-- End .row -->
            </div><!-- End .container-fluid -->