The best-selling pants you'll wear on repeat —all under $100. Shop Now

The best-selling pants you'll wear on repeat —all under $100. Shop Now

The best-selling pants you'll wear on repeat —all under $100. Shop Now

Gearing up something amazing for you…

Still waiting? Magic takes a moment! ✨

Your cart

Limited Item, checkout within 10m 00s

Add note for seller
Estimate shipping rates
Select or input Coupon

UP TO 30% OFF

For orders over $9.90

  • 12/18/2023 14:00 ~ 12/25/2023 14:00
  • The minimum spend for this coupon $200.00

UP TO 30% OFF

For orders over $9.90

  • 12/18/2023 14:00 ~ 12/25/2023 14:00
  • The minimum spend for this coupon $200.00

If you have coupon code, please apply it below.

Header Style One

                                                
                                                    <header class="rbt-header rbt-header-2">
                                                    <div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-one header-space-between rbt-bg-color-white header-not-transparent header-sticky plr--0">
                                                        <!-- Start Header Top Part -->
                                                        <div class="rbt-topbar-section rbt-topbar-one">
                                                            <div class="container">
                                                                <div class="row align-items-center d-none d-md-flex mlr--0 row--0">
                                                                    <div class="col-lg-6 col-md-6 col-12">
                                                                        ...
                                                                    </div>
                                                                    <div class="col-lg-6 col-md-6 col-12">
                                                                        ...
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- End Header Top Part -->
                                                        <div class="rbt-separator-mid">
                                                            <hr class="rbt-separator rbt-separator-gray100 m-0">
                                                        </div>
                                                        <!-- Start Header Middle Part -->
                                                        <div class="rbt-wrapper-middle rbt-header-middle-one">
                                                            <div class="container">
                                                                <div class="mainbar-row align-items-center">
                                                                    <div class="header-left">
                                                                        left part content here...
                                                                    </div>
                                                                    <div class="rbt-header-content d-none d-xl-block">
                                                                        <div class="header-info">
                                                                            middle part here...
                                                                        </div>
                                                                    </div>
                                                                    <div class="header-right">
                                                                        right part content here...
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Header Middle Part -->
                                                    
                                                    <!-- Start Navbar -->
                                                    <div class="rbt-header-middle position-relative rbt-header-mid-1 rbt-bg-color-primary d-none d-xl-block">
                                                        <div class="container">
                                                            <div class="rbt-header-sec align-items-center @@flexDirection">
                                                                <div class="rbt-main-navigation d-none d-xl-block">
                                                                    <nav class="rbt-mainmenu-nav">
                                                                        <ul class="mainmenu has-nav-bg-shape-hover">
                                                                            <li>
                                                                                <a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
                                                                            </li>
                                                                            ...
                                                                        </ul>
                                                                    </nav>
                                                                </div>
                                                                <div class="rbt-header-sec-col rbt-header-right">
                                                                    <div class="rbt-header-content m--0">
                                                                        <ul class="rbt-quick-access rbt-quick-access-var-one">
                                                                            ...
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Navbar -->
                                                </header>
                                                
                                            

