Header Style 3

<header class="site-header mo-left header style-3">		

<div class="sticky-header main-bar-wraper">
	<div class="main-bar clearfix">
		<div class="container-fluid clearfix">
			<button class="menu-nav-btn collapsed" data-bs-toggle="collapse"  type="button" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
				<span class="for-dots">
					<span></span>
					<span></span>
					<span></span>
					<span></span>
				</span>
				<span class="dots-close">
					<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
					<rect width="20" height="2.10526" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 22.0635 20.561)" fill="white"/>
					<rect x="6.43262" y="20.5611" width="20" height="2.10526" transform="rotate(-45 6.43262 20.5611)" fill="white"/>
					</svg>
				</span>
			</button>
			
			<div class="logo-header me-5">
				<a href="index.html">
					<img src="images/logo.svg" class="logo-dark" alt="logo">
					<img src="images/logo-white.svg" class="logo-light" alt="logo">
				</a>
			</div>
			<div class="extra-nav">
				<div class="extra-cell">						
					<ul class="header-right">
						<li class="nav-item login-link">
							<a class="nav-link" href="shop-my-account.html">
								Login / Register
							</a>
						</li>
						<li class="nav-item search-link">
							<a class="nav-link" href="javascript:void(0);" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop">
								<i class="iconly-Light-Search"></i>
							</a>
						</li>
						<li class="nav-item wishlist-link">
							<a class="nav-link" href="javascript:void(0);" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
								<i class="iconly-Light-Heart2"></i>
							</a>
						</li>
						<li class="nav-item cart-link">
							<a href="javascript:void(0);" class="nav-link cart-btn"  data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
								<i class="iconly-Broken-Buy"></i>
								<span class="badge badge-circle">5</span>
							</a>
						</li>
						<li class="nav-item filte-link">
							<a href="javascript:void(0);" class="nav-link filte-btn"  data-bs-toggle="offcanvas" data-bs-target="#offcanvasLeft" aria-controls="offcanvasLeft">
								<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 13" fill="none">
									<rect y="11" width="30" height="2" fill="black"/>
									<rect width="30" height="2" fill="black"/>
								</svg>
							</a>
						</li>
					</ul>
				</div>
			</div>

		</div>
	</div>
</div>

</header>