

<main class="main">
    <div class="intro-section pt-lg-2">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-lg-6">
                    <div class="banner banner-big banner-overlay">
                        <a href="#">
                            <img src="/public/front/assets/images/demos/demo-20/banners/banner-1.jpg" alt="Banner">
                        </a>

                        <div class="banner-content">
                            <h4 class="banner-subtitle text-white"><a href="#">Your Guide To The World</a></h4><!-- End .banner-subtitle -->
                            <h2 class="banner-title text-white"><a href="#">Must-Read <br>Travel Books</a></h2><!-- End .banner-title -->
                            <a href="#" class="btn btn-outline-white-3 banner-link">Find out more<i class="icon-long-arrow-right"></i></a>
                        </div><!-- End .banner-content -->
                    </div><!-- End .banner -->
                </div><!-- End .col-lg-6 -->

                <div class="col-sm-6 col-lg-3">
                    <div class="banner banner-overlay">
                        <a href="#">
                            <img src="/public/front/assets/images/demos/demo-20/banners/banner-2.jpg" alt="Banner">
                        </a>

                        <div class="banner-content banner-content-stretch">
                            <h4 class="banner-subtitle text-white"><a href="#">New This Week</a></h4><!-- End .banner-subtitle -->
                            <h3 class="banner-title text-white"><a href="#">Discover Our <br>Best Romance <br>Books</a></h3><!-- End .banner-title -->
                            <a href="#" class="btn btn-outline-white-3 banner-link"><?= $this->Get_Lang->gl("Discover_Now", $langId) ?><i class="icon-long-arrow-right"></i></a>
                        </div><!-- End .banner-content -->
                    </div><!-- End .banner -->
                </div><!-- End .col-lg-3 -->

                <div class="col-sm-6 col-lg-3">
                    <div class="banner banner-small banner-overlay">
                        <a href="#">
                            <img src="/public/front/assets/images/demos/demo-20/banners/banner-3.jpg" alt="Banner">
                        </a>

                        <div class="banner-content">
                            <h4 class="banner-subtitle text-white d-lg-none d-xl-block"><a href="#">Deal Of The Day</a></h4><!-- End .banner-subtitle -->
                            <h3 class="banner-title text-white"><a href="#">20% Off Use <br>Code: <span>mybook</span></a></h3><!-- End .banner-title -->
                            <a href="#" class="btn btn-outline-white-3 banner-link"><?= $this->Get_Lang->gl("shop_now", $langId) ?><i class="icon-long-arrow-right"></i></a>
                        </div><!-- End .banner-content -->
                    </div><!-- End .banner -->

                    <div class="banner banner-small banner-overlay">
                        <a href="#">
                            <img src="/public/front/assets/images/demos/demo-20/banners/banner-4.jpg" alt="Banner">
                        </a>

                        <div class="banner-content">
                            <h4 class="banner-subtitle text-white d-lg-none d-xl-block"><a href="#"><?= $this->Get_Lang->gl("New_Arrivals", $langId) ?></a></h4><!-- End .banner-subtitle -->
                            <h3 class="banner-title text-white"><a href="#">Business <br>& Economics</a></h3><!-- End .banner-title -->
                            <a href="#" class="btn btn-outline-white-3 banner-link"><?= $this->Get_Lang->gl("Discover_Now", $langId) ?><i class="icon-long-arrow-right"></i></a>
                        </div><!-- End .banner-content -->
                    </div><!-- End .banner -->
                </div><!-- End .col-lg-3 -->
            </div><!-- End .row -->
        </div><!-- End .container -->

        <div class="icon-boxes-container bg-transparent">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-lg-3">
                        <div class="icon-box icon-box-side">
                            <span class="icon-box-icon">
                                <i class="icon-truck"></i>
                            </span>
                            <div class="icon-box-content">
                                <h3 class="icon-box-title"><?= $this->Get_Lang->gl("Payment_Delivery", $langId) ?></h3><!-- End .icon-box-title -->
                                <p><?= $this->Get_Lang->gl("Free_shipping_for_orders_over", $langId) ?> $50</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">
                                <i class="icon-rotate-left"></i>
                            </span>

                            <div class="icon-box-content">
                                <h3 class="icon-box-title"><?= $this->Get_Lang->gl("Return_Refund", $langId) ?></h3><!-- End .icon-box-title -->
                                <p><?= $this->Get_Lang->gl("Free_money_back_guarantee", $langId) ?></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">
                                <i class="icon-life-ring"></i>
                            </span>

                            <div class="icon-box-content">
                                <h3 class="icon-box-title"><?= $this->Get_Lang->gl("Quality_Support", $langId) ?></h3><!-- End .icon-box-title -->
                                <p><?= $this->Get_Lang->gl("Alway_online_feedback", $langId) ?></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">
                                <i class="icon-envelope"></i>
                            </span>

                            <div class="icon-box-content">
                                <h3 class="icon-box-title"><?= $this->Get_Lang->gl("Join_Our_Newsletter", $langId) ?></h3><!-- End .icon-box-title -->
                                <p><?= $this->Get_Lang->gl("SUBSCRIBE_TO_OUR_NEWSLETTER", $langId) ?></p>
                            </div><!-- End .icon-box-content -->
                        </div><!-- End .icon-box -->
                    </div><!-- End .col-sm-6 col-lg-3 -->
                </div><!-- End .row -->
            </div><!-- End .container -->
        </div><!-- End .icon-boxes-container -->
    </div><!-- End .intro-section -->

    <div class="bestseller-products bg-light pt-5 pb-5 mb-5">
        <div class="block">
            <div class="block-wrapper ">
                <div class="container">
                    <div class="heading heading-flex">
                        <div class="heading-left">
                            <h2 class="title"><?= $this->Get_Lang->gl("Bestsellers", $langId) ?></h2><!-- End .title -->
                        </div><!-- End .heading-left -->

                        <div class="heading-right">
                            <a href="category.html" class="title-link"><?= $this->Get_Lang->gl("View_more_Products", $langId) ?> <i class="icon-long-arrow-right"></i></a>
                        </div><!-- End .heading-right -->
                    </div><!-- End .header-flex -->

                    <div class="owl-carousel carousel-equal-height owl-simple" data-toggle="owl" 
                         data-owl-options='{
                         "nav": false, 
                         "dots": true,
                         "margin": 20,
                         "loop": false,
                         "responsive": {
                         "0": {
                         "items":2
                         },
                         "480": {
                         "items":2
                         },
                         "768": {
                         "items":3
                         },
                         "992": {
                         "items":4
                         },
                         "1440": {
                         "items":5
                         }
                         }
                         }'>
                        <div class="product">
                            <span class="product-label label-sale">Sale</span>
                            <figure class="product-media">
                                <a href="product.html">
                                    <img src="/public/front/assets/images/demos/demo-20/products/product-1.jpg" alt="Product image" class="product-image">
                                </a>
                            </figure><!-- End .product-media -->

                            <div class="product-body">
                                <div class="product-cat">
                                    by <a href="#">Michelle Obama</a>
                                </div><!-- End .product-cat -->
                                <h3 class="product-title"><a href="product.html">Becoming</a></h3><!-- End .product-title -->
                                <div class="product-price">
                                    <span class="new-price">$19.50</span>
                                    <span class="old-price">Was $32.50</span>
                                </div><!-- End .product-price -->

                                <div class="product-footer">
                                    <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-action">
                                        <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                        <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                    </div><!-- End .product-action -->
                                </div><!-- End .product-footer -->
                            </div><!-- End .product-body -->
                        </div><!-- End .product -->

                        <div class="product">
                            <figure class="product-media">
                                <a href="product.html">
                                    <img src="/public/front/assets/images/demos/demo-20/products/product-2.jpg" alt="Product image" class="product-image">
                                </a>
                            </figure><!-- End .product-media -->

                            <div class="product-body">
                                <div class="product-cat">
                                    by <a href="#">Jordan B. Peterson</a>
                                </div><!-- End .product-cat -->
                                <h3 class="product-title"><a href="product.html">The Secret Barrister: Stories <br>of the Law and How It's ...</a></h3><!-- End .product-title -->
                                <div class="product-price">
                                    $17.34
                                </div><!-- End .product-price -->

                                <div class="product-footer">
                                    <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 class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                        <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                    </div><!-- End .product-action -->
                                </div><!-- End .product-footer -->
                            </div><!-- End .product-body -->
                        </div><!-- End .product -->

                        <div class="product">
                            <span class="product-label label-sale">Sale</span>
                            <figure class="product-media">
                                <a href="product.html">
                                    <img src="/public/front/assets/images/demos/demo-20/products/product-3.jpg" alt="Product image" class="product-image">
                                </a>
                            </figure><!-- End .product-media -->

                            <div class="product-body">
                                <div class="product-cat">
                                    by <a href="#">Rachael Lippincott</a>
                                </div><!-- End .product-cat -->
                                <h3 class="product-title"><a href="product.html">Five Feet Apart</a></h3><!-- End .product-title -->
                                <div class="product-price">
                                    <span class="new-price">$14.95</span>
                                    <span class="old-price">Was $18.99</span>
                                </div><!-- End .product-price -->

                                <div class="product-footer">
                                    <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-action">
                                        <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                        <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                    </div><!-- End .product-action -->
                                </div><!-- End .product-footer -->
                            </div><!-- End .product-body -->
                        </div><!-- End .product -->

                        <div class="product">
                            <figure class="product-media">
                                <a href="product.html">
                                    <img src="/public/front/assets/images/demos/demo-20/products/product-4.jpg" alt="Product image" class="product-image">
                                </a>
                            </figure><!-- End .product-media -->

                            <div class="product-body">
                                <div class="product-cat">
                                    by <a href="#">Karen M. McManus </a>
                                </div><!-- End .product-cat -->
                                <h3 class="product-title"><a href="product.html">One of Us Is Lying</a></h3><!-- End .product-title -->
                                <div class="product-price">
                                    $17.99
                                </div><!-- End .product-price -->

                                <div class="product-footer">
                                    <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">( 10 Reviews )</span>
                                    </div><!-- End .rating-container -->
                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                        <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                    </div><!-- End .product-action -->
                                </div><!-- End .product-footer -->
                            </div><!-- End .product-body -->
                        </div><!-- End .product -->

                        <div class="product">
                            <figure class="product-media">
                                <a href="product.html">
                                    <img src="/public/front/assets/images/demos/demo-20/products/product-5.jpg" alt="Product image" class="product-image">
                                </a>
                            </figure><!-- End .product-media -->

                            <div class="product-body">
                                <div class="product-cat">
                                    by <a href="#">Matt Haig</a>
                                </div><!-- End .product-cat -->
                                <h3 class="product-title"><a href="product.html">How to Stop Time</a></h3><!-- End .product-title -->
                                <div class="product-price">
                                    $11.68
                                </div><!-- End .product-price -->

                                <div class="product-footer">
                                    <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">( 10 Reviews )</span>
                                    </div><!-- End .rating-container -->
                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                        <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                    </div><!-- End .product-action -->
                                </div><!-- End .product-footer -->
                            </div><!-- End .product-body -->
                        </div><!-- End .product -->

                        <div class="product">
                            <figure class="product-media">
                                <a href="product.html">
                                    <img src="/public/front/assets/images/demos/demo-20/products/product-6.jpg" alt="Product image" class="product-image">
                                </a>
                            </figure><!-- End .product-media -->

                            <div class="product-body">
                                <div class="product-cat">
                                    by <a href="#">John Gray</a>
                                </div><!-- End .product-cat -->
                                <h3 class="product-title"><a href="product.html">The Durrells of Corfu: Exclusive Edition</a></h3><!-- End .product-title -->
                                <div class="product-price">
                                    $24.48
                                </div><!-- End .product-price -->

                                <div class="product-footer">
                                    <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">( 10 Reviews )</span>
                                    </div><!-- End .rating-container -->
                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                        <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                    </div><!-- End .product-action -->
                                </div><!-- End .product-footer -->
                            </div><!-- End .product-body -->
                        </div><!-- End .product -->
                    </div><!-- End .owl-carousel -->
                </div><!-- End .container -->
            </div><!-- End .block-wrapper -->
        </div><!-- End .block -->
    </div><!-- End .bg-light pt-4 pb-4 -->

    <div class="container">
        <div class="heading heading-flex">
            <div class="heading-left">
                <h2 class="title"><?= $this->Get_Lang->gl("New_Releases", $langId) ?></h2><!-- End .title -->
            </div><!-- End .heading-left -->

            <div class="heading-right">
                <a href="category.html" class="title-link"> <?= $this->Get_Lang->gl("View_more_Products", $langId) ?><i class="icon-long-arrow-right"></i></a>
            </div><!-- End .heading-right -->
        </div><!-- End .header-flex -->

        <div class="row">
            <div class="col-xl-4">
                <div class="owl-carousel carousel-equal-height owl-simple" data-toggle="owl" 
                     data-owl-options='{
                     "nav": false, 
                     "dots": true,
                     "margin": 10
                     }'>
                    <div class="product-big">
                        <img src="/public/front/assets/images/demos/demo-20/products/product-big-1-bg.jpg" alt="product bg img">

                        <div class="product-wrap">
                            <figure class="product-media">
                                <a href="product.html">
                                    <img src="/public/front/assets/images/demos/demo-20/products/product-big-1.jpg" alt="Product image" class="product-image">
                                </a>
                            </figure><!-- End .product-media -->

                            <div class="product-body">
                                <div class="product-cat">
                                    by <a href="#">Becky Albertalli</a> and <a href="#">Adam Silvera</a>
                                </div><!-- End .product-cat -->
                                <h3 class="product-title"><a href="product.html">What If <br>It's Us.</a></h3><!-- End .product-title -->
                                <div class="product-price">
                                    $18.99
                                </div><!-- End .product-price -->

                                <div class="product-action">
                                    <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                </div><!-- End .product-action -->
                            </div><!-- End .product-body -->
                        </div><!-- End .product-wrap -->
                    </div><!-- End .product-big -->

                    <div class="product-big">
                        <img src="/public/front/assets/images/demos/demo-20/products/product-big-2-bg.jpg" alt="product bg img">

                        <div class="product-wrap">
                            <figure class="product-media">
                                <a href="product.html">
                                    <img src="/public/front/assets/images/demos/demo-20/products/product-big-2.jpg" alt="Product image" class="product-image">
                                </a>
                            </figure><!-- End .product-media -->

                            <div class="product-body">
                                <div class="product-cat">
                                    by <a href="#">Nicola Yoon </a>
                                </div><!-- End .product-cat -->
                                <h3 class="product-title"><a href="product.html">The Sun Is Also a Star.</a></h3><!-- End .product-title -->
                                <div class="product-price">
                                    $10.99
                                </div><!-- End .product-price -->

                                <div class="product-action">
                                    <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                </div><!-- End .product-action -->
                            </div><!-- End .product-body -->
                        </div><!-- End .product-wrap -->
                    </div><!-- End .product-big -->
                </div><!-- End .owl-carousel -->

                <div class="mb-3 d-xl-none"></div><!-- End .mb-3 d-none -->
            </div><!-- End .col-lg-4 -->

            <div class="col-xl-8">
                <div class="block-wrapper ">
                    <div class="owl-carousel carousel-equal-height owl-simple" data-toggle="owl" 
                         data-owl-options='{
                         "nav": false, 
                         "dots": true,
                         "margin": 20,
                         "loop": false,
                         "responsive": {
                         "0": {
                         "items":2
                         },
                         "480": {
                         "items":2
                         },
                         "768": {
                         "items":3
                         },
                         "992": {
                         "items":4
                         },
                         "1200": {
                         "items":3
                         },
                         "1440": {
                         "items":4
                         }
                         }
                         }'>
                        <div class="product">
                            <figure class="product-media">
                                <a href="product.html">
                                    <img src="/public/front/assets/images/demos/demo-20/products/product-6.jpg" alt="Product image" class="product-image">
                                </a>
                            </figure><!-- End .product-media -->

                            <div class="product-body">
                                <div class="product-cat">
                                    by <a href="#">John Gray</a>
                                </div><!-- End .product-cat -->
                                <h3 class="product-title"><a href="product.html">The Durrells of Corfu: Exclusive Edition</a></h3><!-- End .product-title -->
                                <div class="product-price">
                                    $24.48
                                </div><!-- End .product-price -->

                                <div class="product-footer">
                                    <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">( 5 Reviews )</span>
                                    </div><!-- End .rating-container -->
                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                        <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                    </div><!-- End .product-action -->
                                </div><!-- End .product-footer -->
                            </div><!-- End .product-body -->
                        </div><!-- End .product -->

                        <div class="product">
                            <figure class="product-media">
                                <a href="product.html">
                                    <img src="/public/front/assets/images/demos/demo-20/products/product-7.jpg" alt="Product image" class="product-image">
                                </a>
                            </figure><!-- End .product-media -->

                            <div class="product-body">
                                <div class="product-cat">
                                    by <a href="#">John Gray</a>
                                </div><!-- End .product-cat -->
                                <h3 class="product-title"><a href="product.html">The Moon: A History for the Future </a></h3><!-- End .product-title -->
                                <div class="product-price">
                                    $16.97
                                </div><!-- End .product-price -->

                                <div class="product-footer">
                                    <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">( 5 Reviews )</span>
                                    </div><!-- End .rating-container -->
                                    <div class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                        <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                    </div><!-- End .product-action -->
                                </div><!-- End .product-footer -->
                            </div><!-- End .product-body -->
                        </div><!-- End .product -->

                        <div class="product">
                            <figure class="product-media">
                                <a href="product.html">
                                    <img src="/public/front/assets/images/demos/demo-20/products/product-8.jpg" alt="Product image" class="product-image">
                                </a>
                            </figure><!-- End .product-media -->

                            <div class="product-body">
                                <div class="product-cat">
                                    by <a href="#">John Gray</a>
                                </div><!-- End .product-cat -->
                                <h3 class="product-title"><a href="product.html">Hard Pushed: A Midwife's Story</a></h3><!-- End .product-title -->
                                <div class="product-price">
                                    $12.99
                                </div><!-- End .product-price -->

                                <div class="product-footer">
                                    <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-action">
                                        <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                        <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                    </div><!-- End .product-action -->
                                </div><!-- End .product-footer -->
                            </div><!-- End .product-body -->
                        </div><!-- End .product -->

                        <div class="product">
                            <figure class="product-media">
                                <a href="product.html">
                                    <img src="/public/front/assets/images/demos/demo-20/products/product-9.jpg" alt="Product image" class="product-image">
                                </a>
                            </figure><!-- End .product-media -->

                            <div class="product-body">
                                <div class="product-cat">
                                    by <a href="#">John Gray</a>
                                </div><!-- End .product-cat -->
                                <h3 class="product-title"><a href="product.html">This Lie Will Kill You</a></h3><!-- End .product-title -->
                                <div class="product-price">
                                    $7.99
                                </div><!-- End .product-price -->

                                <div class="product-footer">
                                    <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 class="product-action">
                                        <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                        <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                    </div><!-- End .product-action -->
                                </div><!-- End .product-footer -->
                            </div><!-- End .product-body -->
                        </div><!-- End .product -->
                    </div><!-- End .owl-carousel -->
                </div><!-- End .block-wrapper -->
            </div><!-- End .col-lg-8 -->
        </div><!-- End .row -->
    </div><!-- End .container -->

    <div class="mb-5"></div><!-- End .mb-3 -->

    <div class="banner-group mb-2">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-md-6 col-lg-4">
                    <div class="banner banner-overlay">
                        <a href="#">
                            <img src="/public/front/assets/images/demos/demo-20/banners/banner-6.jpg" alt="Banner">
                        </a>

                        <div class="banner-content">
                            <h4 class="banner-subtitle text-white"><a href="#">A Perfect Choice For Your Children</a></h4><!-- End .banner-subtitle -->
                            <h3 class="banner-title text-white"><a href="#">Children's <br>Bestselling Books</a></h3><!-- End .banner-title -->
                            <a href="#" class="btn btn-outline-white-3 banner-link"><?= $this->Get_Lang->gl("Discover_Now", $langId) ?><i class="icon-long-arrow-right"></i></a>
                        </div><!-- End .banner-content -->
                    </div><!-- End .banner -->
                </div><!-- End .col-lg-4 -->

                <div class="col-md-6 col-lg-4">
                    <div class="banner banner-overlay">
                        <a href="#">
                            <img src="/public/front/assets/images/demos/demo-20/banners/banner-7.jpg" alt="Banner">
                        </a>

                        <div class="banner-content">
                            <h4 class="banner-subtitle text-white"><a href="#">Mental Health Awareness Week</a></h4><!-- End .banner-subtitle -->
                            <h3 class="banner-title text-white"><a href="#">Self-Help For <br>Your Future.</a></h3><!-- End .banner-title -->
                            <a href="#" class="btn btn-outline-white-3 banner-link"><?= $this->Get_Lang->gl("Discover_Now", $langId) ?><i class="icon-long-arrow-right"></i></a>
                        </div><!-- End .banner-content -->
                    </div><!-- End .banner -->
                </div><!-- End .col-lg-4 -->

                <div class="col-md-6 col-lg-4">
                    <div class="banner banner-overlay">
                        <a href="#">
                            <img src="/public/front/assets/images/demos/demo-20/banners/banner-8.jpg" alt="Banner">
                        </a>

                        <div class="banner-content">
                            <h4 class="banner-subtitle text-white"><a href="#">New York Times Bestsellers</a></h4><!-- End .banner-subtitle -->
                            <h3 class="banner-title text-white"><a href="#">Bestselling Food <br>and Drink Books.</a></h3><!-- End .banner-title -->
                            <a href="#" class="btn btn-outline-white-3 banner-link"><?= $this->Get_Lang->gl("Discover_Now", $langId) ?><i class="icon-long-arrow-right"></i></a>
                        </div><!-- End .banner-content -->
                    </div><!-- End .banner -->
                </div><!-- End .col-lg-4 -->
            </div><!-- End .row -->
        </div><!-- End .container -->
    </div><!-- End .banner-group -->

    <div class="block">
        <div class="block-wrapper ">
            <div class="container">
                <div class="heading heading-flex">
                    <div class="heading-left">
                        <h2 class="title"><?= $this->Get_Lang->gl("Picks_From_Our_Experts", $langId) ?></h2><!-- End .title -->
                    </div><!-- End .heading-left -->

                    <div class="heading-right">
                        <a href="category.html" class="title-link"><?= $this->Get_Lang->gl("View_more_Products", $langId) ?> <i class="icon-long-arrow-right"></i></a>
                    </div><!-- End .heading-right -->
                </div><!-- End .header-flex -->

                <div class="owl-carousel carousel-equal-height owl-simple" data-toggle="owl" 
                     data-owl-options='{
                     "nav": false, 
                     "dots": true,
                     "margin": 20,
                     "loop": false,
                     "responsive": {
                     "0": {
                     "items":2
                     },
                     "480": {
                     "items":2
                     },
                     "768": {
                     "items":3
                     },
                     "992": {
                     "items":4
                     },
                     "1200": {
                     "items":5
                     },
                     "1440": {
                     "items":6
                     }
                     }
                     }'>
                    <div class="product">
                        <span class="product-label label-sale">Sale</span>
                        <figure class="product-media">
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-20/products/product-10.jpg" alt="Product image" class="product-image">
                            </a>
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                by <a href="#">John Gray</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">Normal People</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                <span class="new-price">$6.99</span>
                                <span class="old-price">Was $10.99</span>
                            </div><!-- End .product-price -->

                            <div class="product-footer">
                                <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">( 5 Reviews )</span>
                                </div><!-- End .rating-container -->
                                <div class="product-action">
                                    <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                    <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                </div><!-- End .product-action -->
                            </div><!-- End .product-footer -->
                        </div><!-- End .product-body -->
                    </div><!-- End .product -->

                    <div class="product">
                        <span class="product-label label-sale">Sale</span>
                        <figure class="product-media">
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-20/products/product-11.jpg" alt="Product image" class="product-image">
                            </a>
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                by <a href="#">John Gray</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">The Silence of the Girls</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                <span class="new-price">$6.99</span>
                                <span class="old-price">Was $9.99</span>
                            </div><!-- End .product-price -->

                            <div class="product-footer">
                                <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 class="product-action">
                                    <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                    <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                </div><!-- End .product-action -->
                            </div><!-- End .product-footer -->
                        </div><!-- End .product-body -->
                    </div><!-- End .product -->

                    <div class="product">
                        <figure class="product-media">
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-20/products/product-12.jpg" alt="Product image" class="product-image">
                            </a>
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                by <a href="#">John Gray</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">You Got This</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                $7.99
                            </div><!-- End .product-price -->

                            <div class="product-footer">
                                <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-action">
                                    <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                    <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                </div><!-- End .product-action -->
                            </div><!-- End .product-footer -->
                        </div><!-- End .product-body -->
                    </div><!-- End .product -->

                    <div class="product">
                        <figure class="product-media">
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-20/products/product-13.jpg" alt="Product image" class="product-image">
                            </a>
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                by <a href="#">John Gray</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">The Librarian of <br>Auschwitz</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                $10.99
                            </div><!-- End .product-price -->

                            <div class="product-footer">
                                <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 class="product-action">
                                    <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                    <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                </div><!-- End .product-action -->
                            </div><!-- End .product-footer -->
                        </div><!-- End .product-body -->
                    </div><!-- End .product -->

                    <div class="product">
                        <span class="product-label label-sale">Sale</span>
                        <figure class="product-media">
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-20/products/product-14.jpg" alt="Product image" class="product-image">
                            </a>
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                by <a href="#">John Gray</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">Moneyland: Why Thieves And Crooks Now Rule ...</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                <span class="new-price">$7.99</span>
                                <span class="old-price">Was $12.99</span>
                            </div><!-- End .product-price -->

                            <div class="product-footer">
                                <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">( 13 Reviews )</span>
                                </div><!-- End .rating-container -->
                                <div class="product-action">
                                    <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                    <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                </div><!-- End .product-action -->
                            </div><!-- End .product-footer -->
                        </div><!-- End .product-body -->
                    </div><!-- End .product -->

                    <div class="product">
                        <figure class="product-media">
                            <a href="product.html">
                                <img src="/public/front/assets/images/demos/demo-20/products/product-15.jpg" alt="Product image" class="product-image">
                            </a>
                        </figure><!-- End .product-media -->

                        <div class="product-body">
                            <div class="product-cat">
                                by <a href="#">John Gray</a>
                            </div><!-- End .product-cat -->
                            <h3 class="product-title"><a href="product.html">This is Going to Hurt: Secret Diaries of a Juni</a></h3><!-- End .product-title -->
                            <div class="product-price">
                                $12.00
                            </div><!-- End .product-price -->

                            <div class="product-footer">
                                <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-action">
                                    <a href="#" class="btn-product btn-cart"><span>add to cart</span></a>
                                    <a href="#" class="btn-product btn-wishlist"><span>Add to Wishlist</span></a>
                                </div><!-- End .product-action -->
                            </div><!-- End .product-footer -->
                        </div><!-- End .product-body -->
                    </div><!-- End .product -->
                </div><!-- End .owl-carousel -->
            </div><!-- End .container -->
        </div><!-- End .block-wrapper -->
    </div><!-- End .block -->

    <div class="mb-5"></div><!-- End .mb-5 -->

    <div class="blog-posts bg-light pt-4 pb-4">
        <div class="container">
            <h2 class="title"><?= $this->Get_Lang->gl("From_Our_Blog", $langId) ?></h2><!-- End .title-lg text-center -->

            <div class="owl-carousel owl-simple" data-toggle="owl" 
                 data-owl-options='{
                 "nav": false, 
                 "dots": true,
                 "items": 3,
                 "margin": 20,
                 "loop": false,
                 "responsive": {
                 "0": {
                 "items":1
                 },
                 "600": {
                 "items":2
                 },
                 "992": {
                 "items":3
                 },
                 "1200": {
                 "items":4
                 }
                 }
                 }'>
                <article class="entry">
                    <figure class="entry-media">
                        <a href="single.html">
                            <img src="/public/front/assets/images/demos/demo-20/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 -->

                        <h3 class="entry-title">
                            <a href="single.html">Aenean dignissim pellentesque felis.</a>
                        </h3><!-- End .entry-title -->

                        <div class="entry-content">
                            <p>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. </p>
                            <a href="single.html" class="read-more"><?= $this->Get_Lang->gl("read_more", $langId) ?></a>
                        </div><!-- End .entry-content -->
                    </div><!-- End .entry-body -->
                </article><!-- End .entry -->

                <article class="entry">
                    <figure class="entry-media">
                        <a href="single.html">
                            <img src="/public/front/assets/images/demos/demo-20/blog/post-2.jpg" alt="image desc">
                        </a>
                    </figure><!-- End .entry-media -->

                    <div class="entry-body">
                        <div class="entry-meta">
                            <a href="#">Dec 12, 2018</a>, 0 Comments
                        </div><!-- End .entry-meta -->

                        <h3 class="entry-title">
                            <a href="single.html">Donec nec justo eget felis facilisis fermentum.</a>
                        </h3><!-- End .entry-title -->

                        <div class="entry-content">
                            <p>Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut Suspendisse urna nibh, viverra non, semper suscipit. </p>
                            <a href="single.html" class="read-more"><?= $this->Get_Lang->gl("read_more", $langId) ?></a>
                        </div><!-- End .entry-content -->
                    </div><!-- End .entry-body -->
                </article><!-- End .entry -->

                <article class="entry">
                    <figure class="entry-media">
                        <a href="single.html">
                            <img src="/public/front/assets/images/demos/demo-20/blog/post-3.jpg" alt="image desc">
                        </a>
                    </figure><!-- End .entry-media -->

                    <div class="entry-body">
                        <div class="entry-meta">
                            <a href="#">Dec 19, 2018</a>, 2 Comments
                        </div><!-- End .entry-meta -->

                        <h3 class="entry-title">
                            <a href="single.html">Aliquam porttitor mauris sit.</a>
                        </h3><!-- End .entry-title -->

                        <div class="entry-content">
                            <p>Suspendisse urna nibh, viverra semper suscipit. posuere a, pede. Morbi in sem quis dui placerat ornare. </p>
                            <a href="single.html" class="read-more"><?= $this->Get_Lang->gl("read_more", $langId) ?></a>
                        </div><!-- End .entry-content -->
                    </div><!-- End .entry-body -->
                </article><!-- End .entry -->

                <article class="entry">
                    <figure class="entry-media">
                        <a href="single.html">
                            <img src="/public/front/assets/images/demos/demo-20/blog/post-4.jpg" alt="image desc">
                        </a>
                    </figure><!-- End .entry-media -->

                    <div class="entry-body">
                        <div class="entry-meta">
                            <a href="#">Dec 19, 2018</a>, 2 Comments
                        </div><!-- End .entry-meta -->

                        <h3 class="entry-title">
                            <a href="single.html">Integer vitae libero ac risus egestas placerat.</a>
                        </h3><!-- End .entry-title -->

                        <div class="entry-content">
                            <p>Lorem ipsum dolor sit amet, consecte tuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. </p>
                            <a href="single.html" class="read-more"><?= $this->Get_Lang->gl("read_more", $langId) ?></a>
                        </div><!-- End .entry-content -->
                    </div><!-- End .entry-body -->
                </article><!-- End .entry -->
            </div><!-- End .owl-carousel -->
        </div><!-- End .container -->
    </div><!-- End .blog-posts -->

    <div class="cta-newsletter text-center pt-6 pb-7">
        <div class="container">
            <span class="cta-icon"><i class="icon-envelope"></i></span>
            <h3 class="title"><?= $this->Get_Lang->gl("SUBSCRIBE_TO_OUR_NEWSLETTER", $langId) ?></h3><!-- End .title -->
            <p class="title-desc"><?= $this->Get_Lang->gl("Join_Our_Newsletter", $langId) ?></p><!-- End .title-desc -->

            <form action="#">
                <div class="input-group">
                    <input type="email" class="form-control" placeholder="<?= $this->Get_Lang->gl("Enter_your_Email_Address", $langId) ?>" aria-label="Email Adress" aria-describedby="newsletter-btn" required>
                    <div class="input-group-append">
                        <button class="btn btn-primary" type="submit" id="newsletter-btn"><span><?= $this->Get_Lang->gl("Subscribe", $langId) ?></span><i class="icon-long-arrow-right"></i></button>
                    </div><!-- .End .input-group-append -->
                </div><!-- .End .input-group -->
            </form>
        </div><!-- End .container -->
    </div><!-- End .cta-newsletter -->
</main><!-- End .main -->