Header Style Two

                                                
                                                    <header class="rbt-header rbt-header-3">
                                                    <div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-three rbt-header-wrapper-one header-space-between rbt-bg-color-white header-not-transparent header-sticky plr--0">
                                                        <div class="rbt-header-campaign rbt-header-campaign-1 rbt-header-top-news rbt-topbar-bg-img rbt-topbar-bg-one w-100">
                                                            <div class="rbt-corner-portion-wrapper">
                                                                <div class="container">
                                                                    <div class="row justify-content-center">
                                                                        <div class="col-lg-6">
                                                                            <div class="inner justify-content-center">
                                                                                content...
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="icon-close position-right">
                                                                <button class="rbt-round-btn btn-white-off bgsection-activation">
                                                                    <i class="fa-solid fa-xmark"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                        <div class="rbt-wrapper-middle rbt-header-middle-one position-relative">
                                                            <div class="container">
                                                                <div class="mainbar-row align-items-center">
                                                                    <div class="rbt-header-sec-col rbt-header-right rbt-fancy-item fancy-menu-address fancy-menu-end d-none d-xl-block">
                                                                        <div class="rbt-header-content">
                                                                            ...
                                                                        </div>
                                                                    </div>
                                                                    <!-- Start Mobile-Menu-Bar -->
                                                                    <div class="mobile-menu-bar d-block d-xl-none">
                                                                        <div class="hamberger">
                                                                            <button class="hamberger-button rbt-round-btn">
                                                                                <i class="fa-solid fa-bars"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <!-- Start Mobile-Menu-Bar -->
                                                
                                                                    <div class="rbt-header-content">
                                                                        <div class="header-info">
                                                                            logo here...
                                                                        </div>
                                                                    </div>
                                                
                                                                    <div class="header-right rbt-gap--32">
                                                                        ...
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- Start Header Mid -->
                                                    <div class="rbt-header-middle position-relative rbt-header-mid-3 rbt-bg-color-white d-none d-xl-block">
                                                        <div class="container">
                                                            <div class="rbt-header-sec align-items-center">
                                                                <div class="rbt-main-navigation d-none d-xl-block">
                                                                    <nav class="rbt-mainmenu-nav">
                                                                        <ul class="mainmenu has-nav-bg-shape-hover">
                                                                            <li>
                                                                                <a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
                                                                            </li>
                                                                            ...
                                                                        </ul>
                                                                    </nav>
                                                                </div>
                                                                <div class="rbt-header-sec-col rbt-header-right">
                                                                    ...
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Header Top -->
                                                    
                                                    <!-- Start Header Bottom -->
                                                    <div class="rbt-header-bottom position-relative rbt-header-bottom-2 rbt-bg-color-gray-light d-none d-xl-flex ptb--16">
                                                        <div class="container">
                                                            <div class="rbt-inf-box-wrapper">
                                                                <ul class="rbt-inf-box-wrapper-list justify-content-center">
                                                                    <li>
                                                                        <div class="rbt-inf-box  rbt-scroll-trigger fade_in animation-order-1">
                                                                            <div class="rbt-inf-box-icon">
                                                                                <i class="fa-light fa-truck-fast"></i>
                                                                            </div>
                                                                            <div class="rbt-inf-box-content">
                                                                                <h6 class="rbt-inf-box-title">Free Shipping</h6>
                                                                                <p class="rbt-inf-box-desc">From all orders over $100</p>
                                                                            </div>
                                                                        </div>
                                                                    </li>
                                                                    ...
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Header Bottom -->
                                                </header>
                                                
                                            

Header Style Three

                                                
                                                    <header class="rbt-header rbt-header-9">
                                                    <div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-three rbt-header-wrapper-one header-space-between rbt-bg-color-white header-not-transparent header-sticky plr--0">
                                                        <div class="rbt-header-campaign rbt-header-campaign-1 rbt-header-top-news rbt-topbar-bg-img rbt-topbar-bg-three">
                                                            <div class="rbt-corner-portion-wrapper">
                                                                <div class="container">
                                                                    <div class="row justify-content-center">
                                                                        <div class="col-lg-12">
                                                                            ...
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="icon-close position-right">
                                                                <button class="rbt-round-btn btn-white-off bgsection-activation">
                                                                    <i class="fa-solid fa-xmark"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                        <div class="rbt-wrapper-middle rbt-header-middle-one">
                                                            <div class="container">
                                                                <div class="mainbar-row align-items-center">
                                                                    <div class="header-left">
                                                                        <div class="rbt-header-content rbt-gap--32">
                                                                            <!-- Start Mobile-Menu-Bar -->
                                                                            <div class="mobile-menu-bar d-block d-xl-none">
                                                                                <div class="hamberger">
                                                                                    <button class="hamberger-button rbt-round-btn">
                                                                                        <i class="fa-solid fa-bars"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>
                                                                            <!-- Start Mobile-Menu-Bar -->
                                                                            <div class="header-info">
                                                                                ...
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                
                                                                    <div class="rbt-header-content">
                                                                        <div class="header-info d-none d-xl-block ">
                                                                            <nav class="rbt-mainmenu-nav">
                                                                                <ul class="mainmenu has-nav-bg-shape-hover">
                                                                                    <li>
                                                                                        <a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
                                                                                    </li>
                                                                                    ...
                                                                                </ul>
                                                                            </nav>
                                                                        </div>
                                                                    </div>
                                                                    <div class="header-right rbt-gap--32">
                                                                        ...
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </header>
                                                
                                            

