<header class='sticky-header js-stick top-fixed'>
    <div class="container">
        <nav class="main-nav">
            <div class="full-wrapper align-center">

                <!-- logo sticky -->

                <div class="nav-logo-wrap-sticky">
                    <a href="index.html" class="logo">
                        <img src="images/logo.png" data-at2x="images/logo@2x.png" alt>
                    </a>
                </div>

                <!-- / logo sticky -->

                <!-- menu mobile bars -->

                <div class="mobile-nav">
                    <i class="fa fa-bars"></i>
                </div>

                <!-- / menu mobile bars -->

                <div class="inner-nav desktop-nav">
                    <ul class="clearlist">
                        <li>
                            <a href="index.html" class="nav-submenu">Home</a>
                        </li>
                        <li class="sep">
                            <a>/</a>
                        </li>
                        <li>
                            <a href="#" class="nav-submenu active">Pages</a>

                            <!-- submenu -->

                            <ul class="submenu submenu-mega">
                                <li class="submenu-mega-col">
                                    <a class="submenu-mega-title font-alt">Pages</a>
                                    <ul>
                                        <li>
                                            <a href="home-1.html">Home 2</a>
                                        </li>
                                        <li>
                                            <a href="home-2.html">Home 3</a>
                                        </li>
                                        <li>
                                            <a href="about-1.html">About us 1</a>
                                        </li>
                                        <li>
                                            <a href="team.html">Our Team</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="submenu-mega-col">
                                    <a class="submenu-mega-title font-alt">Content</a>
                                    <ul>
                                        <li>
                                            <a href="pricing-tables.html">Pricing</a>
                                        </li>
                                        <li>
                                            <a href="reservation.html">Reservation</a>
                                        </li>
                                        <li>
                                            <a href="services.html">Services</a>
                                        </li>
                                        <li>
                                            <a href="shortcodes.html">Shortcodes</a>
                                        </li>
                                        <li>
                                            <a href="typography.html">Typography</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="submenu-mega-col">
                                    <a class="submenu-mega-title font-alt">Portfolio</a>
                                    <ul>
                                        <li>
                                            <a href="gallery-fullwidth-filter.html">Filter</a>
                                        </li>
                                        <li>
                                            <a href="gallery-right-sidebar.html">Right Sidebar</a>
                                        </li>
                                        <li>
                                            <a href="gallery-one-column.html">One Column</a>
                                        </li>
                                        <li>
                                            <a href="gallery-two-column.html">Two Column</a>
                                        </li>
                                        <li>
                                            <a href="gallery-three-column.html">Three Column</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="submenu-mega-col">
                                    <a class="submenu-mega-title font-alt">Blog</a>
                                    <ul>
                                        <li>
                                            <a href="blog-default.html">Default</a>
                                        </li>
                                        <li>
                                            <a href="blog-post.html">Blog Post</a>
                                        </li>
                                        <li>
                                            <a href="blog-two-col.html">Two Columns</a>
                                        </li>
                                        <li>
                                            <a href="blog-three-col.html">Three Columns</a>
                                        </li>
                                        <li>
                                            <a href="blog-fullwidth.html">Full Width</a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>

                            <!-- / submenu -->

                        </li>
                        <li class="sep">
                            <a>/</a>
                        </li>
                        <li>
                            <a href="#" class="nav-submenu">Gallery</a>

                            <!-- submenu -->

                            <ul class="submenu">
                                <li>
                                    <a href="gallery-fullwidth.html">Full Width</a>
                                </li>
                                <li>
                                    <a href="gallery-fullwidth-filter.html">Filter</a>
                                </li>
                                <li>
                                    <a href="gallery-right-sidebar.html">Right Sidebar</a>
                                </li>
                                <li>
                                    <a href="gallery-one-column.html">One Column</a>
                                </li>
                                <li>
                                    <a href="gallery-two-column.html">Two Column</a>
                                </li>
                                <li>
                                    <a href="gallery-three-column.html">Three Column</a>
                                </li>
                            </ul>

                            <!-- / submenu -->

                        </li>

                        <!-- logo menu -->

                        <li class="nav-logo-wrap">
                            <a href="index.html" class="logo">
                                <img src="images/logo.png" data-at2x="images/logo@2x.png" alt>
                            </a>
                        </li>

                        <!-- / logo menu -->

                        <li>
                            <a href="#" class="nav-submenu">Blog</a>

                            <!-- submenu -->

                            <ul class="submenu">
                                <li>
                                    <a href="blog-default.html">Default</a>
                                </li>
                                <li>
                                    <a href="blog-post.html">Blog Post</a>
                                </li>
                                <li>
                                    <a href="blog-two-col.html">Two Columns</a>
                                </li>
                                <li>
                                    <a href="blog-three-col.html">Three Columns</a>
                                </li>
                                <li>
                                    <a href="blog-fullwidth.html">Full Width</a>
                                </li>
                            </ul>

                            <!-- / submenu -->

                        </li>
                        <li class="sep">
                            <a>/</a>
                        </li>
                        <li>
                            <a href="#" class="nav-submenu">Shop</a>

                            <!-- submenu -->

                            <ul class="submenu">
                                <li>
                                    <a href="shop-product-list.html">Product List</a>
                                </li>
                                <li>
                                    <a href="shop-single-item.html">Single Item</a>
                                </li>
                                <li>
                                    <a href="shop-cart.html">Shop Cart</a>
                                </li>
                                <li>
                                    <a href="shop-checkout.html">Checkout</a>
                                </li>
                            </ul>

                            <!-- / submenu -->

                        </li>
                        <li class="sep">
                            <a>/</a>
                        </li>
                        <li>
                            <a href="contact.html">Location</a>
                        </li>
                    </ul>
                    <div class="menu-rect">
                        <img src="images/lines/rectangle-1.png" data-at2x="images/lines/rectangle-1@2x.png" alt>
                    </div>
                </div>
            </div>
        </nav>
    </div>
</header>