<head>
	<meta
		name="viewport"
		content="width=device-width, maximum-scale=2, minimum-scale=1, initial-scale=1, shrink-to-fit=no"
	/>
	<style type="text/css">
		.nav-sprite-v3 .nav-sprite {
			background-image: url("/public/images/mobile.png");
			background-repeat: no-repeat;
		}
		.nav-spinner {
			background-image: url("/public/images/spinner2.gif");
		}
	</style>
</head>
<header
	id="nav-main"
	data-nav-language="en_US"
	class="nav-mobile nav-progressive-attribute nav-locale-us nav-lang-en nav-ssl nav-unrec nav-blueheaven"
>
	<div
		id="navbar"
		cel_widget_id="Navigation-mobile-navbar"
		role="navigation"
		class="nav-t-gateway nav-sprite-v3 celwidget"
		data-csa-c-id="6h0tn3-v8lpte-3d7eaw-tn9n0y"
		data-cel-widget="Navigation-mobile-navbar"
	>
		<div id="nav-logobar">
			<div class="nav-left">
				<a
					href="javascript: void(0)"
					id="nav-hamburger-menu"
					role="button"
					aria-label="Open All Categories Menu"
					aria-expanded="false"
					data-csa-c-id="rr4z2o-ejwavt-cje8sa-6ck65d"
				>
					<i class="nav-icon-a11y nav-sprite"></i>
				</a>

				<div id="nav-logo">
					<a
						href="#"
						id="nav-logo-sprites"
						class="nav-logo-link nav-progressive-attribute"
						aria-label="Amazon"
						lang="en"
					>
						<span class="nav-sprite nav-logo-base"></span>
						<span
							id="logo-ext"
							class="nav-sprite nav-logo-ext nav-progressive-content"
						></span>
						<span class="nav-logo-locale">.us</span>
					</a>
				</div>
			</div>
			<div class="nav-right">
				<a
					href="#"
					class="nav-a nav-progressive-attribute"
					id="nav-button-avatar"
					aria-label="your account"
				>
					<i class="nav-icon nav-icon-a11y nav-sprite">your account</i>
				</a>

				<a href="#" aria-label="Cart" class="nav-a" id="nav-button-cart">
					<div id="cart-size" class="nav-cart-0 nav-progressive-attribute">
						<span class="nav-icon nav-sprite">
							<span
								id="nav-cart-count"
								class="nav-cart-count nav-progressive-content nav-bluebeacon"
								>0</span
							>
						</span>
					</div>
				</a>
			</div>
		</div>

		<div class="nav-progressive-attribute"></div>
		<div
			id="nav-search-keywords-data"
			class="nav-progressive-attribute"
			data-implicit-alias="aps"
		></div>
		<div class="nav-searchbar-wrapper">
			<form
				class="nav-searchbar search-big nav-bluebeacon"
				method="get"
				role="search"
				id="nav-search-form"
				accept-charset="utf-8"
			>
				<div class="nav-fill">
					<div class="nav-search-field">
						<label for="nav-search-keywords" style="display: none"
							>Search Amazon</label
						>
						<input
							type="text"
							class="nav-input nav-progressive-attribute"
							placeholder="Search Amazon"
							data-aria-clear-label="Clear search keywords"
							aria-label="Search Amazon"
							name="k"
							autocomplete="off"
							autocorrect="off"
							autocapitalize="off"
							dir="auto"
							value=""
							id="nav-search-keywords"
							role="searchbox"
							aria-autocomplete="list"
							aria-controls="sac-autocomplete-results-container"
							aria-expanded="false"
							aria-haspopup="grid"
							spellcheck="false"
						/>
						<a
							class="nav-icon nav-sprite nav-search-clear"
							tabindex="0"
							href="javascript:;"
							aria-label="Clear search keywords"
						></a>
					</div>
					<div id="suggestions-template">
						<div id="suggestions2" style="display: none">
							<div
								class="autocomplete-results-container"
								id="sac-autocomplete-results-container"
								role="grid"
							>
								<div class="two-pane-results-container" role="rowgroup">
									<div class="left-pane-results-container"></div>
									<div class="right-pane-results-container"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="nav-right">
					<div class="nav-search-submit nav-bluebeacon">
						<input type="submit" class="nav-input" value="Go" aria-label="Go" />
						<i class="nav-icon nav-sprite"></i>
					</div>
				</div>
			</form>
		</div>

		<div id="nav-disco-bar" class="nav-gwbar-scroll nav-bluebeacon">
			<div id="nav-wrapper" class="nav-gwbar-wrapper nav-bluebeacon">
				<div
					id="nav-gwbar"
					class="nav-gwbar-single-row nav-genz nav-gwbar-white nav-gwbar-scroll nav-bluebeacon"
				>
					<ul class="nav-ul">
						<li class="nav-li">
							<div class="nav-div">
								<a
									id="video"
									href="#"
									class="nav-a"
									data-csa-c-type="link"
									data-csa-c-slot-id="navm_cs_0"
									data-csa-c-content-id="navm_cs_prime_video"
									data-csa-c-id="itlo9f-m287el-kak7f0-lxpg2b"
									>Video</a
								>
							</div>
						</li>

						<li class="nav-li">
							<div class="nav-div">
								<a
									id="intlDeals"
									href="#"
									class="nav-a"
									data-csa-c-type="link"
									data-csa-c-slot-id="navm_cs_1"
									data-csa-c-content-id="navm_nav_cs_gb"
									data-csa-c-id="o5876l-oelxup-xynfnu-ujllyw"
									>Deals</a
								>
							</div>
						</li>

						<li class="nav-li">
							<div class="nav-div">
								<a
									href="#"
									class="nav-a"
									data-csa-c-type="link"
									data-csa-c-slot-id="navm_cs_2"
									data-csa-c-content-id="navm_cs_amazonbasics"
									data-csa-c-id="pg62zl-pj0bvy-xgiprx-b7qqjp"
									>Amazon Basics</a
								>
							</div>
						</li>

						<li class="nav-li">
							<div class="nav-div">
								<a
									id="books"
									href="#"
									class="nav-a"
									data-csa-c-type="link"
									data-csa-c-slot-id="navm_cs_3"
									data-csa-c-content-id="navm_cs_books"
									data-csa-c-id="q46l27-vmxqt4-62cmt1-fo9inz"
									>Books</a
								>
							</div>
						</li>

						<li class="nav-li">
							<div class="nav-div">
								<a
									id="livestreams"
									href="#"
									class="nav-a"
									data-csa-c-type="link"
									data-csa-c-slot-id="navm_cs_4"
									data-csa-c-content-id="navm_cs_amazonlive"
									data-csa-c-id="tcpawm-5be9hh-eka74v-fl0mo0"
									>Livestreams</a
								>
							</div>
						</li>

						<li class="nav-li">
							<div class="nav-div">
								<a
									href="#"
									class="nav-a"
									data-csa-c-type="link"
									data-csa-c-slot-id="navm_cs_5"
									data-csa-c-content-id="navm_cs_bestsellers"
									data-csa-c-id="x45i4r-meogxs-d0p0by-2y2eqg"
									>Best Sellers</a
								>
							</div>
						</li>

						<li class="nav-li">
							<div class="nav-div">
								<a
									href="#"
									class="nav-a"
									data-csa-c-type="link"
									data-csa-c-slot-id="navm_cs_6"
									data-csa-c-content-id="navm_cs_newreleases"
									data-csa-c-id="fl4h14-o7ox83-7kab54-wgfu5t"
									>New Releases</a
								>
							</div>
						</li>

						<li class="nav-li">
							<div class="nav-div">
								<a
									id="home"
									href="#"
									class="nav-a"
									data-csa-c-type="link"
									data-csa-c-slot-id="navm_cs_7"
									data-csa-c-content-id="navm_cs_home"
									data-csa-c-id="xfejan-mmbq2j-jdr7dz-2gat3a"
									>Home</a
								>
							</div>
						</li>

						<li class="nav-li">
							<div class="nav-div">
								<a
									id="music"
									href="#"
									class="nav-a"
									data-csa-c-type="link"
									data-csa-c-slot-id="navm_cs_8"
									data-csa-c-content-id="navm_cs_music"
									data-csa-c-id="bm5zgr-bqp4a3-8uclyy-jp2ig6"
									>Music</a
								>
							</div>
						</li>

						<li class="nav-li">
							<div class="nav-div">
								<a
									id="pc"
									href="#"
									class="nav-a"
									data-csa-c-type="link"
									data-csa-c-slot-id="navm_cs_9"
									data-csa-c-content-id="navm_cs_pc"
									data-csa-c-id="bn2o0w-m2xvi6-yri9j-xnvkpg"
									>PC</a
								>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<!--NAVYAAN-SUBNAV-FROM-GURUPA-->

		<!-- NAVYAAN-GLOW-SUBNAV -->
		<div
			class="glow-subnav-template glow-mobile-subnav nav-bluebeacon"
			id="nav-subnav-container"
		>
			<div
				class="a-declarative nav-global-location-slot-upsell-false"
				data-action="glow-sheet-trigger"
				id="nav-global-location-slot"
				tabindex="0"
			>
				<div id="glow-ingress-block">
					<span
						class="nav-single-line nav-persist-content"
						id="glow-ingress-single-line"
					>
						Deliver to United States ⌵
					</span>
				</div>
			</div>
		</div>
	</div>
