<header class="header box-shadow">
    <div class="hamburger-logo-wrapper">
        <button><i class="fas fa-bars"></i></button>
        <h2 class="logo">vacay</h2>
    </div>
    <nav class="hamburger-menu">
        <ul>
            <li><button><i class="fas fa-times"></i></button></li>
            <li><button class="btn btn-secondary-link">Login</button></li>
            <li><button class="btn btn-secondary-link">Wishlist</button></li>
            <li><button class="btn btn-secondary-link">Cart</button></li>
        </ul>
    </nav>
    <nav class="navigation">
        <ul>
            <li><button class="btn btn-secondary-link">Home</button></li>
            <li><button class="btn btn-secondary-link">Products</button></li>
        </ul>
    </nav>
    <div class="search-box">
        <i class="fas fa-search"></i>
        <input type="text" placeholder="Search">
    </div>
    <nav class="navigation nav-hide">
        <ul>
            <li><button class="btn btn-primary">Login</button></li>
            <li class="badge-wrapper">
                <button><i class="btn-icon far fa-heart"></i></button>
                <span class="badge badge-number">5</span>
            </li>
            <li>
                <button class="btn btn-secondary-icon-text-no-border">
                    <div class="badge-wrapper">
                        <i class="btn-icon fas fa-shopping-cart"></i>
                        <span class="badge badge-number">5</span>
                    </div>
                    Cart
                </button>
            </li>
        </ul>
    </nav>
</header>