Header Style Four

                                                
                                                    <header class="rbt-header rbt-header-13">
                                                    <div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-one header-space-between rbt-bg-color-gray-100 header-not-transparent header-sticky plr--0">
                                                        <div class="rbt-header-campaign rbt-header-campaign-1 rbt-header-top-news rbt-topbar-bg-img rbt-topbar-bg-two">
                                                            <div class="rbt-corner-portion-wrapper">
                                                                <div class="container">
                                                                    <div class="row justify-content-center">
                                                                        <div class="col-lg-6">
                                                                            ...
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="icon-close position-right">
                                                                <button class="rbt-round-btn btn-white-off bgsection-activation">
                                                                    <i class="fa-solid fa-xmark"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                
                                                        <!-- Start Header Mid -->
                                                        <div class="rbt-header-middle position-relative rbt-header-mid-5 rbt-bg-color-gray-light d-none d-xl-block">
                                                            <div class="container">
                                                                <div class="rbt-header-sec align-items-center justify-content-center">
                                                                    <div class="rbt-main-navigation d-none d-xl-block">
                                                                        <nav class="rbt-mainmenu-nav">
                                                                            <ul class="mainmenu has-nav-bg-shape-hover">
                                                                                <li>
                                                                                    <a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
                                                                                </li>
                                                                                ...
                                                                            </ul>
                                                                        </nav>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- End Header Mid -->
                                                    </div>
                                                    <div class="rbt-wrapper-middle rbt-header-middle-one rbt-bg-color-white">
                                                        <div class="container">
                                                            <div class="row row--12 rbt-container-extended-wider">
                                                                <div class="col-md-12">
                                                                    <div class="mainbar-row align-items-center rbt-header-13-mainbar position-relative">
                                                                        <div class="header-left">
                                                                            <div class="rbt-header-content rbt-gap--24">
                                                                                <div class="header-info p--0 plr_lg--48  plr_md--24">
                                                                                    logo...
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="rbt-header-content d-none d-lg-block">
                                                                            <div class="header-info">
                                                                                middile part content...
                                                                            </div>
                                                                        </div>
                                                                        <div class="header-right">
                                                                            right part content..
                                                                            <!-- Start Hamberger -->
                                                                            <div class="mobile-menu-bar d-block d-xl-none">
                                                                                <div class="hamberger">
                                                                                    <button class="hamberger-button rbt-round-btn">
                                                                                        <i class="fa-solid fa-bars"></i>
                                                                                    </button>
                                                                                </div>
                                                                            </div>
                                                                            <!-- End Hamberger -->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </header>
                                                
                                            

Header Style Five

                                                
                                                    <header class="rbt-header rbt-header-7">
                                                    <div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-three rbt-header-wrapper-one bg @@gapSpaceBetween @@transparent plr--0">
                                                        <!-- Start Top Part -->
                                                        <div class="rbt-topbar-section rbt-topbar-one rbt-bg-color-white">
                                                            <div class="container">
                                                                <div class="row align-items-center d-none d-md-flex mlr--0 row--0">
                                                                    <div class="col-lg-3 col-md-12 col-12">
                                                                        <div class="rbt-header-sec-col rbt-header-left rbt-fancy-item fancy-menu-address fancy-menu-start">
                                                                            <div class="rbt-header-content">
                                                                                ...
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-4 col-md-6 col-12">
                                                                        ...
                                                                    </div>
                                                                    <div class="col-lg-5 col-md-12 col-12">
                                                                        <div class="rbt-header-sec-col rbt-header-right  rbt-fancy-item fancy-menu-address fancy-menu-end">
                                                                            <div class="rbt-header-content">
                                                                                quick access items...
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- End Top Part -->
                                                        <!-- Start Bottom Part -->
                                                        <div class="rbt-header-middle position-relative rbt-header-mid-3 rbt-bg-color-primary">
                                                            <div class="container">
                                                                <div class="rbt-header-sec align-items-center rbt-gap--68">
                                                                    <div class="header-info d-flex d-xl-none">
                                                                        <div class="hamberger">
                                                                            <button class="hamberger-button rbt-round-btn">
                                                                                <i class="fa-solid fa-bars"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <div class="header-info">
                                                                        logo...
                                                                    </div>
                                                                    <div class="rbt-main-navigation d-none d-xl-block">
                                                                        <nav class="rbt-mainmenu-nav">
                                                                            <ul class="mainmenu has-nav-bg-shape-hover">
                                                                                <li>
                                                                                    <a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
                                                                                </li>
                                                                                ...
                                                                            </ul>
                                                                        </nav>
                                                                    </div>
                                                                    <div class="rbt-header-sec-col rbt-header-right">
                                                                        <div class="rbt-header-content">
                                                                            quick access items...
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- End Bottom Part -->
                                                    </div>
                                                </header>
                                                
                                            

