@media screen and (max-width: 1750px) {
	#footer { background-size: auto; }
}

@media screen and (max-width: 1500px) {
	#logo { left: 10px; height: 80px; }
	.topmenu ul li { margin: 0 2.5px; }
		.topmenu ul li ul li a,
		.topmenu ul li.webshop ul li a { font-size: 0.8125rem; }
}

@media screen and (max-width: 1450px) {
}

@media screen and (max-width: 1400px) {
	.header { padding: 0 10px; }
	#logo { top: 0px; }
		#logo.is-stuck { height: 60px; top: 5px; }

	.header .right { right: 10px; }
		.header .right p, .header .right .goToCheckoutLink { gap: 5px; }
	#footer { height: 1700px; }
	.topmenu ul li a { text-transform: none; font-size: 1rem; }
	.topmenu ul li { margin: 0 5px; }
		.topmenu ul li a { padding: 0 10px 10px 0; }
	.header .right p.offerLink a { font-size: 0.875rem; padding: 6.5px 5px; }
}


@media screen and (max-width: 1200px) {
	#logo { position: absolute; top: 8px; left: 10px; height: 60px; }
	#topbar { padding: 0px 5px 0px 5px; justify-content: flex-end; }
		#topbar p { left: 5px; }
		#topbar .customerTypeDiv { right: 0; top: 0; position: relative; justify-content: flex-end; }
		#topbar .topbarNav { gap: 16px; display: none; }
			#topbar .topbarNav a, #topbar .customerTypeDiv a { font-size: 1rem; }

	.topmenu { display: none; }
	.header { height: 70px; }
		.header #responsive-menu-btn { display: block; font-size: 1.4375rem; color: var(--beige); }
	#shoppingCartLight { border-right: 1px solid #00000012; padding: 0 10px 0 0; }

	#footer { padding: 100px 0 60px 0; }
		#footer .footerHeader { font-size: 2.25rem; }
}

@media screen and (max-width: 860px) {
	body { font-size: 0.875rem; }
	#topbar { }
		#topbar p,
		#topbar .customerTypeDiv { position: relative; }
		#topbar .topbarNav { display: none; }
	.content .inner { padding: 20px 10px 0; }
	#shoppingaCartPopup { right: -30px; }
	#footer .footerHeader { font-size: 2rem; margin: 0 0 45% 0; }
	#footer { padding: 40px 0 20px 0; }
	#footer { background-size: contain; height: auto; }
		#footer .footerNav { margin: 0; }
		#footer .footerInfo { gap: 40px; }
}

@media screen and (max-width: 600px) {
	.header .right p.offerLink a { font-size: 0.875rem; padding: 2.5px 5px; }
	h3 { font-size: 1rem; }
	.header { height: 70px; }
		.header #logo { height: 50px; }
		.header .right p { flex-direction: column; height: auto; gap: 0; border-right: none; }
	#shoppingCartLight { border-left: 1px solid #00000012; padding: 0 10px; }
	#footer .footerHeader { font-size: 1.625rem; }

	.checkoutField {padding: 16px;}
}

@media screen and (max-width: 480px) {
	#logo { height: 60px; }
	#footer { padding: 0px 0 20px 0; }
		#footer .footerHeader { font-size: 1.375rem; }
		#footer .footerInfo { gap: 30px; flex-direction: column; }
	.header .right p.offerLink { padding: 0; font-size: 0.65rem; }
	#shoppingCartLight { border-left: none; padding: 0 5px 0 0; }
}

@media screen and (max-width: 380px) {
	#logo { height: 50px; }
		#logo.is-stuck { height: 45px; top: 10px; }
}
@media screen and (max-width: 350px) {
	#logo { top: 0; height:45px; }
}

@media screen and (max-width: 330px) {
	.header.is-stuck .offerLink {display:none;}
}