</header>

<style type="text/css">
	#nav-main #navbar .nav-searchbar {
		background: #232f3e;
	}
	#nav-main #navbar #nav-logobar {
		background: #232f3e;
		border-bottom: 0px solid;
	}
	#nav-main #navbar #nav-gwbar {
		background: #232f3e;
	}
	#nav-main #navbar .glow-subnav-template {
		background: #37475a;
	}
	#nav-main #navbar #nav-cart-count,
	#nav-ewc-cart-count {
		color: #f08804;
		top: 7px;
	}
	#nav-main #navbar #nav-gwbar {
		#nav-holiday {
			color: #fff;
			font-weight: 700;
			&:hover {
				color: #fff;
			}
			&:focus {
				color: #ccc;
			}
		}
	}
	.nav-search-field .nav-input:focus {
		outline: 0.5rem auto #f2a0d1;
	}
	#nav-main #navbar .nav-search-submit {
		background: #febd69;
	}
	#nav-main #navbar .nav-search-submit .nav-icon {
		background-position: -73px -298px;
		width: 27px;
		height: 25px;
	}
	/* #nav-main #navbar #nav-logo .nav-logo-base {
		background-position: -94px -465px;
		width: 79px;
		height: 27px;
	}
	#nav-main #navbar #nav-logo.nav-prime-1 .nav-logo-tagline {
		background-position: -210px -50px;
		width: 39px;
		height: 16px;
	} */
</style>