Header Style Six

                                                
                                                    <header class="rbt-header rbt-header-10">
                                                    <div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-three header-space-between header-not-transparent header-sticky plr--0">
                                                        <!-- Start Top Part -->
                                                        <div class="rbt-header-campaign rbt-header-campaign-1 rbt-header-top-news rbt-topbar-bg-img rbt-topbar-bg-three">
                                                            <div class="rbt-corner-portion-wrapper">
                                                                <div class="container">
                                                                    <div class="row justify-content-center">
                                                                        <div class="col-lg-6">
                                                                            <div class="inner justify-content-center">
                                                                                topbar content....
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="icon-close position-right">
                                                                <button class="rbt-round-btn btn-white-off bgsection-activation">
                                                                    <i class="fa-solid fa-xmark"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                        <!-- End Top Part -->
                                                        <!-- Start Middle Part -->
                                                        <div class="rbt-wrapper-middle rbt-header-middle-one">
                                                            <div class="wrapper plr--48 plr_lg--20 plr_md--20 plr_sm--16">
                                                                <div class="mainbar-row @@navigationEnd align-items-center">
                                                                    <div class="header-left d-none d-lg-block">
                                                                        <div class="rbt-header-content">
                                                                            quick access list...
                                                                        </div>
                                                                    </div>
                                                                    <!-- Start Hamberger -->
                                                                    <div class="mobile-menu-bar d-block d-lg-none">
                                                                        <div class="hamberger">
                                                                            <button class="hamberger-button rbt-round-btn">
                                                                                <i class="fa-solid fa-bars"></i>
                                                                            </button>
                                                                        </div>
                                                                    </div>
                                                                    <!-- End Hamberger -->
                                                                    logo...
                                                                    <div class="header-right rbt-gap--32">
                                                                        quick access list...
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- End Middle Part -->
                                                    </div>
                                                    <!-- Start Navbar Part -->
                                                    <div class="rbt-header-middle position-relative rbt-header-mid-1 rbt-bg-color-white d-none d-xl-block">
                                                        <div class="wrapper plr--48 plr_lg--20 plr_md--20 plr_sm--16">
                                                            <div class="rbt-header-sec align-items-center justify-content-center">
                                                                <div class="rbt-header-sec-col ">
                                                                    <div class="rbt-header-content rbt-gap--40">
                                                                        <div class="rbt-main-navigation d-none d-xl-block">
                                                                            <nav class="rbt-mainmenu-nav">
                                                                                <ul class="mainmenu has-nav-bg-shape-hover">
                                                                                    <li>
                                                                                        <a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
                                                                                    </li>
                                                                                    ...
                                                                                </ul>
                                                                            </nav>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Navbar Part -->
                                                </header>
                                                
                                            

