<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title><?= $pageTitle ?></title>
        <meta name="keywords" content="Masasouq, keywords">
        <meta name="description" content="Masasouq description">
        <meta name="author" content="Masasouq">
        <!-- Favicon -->
        <link rel="apple-touch-icon" sizes="180x180" href="/public/uploads/php/files/logos/<?= $theLogo ?>">
        <link rel="icon" type="image/png" sizes="32x32" href="/public/uploads/php/files/logos/<?= $theLogo ?>">
        <link rel="icon" type="image/png" sizes="16x16" href="/public/uploads/php/files/logos/<?= $theLogo ?>">
        <link rel="manifest" href="/public/uploads/php/files/logos/<?= $theLogo ?>">
        <link rel="mask-icon" href="/public/uploads/php/files/logos/<?= $theLogo ?>" color="#666666">
        <link rel="shortcut icon" href="/public/uploads/php/files/logos/<?= $theLogo ?>">
        <meta name="apple-mobile-web-app-title" content="Molla">
        <meta name="application-name" content="Molla">
        <meta name="msapplication-TileColor" content="#cc9966">
        <meta name="msapplication-config" content="/public/front/assets/images/icons/browserconfig.xml">
        <meta name="theme-color" content="#ffffff">
        <link rel="stylesheet" href="/public/front/assets/vendor/line-awesome/line-awesome/line-awesome/css/line-awesome.min.css">
        <!-- Plugins CSS File -->
        <link rel="stylesheet" href="/public/front/assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="/public/front/assets/css/plugins/owl-carousel/owl.carousel.css">
        <link rel="stylesheet" href="/public/front/assets/css/plugins/magnific-popup/magnific-popup.css">
        <link rel="stylesheet" href="/public/front/assets/css/plugins/jquery.countdown.css">
        <!-- Main CSS File -->
        <link rel="stylesheet" href="/public/front/assets/css/style.css">
        <link rel="stylesheet" href="/public/front/assets/css/skins/skin-demo-14.css">
        <link rel="stylesheet" href="/public/front/assets/css/demos/demo-14.css"> 

        <?php
        if (($this->session->userdata("lang") == 'ar')) {
            ?>
            <link href="/public/css/style-ar-13.css" rel="stylesheet" type="text/css"/>
            <link href="https://fonts.googleapis.com/css?family=Almarai:300,400&display=swap&subset=arabic" rel="stylesheet">
            <?php
        }
        ?>

        <script src="/public/front/assets/js/jquery.min.js"></script>


        <style>

            .header-intro-clearance .dropdown.category-dropdown.show .dropdown-toggle {
                color: #fff;
            }
            .category-dropdown .dropdown-toggle:hover, .category-dropdown .dropdown-toggle:focus{
                background-color: <?= $backgroundColor ?>!important;
                color: #fff;
            }
            .btn-primary {
                color: #fff;
                background-color: <?= $backgroundColor ?>!important;;
                border-color: <?= $backgroundColor ?>!important;;
            }
            /**-- First Color --**/
            .product-price,
            .page-header h1 span,
            .text-primary,
            .menu li:hover>a, .menu li.show>a, .menu li.active>a {
                color: <?= $backgroundColor ?>!important;
            }
            .category-dropdown .dropdown-toggle:hover, .category-dropdown .dropdown-toggle:focus,
            .category-dropdown.show .dropdown-toggle,
            .bg-primary,
            .product-countdown,
            .cart-dropdown .cart-count,
            .wishlist a .wishlist-count,
            .header-bottom .menu>li>a:before {
                background-color: <?= $backgroundColor ?>!important;
            }


            /**-- Second Color --**/
            .product-pager-link:hover, .product-pager-link:focus,
            .cart-dropdown:hover .dropdown-toggle, .cart-dropdown.show .dropdown-toggle, .compare-dropdown:hover .dropdown-toggle, .compare-dropdown.show .dropdown-toggle,
            .wishlist a:hover, .wishlist a:focus,.wishlist a.active,
            .account a:hover, .account a:focus,.account a.active,
            .nav-dashboard .nav-link:hover, .nav-dashboard .nav-link:focus, .nav-dashboard .nav-link.active,
            .sidebar-filter-clear,
            #filter-price-range,
            .btn-product-icon,
            .newsletter-popup-container .banner-title span,
            .footer .widget-about-info a,
            .btn-product span{
                color: <?= $color ?>!important;
            }
            .btn-outline-primary-2 {
                color: <?= $color ?>!important;
                border-color: <?= $color ?>!important;
            }
            .btn-outline-primary-2:hover, .btn-outline-primary-2:focus, .btn-outline-primary-2.focus, .btn-outline-primary-2:not(:disabled):not(.disabled):active, .btn-outline-primary-2:not(:disabled):not(.disabled).active, .show>.btn-outline-primary-2.dropdown-toggle {
                color: #ffffff!important;
                background-color: <?= $color ?>!important;
                border-color: <?= $color ?>!important;
            }
            .btn-product {
                color: <?= $color ?>!important;
                border-color: <?= $color ?>!important;
            }
            .btn-product:hover, .btn-product:focus {
                color: #fff !important;
                background-color:  <?= $color ?>!important;
                border-color:  <?= $color ?>!important;
            }
            .btn-product:hover span, .btn-product:focus span {
                color: #fff!important;
            }
            .btn-product-icon:hover span, .btn-product-icon:focus span,
            .btn-product-icon:hover, .btn-product-icon:focus,
            .category-dropdown:not(.is-on):hover .dropdown-toggle {
                background-color: <?= $color ?>!important;
            }
            .btn-product-icon {
                border-color:  <?= $color ?>!important;
            }
            .btn-product-icon:hover, .btn-product-icon:focus {
                color: #fff !important;
            }

        </style>

    </head>
    <!-- ==== body starts ==== -->
    <body>
        <div class="page-wrapper">

            <header class="header header-14">
                <div class="header-top">
                    <div class="container">
                        <div class="header-left">
                            <a href="tel:#"><i class="icon-phone"></i><?= $this->Get_Lang->gl("Call", $langId) ?>: +0123 456 789</a>
                        </div><!-- End .header-left -->

                        <div class="header-right">

                            <ul class="top-menu">
                                <li>
                                    <a href="#">Links</a>
                                    <ul class="menus">
                                        <li>
                                            <div class="header-dropdown">
                                                <a href="#">USD</a>
                                                <div class="header-menu">
                                                    <ul>
                                                        <li><a href="#">Eur</a></li>
                                                        <li><a href="#">Usd</a></li>
                                                    </ul>
                                                </div><!-- End .header-menu -->
                                            </div><!-- End .header-dropdown -->
                                        </li>
                                        <li>   
                                            <?php if (($this->session->userdata("lang") == 'ar')) { ?>

                                                <div class="header-dropdown">
                                                    <a href="#">عربي</a>
                                                    <div class="header-menu">
                                                        <ul>
                                                            <li><a class="lang" data-id="en" href="#">English</a></li>
                                                            <li><a class="lang" data-id="tr" href="#">Turkish</a></li>
                                                        </ul>
                                                    </div><!-- End .header-menu -->
                                                </div>

                                            <?php } elseif (($this->session->userdata("lang") == 'tr')) { ?>

                                                <div class="header-dropdown">
                                                    <a href="#">Turkish</a>
                                                    <div class="header-menu">
                                                        <ul>
                                                            <li><a class="lang" data-id="en" href="#">English</a></li>
                                                            <li><a class="lang arabic" data-id="ar" href="#">عربي</a></li>
                                                        </ul>
                                                    </div><!-- End .header-menu -->
                                                </div>

                                            <?php } else { ?>

                                                <div class="header-dropdown">
                                                    <a href="#">English</a>
                                                    <div class="header-menu">
                                                        <ul>
                                                            <li><a class="lang" data-id="tr" href="#">Turkish</a></li>
                                                            <li><a class="lang arabic" data-id="ar" href="#">عربي</a></li>
                                                        </ul>
                                                    </div><!-- End .header-menu -->
                                                </div>

                                            <?php } ?>
                                        </li>
                                        <li class="login">
                                            <a href="#signin-modal" data-toggle="modal"><?= $this->Get_Lang->gl("sign_in", $langId) ?> / <?= $this->Get_Lang->gl("sign_up", $langId) ?></a>
                                        </li>
                                    </ul>
                                </li>
                            </ul><!-- End .top-menu -->
                        </div><!-- End .header-right -->
                    </div><!-- End .container -->
                </div><!-- End .header-top -->

                <div class="header-middle">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-auto col-lg-3 col-xl-3 col-xxl-2">
                                <button class="mobile-menu-toggler">
                                    <span class="sr-only">Toggle mobile menu</span>
                                    <i class="icon-bars"></i>
                                </button>
                                <a href="index.html" class="logo">
                                    <img src="/public/uploads/php/files/logos/<?= $theLogo ?>" alt="Molla Logo" width="105" height="25">
                                </a>
                            </div><!-- End .col-xl-3 col-xxl-2 -->

                            <div class="col col-lg-9 col-xl-9 col-xxl-10 header-middle-right">
                                <div class="row">
                                    <div class="col-lg-8 col-xxl-4-5col d-none d-lg-block">
                                        <div class="header-search header-search-extended header-search-visible header-search-no-radius">
                                            <a href="#" class="search-toggle" role="button"><i class="icon-search"></i></a>
                                            <form action="#" method="get">
                                                <div class="header-search-wrapper search-wrapper-wide">

                                                    <div class="select-custom">
                                                        <select id="cat" name="cat">
                                                            <option value=""><?= $this->Get_Lang->gl("All_Departments", $langId) ?></option>
                                                            <option value="1">Fashion</option>
                                                            <option value="2">- Women</option>
                                                            <option value="3">- Men</option>
                                                            <option value="4">- Jewellery</option>
                                                            <option value="5">- Kids Fashion</option>
                                                            <option value="6">Electronics</option>
                                                            <option value="7">- Smart TVs</option>
                                                            <option value="8">- Cameras</option>
                                                            <option value="9">- Games</option>
                                                            <option value="10">Home &amp; Garden</option>
                                                            <option value="11">Motors</option>
                                                            <option value="12">- Cars and Trucks</option>
                                                            <option value="15">- Boats</option>
                                                            <option value="16">- Auto Tools &amp; Supplies</option>
                                                        </select>
                                                    </div><!-- End .select-custom -->
                                                    <label for="q" class="sr-only"><?= $this->Get_Lang->gl("search", $langId) ?></label>
                                                    <input type="search" class="form-control" name="q" id="q" placeholder="<?= $this->Get_Lang->gl("search_product", $langId) ?>" required>

                                                    <button class="btn btn-primary" type="submit"><i class="icon-search"></i></button>
                                                </div><!-- End .header-search-wrapper -->
                                            </form>
                                        </div><!-- End .header-search -->
                                    </div><!-- End .col-xxl-4-5col -->

                                    <div class="col-lg-4 col-xxl-5col d-flex justify-content-end align-items-center">
                                        <div class="header-dropdown-link">
                                            <div class="dropdown compare-dropdown">
                                                <a href="#" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" title="Compare Products" aria-label="Compare Products">
                                                    <i class="icon-random"></i>
                                                    <span class="compare-txt"><?= $this->Get_Lang->gl("Compare", $langId) ?></span>
                                                </a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <ul class="compare-products">
                                                        <li class="compare-product">
                                                            <a href="#" class="btn-remove" title="Remove Product"><i class="icon-close"></i></a>
                                                            <h4 class="compare-product-title"><a href="product.html">Blue Night Dress</a></h4>
                                                        </li>
                                                        <li class="compare-product">
                                                            <a href="#" class="btn-remove" title="Remove Product"><i class="icon-close"></i></a>
                                                            <h4 class="compare-product-title"><a href="product.html">White Long Skirt</a></h4>
                                                        </li>
                                                    </ul>

                                                    <div class="compare-actions">
                                                        <a href="#" class="action-link">Clear All</a>
                                                        <a href="#" class="btn btn-outline-primary-2"><span><?= $this->Get_Lang->gl("Compare", $langId) ?></span><i class="icon-long-arrow-right"></i></a>
                                                    </div>
                                                </div><!-- End .dropdown-menu -->
                                            </div><!-- End .compare-dropdown -->

                                            <a href="wishlist.html" class="wishlist-link">
                                                <i class="icon-heart-o"></i>
                                                <span class="wishlist-count">3</span>
                                                <span class="wishlist-txt"><?= $this->Get_Lang->gl("wishlist", $langId) ?></span>
                                            </a>

                                            <div class="dropdown cart-dropdown">
                                                <a href="#" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static">
                                                    <i class="icon-shopping-cart"></i>
                                                    <span class="cart-count">2</span>
                                                    <span class="cart-txt"><?= $this->Get_Lang->gl("Cart", $langId) ?></span>
                                                </a>

                                                <div class="dropdown-menu dropdown-menu-right">
                                                    <div class="dropdown-cart-products">
                                                        <div class="product">
                                                            <div class="product-cart-details">
                                                                <h4 class="product-title">
                                                                    <a href="product.html">Beige knitted elastic runner shoes</a>
                                                                </h4>

                                                                <span class="cart-product-info">
                                                                    <span class="cart-product-qty">1</span>
                                                                    x $84.00
                                                                </span>
                                                            </div><!-- End .product-cart-details -->

                                                            <figure class="product-image-container">
                                                                <a href="product.html" class="product-image">
                                                                    <img src="/public/front/assets/images/products/cart/product-1.jpg" alt="product">
                                                                </a>
                                                            </figure>
                                                            <a href="#" class="btn-remove" title="Remove Product"><i class="icon-close"></i></a>
                                                        </div><!-- End .product -->

                                                        <div class="product">
                                                            <div class="product-cart-details">
                                                                <h4 class="product-title">
                                                                    <a href="product.html">Blue utility pinafore denim dress</a>
                                                                </h4>

                                                                <span class="cart-product-info">
                                                                    <span class="cart-product-qty">1</span>
                                                                    x $76.00
                                                                </span>
                                                            </div><!-- End .product-cart-details -->

                                                            <figure class="product-image-container">
                                                                <a href="product.html" class="product-image">
                                                                    <img src="/public/front/assets/images/products/cart/product-2.jpg" alt="product">
                                                                </a>
                                                            </figure>
                                                            <a href="#" class="btn-remove" title="Remove Product"><i class="icon-close"></i></a>
                                                        </div><!-- End .product -->
                                                    </div><!-- End .cart-product -->

                                                    <div class="dropdown-cart-total">
                                                        <span><?= $this->Get_Lang->gl("Total", $langId) ?></span>

                                                        <span class="cart-total-price">$160.00</span>
                                                    </div><!-- End .dropdown-cart-total -->

                                                    <div class="dropdown-cart-action">
                                                        <a href="cart.html" class="btn btn-primary"><?= $this->Get_Lang->gl("view_Cart", $langId) ?></a>
                                                        <a href="checkout.html" class="btn btn-outline-primary-2"><span><?= $this->Get_Lang->gl("Checkout", $langId) ?></span><i class="icon-long-arrow-right"></i></a>
                                                    </div><!-- End .dropdown-cart-total -->
                                                </div><!-- End .dropdown-menu -->
                                            </div><!-- End .cart-dropdown -->
                                        </div>
                                    </div><!-- End .col-xxl-5col -->
                                </div><!-- End .row -->
                            </div><!-- End .col-xl-9 col-xxl-10 -->
                        </div><!-- End .row -->
                    </div><!-- End .container-fluid -->
                </div><!-- End .header-middle -->

                <div class="header-bottom sticky-header">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-auto col-lg-3 col-xl-3 col-xxl-2 header-left">
                                <div class="dropdown category-dropdown show is-on" data-visible="true">
                                    <a href="#" class="dropdown-toggle" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-display="static" title="Browse Categories">
                                        <?= $this->Get_Lang->gl("Browse_Categories", $langId) ?>
                                    </a>

                                    <div class="dropdown-menu show">
                                        <nav class="side-nav">
                                            <ul class="menu-vertical sf-arrows">
                                                <li class="megamenu-container">
                                                    <a class="sf-with-ul" href="#"><i class="icon-laptop"></i>Electronics</a>

                                                    <div class="megamenu">
                                                        <div class="row no-gutters">
                                                            <div class="col-md-8">
                                                                <div class="menu-col">
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <div class="menu-title">Laptops & Computers</div><!-- End .menu-title -->
                                                                            <ul>
                                                                                <li><a href="#">Desktop Computers</a></li>
                                                                                <li><a href="#">Monitors</a></li>
                                                                                <li><a href="#">Laptops</a></li>
                                                                                <li><a href="#">iPad & Tablets</a></li>
                                                                                <li><a href="#">Hard Drives & Storage</a></li>
                                                                                <li><a href="#">Printers & Supplies</a></li>
                                                                                <li><a href="#">Computer Accessories</a></li>
                                                                            </ul>

                                                                            <div class="menu-title">TV & Video</div><!-- End .menu-title -->
                                                                            <ul>
                                                                                <li><a href="#">TVs</a></li>
                                                                                <li><a href="#">Home Audio Speakers</a></li>
                                                                                <li><a href="#">Projectors</a></li>
                                                                                <li><a href="#">Media Streaming Devices</a></li>
                                                                            </ul>
                                                                        </div><!-- End .col-md-6 -->

                                                                        <div class="col-md-6">
                                                                            <div class="menu-title">Cell Phones</div><!-- End .menu-title -->
                                                                            <ul>
                                                                                <li><a href="#">Carrier Phones</a></li>
                                                                                <li><a href="#">Unlocked Phones</a></li>
                                                                                <li><a href="#">Phone & Cellphone Cases</a></li>
                                                                                <li><a href="#">Cellphone Chargers </a></li>
                                                                            </ul>

                                                                            <div class="menu-title">Digital Cameras</div><!-- End .menu-title -->
                                                                            <ul>
                                                                                <li><a href="#">Digital SLR Cameras</a></li>
                                                                                <li><a href="#">Sports & Action Cameras</a></li>
                                                                                <li><a href="#">Camcorders</a></li>
                                                                                <li><a href="#">Camera Lenses</a></li>
                                                                                <li><a href="#">Photo Printer</a></li>
                                                                                <li><a href="#">Digital Memory Cards</a></li>
                                                                                <li><a href="#">Camera Bags, Backpacks & Cases</a></li>
                                                                            </ul>
                                                                        </div><!-- End .col-md-6 -->
                                                                    </div><!-- End .row -->
                                                                </div><!-- End .menu-col -->
                                                            </div><!-- End .col-md-8 -->

                                                            <div class="col-md-4">
                                                                <div class="banner banner-overlay">
                                                                    <a href="category.html" class="banner banner-menu">
                                                                        <img src="/public/front/assets/images/demos/demo-13/menu/banner-1.jpg" alt="Banner">
                                                                    </a>
                                                                </div><!-- End .banner banner-overlay -->
                                                            </div><!-- End .col-md-4 -->
                                                        </div><!-- End .row -->
                                                    </div><!-- End .megamenu -->
                                                </li>
                                                <li class="megamenu-container">
                                                    <a class="sf-with-ul" href="#"><i class="icon-couch"></i>Furniture</a>

                                                    <div class="megamenu">
                                                        <div class="row no-gutters">
                                                            <div class="col-md-8">
                                                                <div class="menu-col">
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <div class="menu-title">Bedroom</div><!-- End .menu-title -->
                                                                            <ul>
                                                                                <li><a href="#">Beds, Frames & Bases</a></li>
                                                                                <li><a href="#">Dressers</a></li>
                                                                                <li><a href="#">Nightstands</a></li>
                                                                                <li><a href="#">Kids' Beds & Headboards</a></li>
                                                                                <li><a href="#">Armoires</a></li>
                                                                            </ul>

                                                                            <div class="menu-title">Living Room</div><!-- End .menu-title -->
                                                                            <ul>
                                                                                <li><a href="#">Coffee Tables</a></li>
                                                                                <li><a href="#">Chairs</a></li>
                                                                                <li><a href="#">Tables</a></li>
                                                                                <li><a href="#">Futons & Sofa Beds</a></li>
                                                                                <li><a href="#">Cabinets & Chests</a></li>
                                                                            </ul>
                                                                        </div><!-- End .col-md-6 -->

                                                                        <div class="col-md-6">
                                                                            <div class="menu-title">Office</div><!-- End .menu-title -->
                                                                            <ul>
                                                                                <li><a href="#">Office Chairs</a></li>
                                                                                <li><a href="#">Desks</a></li>
                                                                                <li><a href="#">Bookcases</a></li>
                                                                                <li><a href="#">File Cabinets</a></li>
                                                                                <li><a href="#">Breakroom Tables</a></li>
                                                                            </ul>

                                                                            <div class="menu-title">Kitchen & Dining</div><!-- End .menu-title -->
                                                                            <ul>
                                                                                <li><a href="#">Dining Sets</a></li>
                                                                                <li><a href="#">Kitchen Storage Cabinets</a></li>
                                                                                <li><a href="#">Bakers Racks</a></li>
                                                                                <li><a href="#">Dining Chairs</a></li>
                                                                                <li><a href="#">Dining Room Tables</a></li>
                                                                                <li><a href="#">Bar Stools</a></li>
                                                                            </ul>
                                                                        </div><!-- End .col-md-6 -->
                                                                    </div><!-- End .row -->
                                                                </div><!-- End .menu-col -->
                                                            </div><!-- End .col-md-8 -->

                                                            <div class="col-md-4">
                                                                <div class="banner banner-overlay">
                                                                    <a href="category.html" class="banner banner-menu">
                                                                        <img src="/public/front/assets/images/demos/demo-13/menu/banner-2.jpg" alt="Banner">
                                                                    </a>
                                                                </div><!-- End .banner banner-overlay -->
                                                            </div><!-- End .col-md-4 -->
                                                        </div><!-- End .row -->
                                                    </div><!-- End .megamenu -->
                                                </li>
                                                <li class="megamenu-container">
                                                    <a class="sf-with-ul" href="#"><i class="icon-concierge-bell"></i>Cooking</a>

                                                    <div class="megamenu">
                                                        <div class="menu-col">
                                                            <div class="row">
                                                                <div class="col-md-4">
                                                                    <div class="menu-title">Cookware</div><!-- End .menu-title -->
                                                                    <ul>
                                                                        <li><a href="#">Cookware Sets</a></li>
                                                                        <li><a href="#">Pans, Griddles & Woks</a></li>
                                                                        <li><a href="#">Pots</a></li>
                                                                        <li><a href="#">Skillets & Grill Pans</a></li>
                                                                        <li><a href="#">Kettles</a></li>
                                                                        <li><a href="#">Soup & Stockpots</a></li>
                                                                    </ul>
                                                                </div><!-- End .col-md-4 -->

                                                                <div class="col-md-4">
                                                                    <div class="menu-title">Dinnerware & Tabletop</div><!-- End .menu-title -->
                                                                    <ul>
                                                                        <li><a href="#">Plates</a></li>
                                                                        <li><a href="#">Cups & Mugs</a></li>
                                                                        <li><a href="#">Trays & Platters</a></li>
                                                                        <li><a href="#">Coffee & Tea Serving</a></li>
                                                                        <li><a href="#">Salt & Pepper Shaker</a></li>
                                                                    </ul>
                                                                </div><!-- End .col-md-4 -->

                                                                <div class="col-md-4">
                                                                    <div class="menu-title">Cooking Appliances</div><!-- End .menu-title -->
                                                                    <ul>
                                                                        <li><a href="#">Microwaves</a></li>
                                                                        <li><a href="#">Coffee Makers</a></li>
                                                                        <li><a href="#">Mixers & Attachments</a></li>
                                                                        <li><a href="#">Slow Cookers</a></li>
                                                                        <li><a href="#">Air Fryers</a></li>
                                                                        <li><a href="#">Toasters & Ovens</a></li>
                                                                    </ul>
                                                                </div><!-- End .col-md-4 -->
                                                            </div><!-- End .row -->

                                                            <div class="row menu-banners">
                                                                <div class="col-md-4">
                                                                    <div class="banner">
                                                                        <a href="#">
                                                                            <img src="/public/front/assets/images/demos/demo-13/menu/1.jpg" alt="image">
                                                                        </a>
                                                                    </div><!-- End .banner -->
                                                                </div><!-- End .col-md-4 -->

                                                                <div class="col-md-4">
                                                                    <div class="banner">
                                                                        <a href="#">
                                                                            <img src="/public/front/assets/images/demos/demo-13/menu/2.jpg" alt="image">
                                                                        </a>
                                                                    </div><!-- End .banner -->
                                                                </div><!-- End .col-md-4 -->

                                                                <div class="col-md-4">
                                                                    <div class="banner">
                                                                        <a href="#">
                                                                            <img src="/public/front/assets/images/demos/demo-13/menu/3.jpg" alt="image">
                                                                        </a>
                                                                    </div><!-- End .banner -->
                                                                </div><!-- End .col-md-4 -->
                                                            </div><!-- End .row -->
                                                        </div><!-- End .menu-col -->
                                                    </div><!-- End .megamenu -->
                                                </li>
                                                <li class="megamenu-container">
                                                    <a class="sf-with-ul" href="#"><i class="icon-tshirt"></i>Clothing</a>

                                                    <div class="megamenu">
                                                        <div class="row no-gutters">
                                                            <div class="col-md-8">
                                                                <div class="menu-col">
                                                                    <div class="row">
                                                                        <div class="col-md-6">
                                                                            <div class="menu-title">Women</div><!-- End .menu-title -->
                                                                            <ul>
                                                                                <li><a href="#"><strong>New Arrivals</strong></a></li>
                                                                                <li><a href="#"><strong>Best Sellers</strong></a></li>
                                                                                <li><a href="#"><strong>Trending</strong></a></li>
                                                                                <li><a href="#">Clothing</a></li>
                                                                                <li><a href="#">Shoes</a></li>
                                                                                <li><a href="#">Bags</a></li>
                                                                                <li><a href="#">Accessories</a></li>
                                                                                <li><a href="#">Jewlery & Watches</a></li>
                                                                                <li><a href="#"><strong>Sale</strong></a></li>
                                                                            </ul>
                                                                        </div><!-- End .col-md-6 -->

                                                                        <div class="col-md-6">
                                                                            <div class="menu-title">Men</div><!-- End .menu-title -->
                                                                            <ul>
                                                                                <li><a href="#"><strong>New Arrivals</strong></a></li>
                                                                                <li><a href="#"><strong>Best Sellers</strong></a></li>
                                                                                <li><a href="#"><strong>Trending</strong></a></li>
                                                                                <li><a href="#">Clothing</a></li>
                                                                                <li><a href="#">Shoes</a></li>
                                                                                <li><a href="#">Bags</a></li>
                                                                                <li><a href="#">Accessories</a></li>
                                                                                <li><a href="#">Jewlery & Watches</a></li>
                                                                            </ul>
                                                                        </div><!-- End .col-md-6 -->
                                                                    </div><!-- End .row -->
                                                                </div><!-- End .menu-col -->
                                                            </div><!-- End .col-md-8 -->

                                                            <div class="col-md-4">
                                                                <div class="banner banner-overlay">
                                                                    <a href="category.html" class="banner banner-menu">
                                                                        <img src="/public/front/assets/images/demos/demo-13/menu/banner-3.jpg" alt="Banner">
                                                                    </a>
                                                                </div><!-- End .banner banner-overlay -->
                                                            </div><!-- End .col-md-4 -->
                                                        </div><!-- End .row -->

                                                        <div class="menu-col menu-brands">
                                                            <div class="row">
                                                                <div class="col-lg-2">
                                                                    <a href="#" class="brand">
                                                                        <img src="/public/front/assets/images/brands/1.png" alt="Brand Name">
                                                                    </a>
                                                                </div><!-- End .col-lg-2 -->

                                                                <div class="col-lg-2">
                                                                    <a href="#" class="brand">
                                                                        <img src="/public/front/assets/images/brands/2.png" alt="Brand Name">
                                                                    </a>
                                                                </div><!-- End .col-lg-2 -->

                                                                <div class="col-lg-2">
                                                                    <a href="#" class="brand">
                                                                        <img src="/public/front/assets/images/brands/3.png" alt="Brand Name">
                                                                    </a>
                                                                </div><!-- End .col-lg-2 -->

                                                                <div class="col-lg-2">
                                                                    <a href="#" class="brand">
                                                                        <img src="/public/front/assets/images/brands/4.png" alt="Brand Name">
                                                                    </a>
                                                                </div><!-- End .col-lg-2 -->

                                                                <div class="col-lg-2">
                                                                    <a href="#" class="brand">
                                                                        <img src="/public/front/assets/images/brands/5.png" alt="Brand Name">
                                                                    </a>
                                                                </div><!-- End .col-lg-2 -->

                                                                <div class="col-lg-2">
                                                                    <a href="#" class="brand">
                                                                        <img src="/public/front/assets/images/brands/6.png" alt="Brand Name">
                                                                    </a>
                                                                </div><!-- End .col-lg-2 -->
                                                            </div><!-- End .row -->
                                                        </div><!-- End .menu-brands -->
                                                    </div><!-- End .megamenu -->
                                                </li>
                                                <li><a href="#"><i class="icon-blender"></i>Home Appliances</a></li>
                                                <li><a href="#"><i class="icon-heartbeat"></i>Healthy & Beauty</a></li>
                                                <li><a href="#"><i class="icon-shoe-prints"></i>Shoes & Boots</a></li>
                                                <li><a href="#"><i class="icon-map-signs"></i>Travel & Outdoor</a></li>
                                                <li><a href="#"><i class="icon-mobile-alt"></i>Smart Phones</a></li>
                                                <li><a href="#"><i class="icon-tv"></i>TV & Audio</a></li>
                                                <li><a href="#"><i class="icon-shopping-bag"></i>Backpack & Bag</a></li>
                                                <li><a href="#"><i class="icon-music"></i>Musical Instruments</a></li>
                                                <li><a href="#"><i class="icon-gift"></i>Gift Ideas</a></li>
                                            </ul><!-- End .menu-vertical -->
                                        </nav><!-- End .side-nav -->
                                    </div><!-- End .dropdown-menu -->
                                </div><!-- End .category-dropdown -->
                            </div><!-- End .col-xl-3 col-xxl-2 -->

                            <div class="col col-lg-6 col-xl-6 col-xxl-8 header-center">
                                <nav class="main-nav">
                                    <ul class="menu sf-arrows">
                                        <li class="home_link megamenu-container">
                                            <a href="/" class=""><?= $this->Get_Lang->gl("home_page", $langId) ?></a>
                                        </li>
                                        <li class="about_link megamenu-container">
                                            <a href="/about" class=""><?= $this->Get_Lang->gl("about", $langId) ?></a>
                                        </li>
                                        <li class="category_link">
                                            <a href="/category" class="sf-with-ul"><?= $this->Get_Lang->gl("shop", $langId) ?></a>

                                            <div class="megamenu megamenu-md">
                                                <div class="row no-gutters">
                                                    <div class="col-md-8">
                                                        <div class="menu-col">
                                                            <div class="row">
                                                                <div class="col-md-6">
                                                                    <div class="menu-title">Shop with sidebar</div><!-- End .menu-title -->
                                                                    <ul>
                                                                        <li><a href="/category1">Shop List</a></li>
                                                                        <li><a href="/category2">Shop Grid 2 Columns</a></li>
                                                                        <li><a href="/category3">Shop Grid 3 Columns</a></li>
                                                                        <li><a href="/category4">Shop Grid 4 Columns</a></li>
                                                                        <li><a href="/category5"><span>Shop Market<span class="tip tip-new">New</span></span></a></li>
                                                                    </ul>

                                                                    <div class="menu-title">Shop no sidebar</div><!-- End .menu-title -->
                                                                    <ul>
                                                                        <li><a href="/category6"><span>Shop Boxed No Sidebar<span class="tip tip-hot">Hot</span></span></a></li>
                                                                        <li><a href="/category1">Shop Fullwidth No Sidebar</a></li>
                                                                    </ul>
                                                                </div><!-- End .col-md-6 -->

                                                                <div class="col-md-6">
                                                                    <div class="menu-title">Product Category</div><!-- End .menu-title -->
                                                                    <ul>
                                                                        <li><a href="/category2">Product Category Boxed</a></li>
                                                                        <li><a href="/category3"><span>Product Category Fullwidth<span class="tip tip-new">New</span></span></a></li>
                                                                    </ul>
                                                                    <div class="menu-title">Shop Pages</div><!-- End .menu-title -->
                                                                    <ul>
                                                                        <li><a href="/cart">Cart</a></li>
                                                                        <li><a href="/checkout">Checkout</a></li>
                                                                        <li><a href="/wishlist">Wishlist</a></li>
                                                                        <li><a href="/dashboard">My Account</a></li>
                                                                        <li><a href="#">Lookbook</a></li>
                                                                    </ul>
                                                                </div><!-- End .col-md-6 -->
                                                            </div><!-- End .row -->
                                                        </div><!-- End .menu-col -->
                                                    </div><!-- End .col-md-8 -->

                                                    <div class="col-md-4">
                                                        <div class="banner banner-overlay">
                                                            <a href="/category" class="banner banner-menu">
                                                                <img src="/public/front/assets/images/menu/banner-1.jpg" alt="Banner">

                                                                <div class="banner-content banner-content-top">
                                                                    <div class="banner-title text-white">Last <br>Chance<br><span><strong>Sale</strong></span></div><!-- End .banner-title -->
                                                                </div><!-- End .banner-content -->
                                                            </a>
                                                        </div><!-- End .banner banner-overlay -->
                                                    </div><!-- End .col-md-4 -->
                                                </div><!-- End .row -->
                                            </div><!-- End .megamenu megamenu-md -->
                                        </li>
                                        <li class="product_link">
                                            <a href="/product" class="sf-with-ul"><?= $this->Get_Lang->gl("products", $langId) ?></a>

                                            <div class="megamenu megamenu-sm">
                                                <div class="row no-gutters">
                                                    <div class="col-md-6">
                                                        <div class="menu-col">
                                                            <div class="menu-title">Product Details</div><!-- End .menu-title -->
                                                            <ul>
                                                                <li><a href="/products1">Default</a></li>
                                                                <li><a href="/products2">Centered</a></li>
                                                                <li><a href="/products3"><span>Extended Info<span class="tip tip-new">New</span></span></a></li>
                                                                <li><a href="/products4">Gallery</a></li>
                                                                <li><a href="/products5">Sticky Info</a></li>
                                                                <li><a href="/products6">Boxed With Sidebar</a></li>
                                                                <li><a href="/products7">Full Width</a></li>
                                                                <li><a href="/products8">Masonry Sticky Info</a></li>
                                                            </ul>
                                                        </div><!-- End .menu-col -->
                                                    </div><!-- End .col-md-6 -->

                                                    <div class="col-md-6">
                                                        <div class="banner banner-overlay">
                                                            <a href="category.html">
                                                                <img src="/public/front/assets/images/menu/banner-2.jpg" alt="Banner">

                                                                <div class="banner-content banner-content-bottom">
                                                                    <div class="banner-title text-white">New Trends<br><span><strong>spring 2019</strong></span></div><!-- End .banner-title -->
                                                                </div><!-- End .banner-content -->
                                                            </a>
                                                        </div><!-- End .banner -->
                                                    </div><!-- End .col-md-6 -->
                                                </div><!-- End .row -->
                                            </div><!-- End .megamenu megamenu-sm -->
                                        </li>
                                        <li class="blog_link megamenu-container">
                                            <a href="/blog" class=""><?= $this->Get_Lang->gl("blog", $langId) ?></a>
                                        </li>
                                        <!--                                    <li class="megamenu-container">
                                                                                <a href="/faq" class=""><?= $this->Get_Lang->gl("faq", $langId) ?></a>
                                                                            </li>-->
                                        <li class="contact_link megamenu-container">
                                            <a href="/contact" class=""><?= $this->Get_Lang->gl("contact_us", $langId) ?></a>
                                        </li>
                                    </ul><!-- End .menu -->
                                </nav><!-- End .main-nav -->
                            </div><!-- End .col-xl-9 col-xxl-10 -->

                            <div class="col col-lg-3 col-xl-3 col-xxl-2 header-right">
                                <i class="la la-lightbulb-o"></i><p><?= $this->Get_Lang->gl("clearance", $langId) ?><span class="highlight">&nbsp;<?= $this->Get_Lang->gl("up_to_off", $langId) ?></span></p>
                            </div>
                        </div><!-- End .row -->
                    </div><!-- End .container-fluid -->
                </div><!-- End .header-bottom -->
            </header><!-- End .header -->