Header Style Seven

                                                
                                                    <header class="rbt-header rbt-header-6">
                                                    <div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-one header-space-between rbt-bg-color-gray-light header-not-transparent header-sticky plr--0 p-0 rbt-bg-color-gray-light">
                                                        <div class="rbt-header-campaign rbt-header-campaign-1 rbt-header-top-news rbt-topbar-bg-img rbt-topbar-bg-two">
                                                            <div class="rbt-corner-portion-wrapper">
                                                                <div class="container">
                                                                    <div class="row justify-content-center">
                                                                        <div class="col-lg-6 justify-content-center">
                                                                            <div class="inner justify-content-center">
                                                                                header top part content...
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="icon-close position-right">
                                                                <button class="rbt-round-btn btn-white-off bgsection-activation">
                                                                    <i class="fa-solid fa-xmark"></i>
                                                                </button>
                                                            </div>
                                                        </div>
                                                        <!-- Start Header Mid -->
                                                        <div class="rbt-header-middle position-relative rbt-header-mid-1 @@bgColor d-none d-xl-block">
                                                            <div class="rbt-fullwidth-wrapper">
                                                                <div class="rbt-header-sec align-items-center @@flexDirection">
                                                                    <div class="rbt-header-sec-col rbt-header-left rbt-fancy-item fancy-menu-address fancy-menu-start">
                                                                        <div class="rbt-header-content">
                                                                            quick access list...
                                                                        </div>
                                                                    </div>
                                                                    <div class="rbt-main-navigation d-none d-xl-block">
                                                                        <nav class="rbt-mainmenu-nav">
                                                                            <ul class="mainmenu has-nav-bg-shape-hover">
                                                                                <li>
                                                                                    <a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
                                                                                </li>
                                                                            </ul>
                                                                        </nav>
                                                                    </div>
                                                                    <div class="rbt-header-sec-col rbt-header-right">
                                                                        <div class="rbt-header-content">
                                                                            quick access list...
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- End Header Top -->
                                                    </div>
                                                    <!-- Start Header Mid -->
                                                    <div class="rbt-wrapper-middle rbt-header-middle-one rbt-bg-color-white">
                                                        <div class="rbt-fullwidth-wrapper">
                                                            <div class="mainbar-row @@navigationEnd align-items-center">
                                                                <div class="header-left header-left-md">
                                                                    <div class="rbt-header-content rbt-gap--32 align-items-center">
                                                                        <div class="header-info p-0 d-none d-lg-flex">
                                                                            category offcanvas button...
                                                                        </div>
                                                                        <!-- Start Hamberger -->
                                                                        <div class="mobile-menu-bar d-block d-lg-none">
                                                                            <div class="hamberger">
                                                                                <button class="hamberger-button rbt-round-btn">
                                                                                    <i class="fa-solid fa-bars"></i>
                                                                                </button>
                                                                            </div>
                                                                        </div>
                                                                        <!-- Start Hamberger -->
                                                                        <div class="header-info p-0  d-none d-xl-block">
                                                                            logo...
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="rbt-header-content ">
                                                                    <div class="header-info d-none d-xl-block">
                                                                        search...
                                                                    </div>
                                                                    <div class="header-info p-0 d-block d-xl-none">
                                                                        logo
                                                                    </div>
                                                                </div>
                                                                <div class="header-right">
                                                                    quick access list...
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Header Top -->
                                                </header>
                                                
                                            

Header Style Eight

                                                
                                                    <header class="rbt-header rbt-header-8">
                                                    <div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-three rbt-header-wrapper-one header-space-between rbt-bg-color-gray-light header-not-transparent header-sticky plr--0">
                                                        <div class="rbt-topbar-section rbt-topbar-one">
                                                            <div class="container">
                                                                <div class="row align-items-center d-none d-md-flex mlr--0 row--0">
                                                                    <div class="col-lg-3 col-md-12 col-12">
                                                                        <div class="rbt-header-sec-col rbt-header-left rbt-fancy-item fancy-menu-address fancy-menu-start">
                                                                            <div class="rbt-header-content">
                                                                                quick access items...
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-6 col-md-6 col-12">
                                                                            content...
                                                                    </div>
                                                                    <div class="col-lg-3 col-md-12 col-12">
                                                                        <div class="rbt-header-sec-col rbt-header-right  rbt-fancy-item fancy-menu-address fancy-menu-end">
                                                                            <div class="rbt-header-content">
                                                                                quick access items...
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="rbt-separator-mid">
                                                            <hr class="rbt-separator rbt-separator-gray100 m-0">
                                                        </div>
                                                        <div class="rbt-wrapper-middle rbt-header-middle-one">
                                                            <div class="container">
                                                                <div class="mainbar-row @@navigationEnd align-items-center">
                                                                    <div class="header-left">
                                                                        <div class="rbt-header-content">
                                                                            <div class="header-info">
                                                                                logo...
                                                                            </div>
                                                                        </div>
                                                                        <!-- Start Hamberger -->
                                                                        <div class="mobile-menu-bar d-block d-xl-none">
                                                                            <div class="hamberger">
                                                                                <button class="hamberger-button rbt-round-btn">
                                                                                    <i class="fa-solid fa-bars"></i>
                                                                                </button>
                                                                            </div>
                                                                        </div>
                                                                        <!-- Start Hamberger -->
                                                                    </div>
                                                                    <div class="rbt-header-content d-none d-xl-block">
                                                                        <div class="header-info">
                                                                            ...
                                                                        </div>
                                                                    </div>
                                                
                                                                    <div class="header-right">
                                                                        quick list...
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- Start Header Mid -->
                                                    <div class="rbt-header-middle position-relative rbt-header-mid-1 rbt-bg-color-primary d-none d-xl-block">
                                                        <div class="container">
                                                            <div class="rbt-header-sec align-items-center @@flexDirection">
                                                                <div class="rbt-main-navigation d-none d-xl-block">
                                                                    <nav class="rbt-mainmenu-nav">
                                                                        <ul class="mainmenu has-nav-bg-shape-hover">
                                                                            <li>
                                                                                <a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
                                                                            </li>
                                                                            ...
                                                                        </ul>
                                                                    </nav>
                                                                </div>
                                                                <div class="rbt-header-sec-col rbt-header-right">
                                                                    <div class="rbt-header-content">
                                                                        <div class="header-info">
                                                                            ...
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Header Top -->
                                                </header>
                                                
                                            

Header Style Nine

                                                
                                                    <header class="rbt-header rbt-header-4">
                                                    <div class="rbt-header-wrapper rbt-header-sticky-activation rbt-header-wrapper-three rbt-header-wrapper-one header-space-between rbt-bg-color-gray-light header-not-transparent header-sticky plr--0">
                                                        <div class="rbt-topbar-section rbt-topbar-one">
                                                            <div class="container">
                                                                <div class="row align-items-center d-none d-md-flex mlr--0 row--0">
                                                                    <div class="col-lg-3 col-md-12 col-12">
                                                                        <div class="rbt-header-sec-col rbt-header-left rbt-fancy-item fancy-menu-address fancy-menu-start">
                                                                            <div class="rbt-header-content">
                                                                                quick access items...
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-6 col-md-6 col-12">
                                                                        <div class="inner d-flex justify-content-center">
                                                                            ...
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-3 col-md-12 col-12">
                                                                        <div class="rbt-header-sec-col rbt-header-right  rbt-fancy-item fancy-menu-address fancy-menu-end">
                                                                            <div class="rbt-header-content">
                                                                                quick access items...
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="rbt-separator-mid">
                                                            <hr class="rbt-separator rbt-separator-gray100 m-0">
                                                        </div>
                                                        <div class="rbt-wrapper-middle rbt-header-middle-one">
                                                            <div class="container">
                                                                <div class="mainbar-row align-items-center">
                                                                    <div class="header-left">
                                                                        <div class="rbt-header-content">
                                                                            <div class="header-info">
                                                                                logo...
                                                                            </div>
                                                                        </div>
                                                                        <!-- Start hamberger -->
                                                                        <div class="mobile-menu-bar d-block d-xl-none">
                                                                            <div class="hamberger">
                                                                                <button class="hamberger-button rbt-round-btn">
                                                                                    <i class="fa-solid fa-bars"></i>
                                                                                </button>
                                                                            </div>
                                                                        </div>
                                                                        <!-- Start hamberger -->
                                                                    </div>
                                                                    <div class="rbt-header-content d-none d-xl-block">
                                                                        <div class="header-info">
                                                                            search field...
                                                                        </div>
                                                                    </div>
                                                                    <div class="header-right">
                                                                        quick access list...
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- Start Header Mid -->
                                                    <div class="rbt-header-middle position-relative rbt-header-mid-3 rbt-bg-color-white d-none d-xl-block">
                                                        <div class="container">
                                                            <div class="rbt-header-sec align-items-center rbt-gap--48 justify-content-between">
                                                                <div class="header-info">
                                                                    navbar category dropdow...
                                                                </div>
                                                                </div>
                                                                <div class="rbt-main-navigation d-none d-xl-block">
                                                                    <nav class="rbt-mainmenu-nav">
                                                                        <ul class="mainmenu has-nav-bg-shape-hover">
                                                                            <li>
                                                                                <a href="#">Home <i class="fa-regular fa-chevron-down"></i></a>
                                                                            </li>
                                                                            ...
                                                                        </ul>
                                                                    </nav>
                                                                </div>
                                                                <div class="rbt-header-sec-col">
                                                                    <div class="rbt-header-content">
                                                                        quick access list...
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- End Header Top -->
                                                    <div class="rbt-catagories-area d-none d-xl-block">
                                                        <hr class="rbt-separator rbt-separator-gray50 mb--16">
                                                        <div class="container">
                                                            <ul class="rbt-cat-box-grp d-flex justify-content-center liststyle has-gap44">
                                                                <li>
                                                                    <a class="rbt-cat-cat-box-1" href="#">
                                                                        <span class="rbt-cat-icon"><i class="fa-regular fa-chair"></i></span>
                                                                        <span class="title">Chairs</span>
                                                                    </a>
                                                                </li>
                                                                ...
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </header>