@media only screen and (max-width: 1024px) {

	.footer-links{
		flex-direction: column;
	}

	.footer-links div{
		display: flex;
	}

	.footer-links div:nth-child(2){
		padding: 25px 0;
	}

	.footer-links ul li{
		display: flex;
		width: calc(100% - 30px);
		padding: 7px 15px;
		justify-content: center;
	}

}

@media only screen and (max-width: 767px) {

h1{
	font-size: 32px;
}

h2{
	font-size: 18px;
}

h3{
	font-size: 16px;
}

h4{
	font-size: 15px;
}

p, a, ul, li, span{
	font-size: 14px;
}

.small-text{
	font-size: 13px;
}

header{
	flex-direction: column;
}

header .branding{
	width: 100%;
}

header .menu-icon{
	display: flex;
}

header .main-menu{
	display: none;
	width: 100%;
	flex-direction: column;
	padding: 15px 0;
}

header.expanded .main-menu{
	display: flex;
}

.my-account-menu{
	display: none;
	width: 100%;
	flex-direction: column;
	padding: 15px 0;
}

.my-account-menu.expanded{
	display: flex;
}

header .main-menu a{
	width: 100%;
	display: flex;
	justify-content: center;
	font-size: 18px;
	margin: 0;
	padding: 15px 0;
	font-weight: 700;
}

header .account-menu{
	display: none;
	flex-direction: column;
	width: 100%;
}

header.expanded .account-menu{
	display: flex;
}

header .account-menu a:last-child{
	margin-left: 0;
	font-size: 18px;
}

header .account-menu a:first-child{
	width: 100%;
	max-width: 250px;
	display: flex;
	justify-content: center;
	font-size: 18px;
	margin-bottom: 15px;
}

.footer-trademarks{
	flex-direction: column;
}

.privacy-links{
	padding-top: 20px;
}

.my-account-wrapper{
	flex-direction: column;
}

.my-account-menu, .recent-search{
	width: calc(100% - 22px);
	padding: 10px 10px;
	margin-right: 0;
	margin-left: 0;
	border-radius: 16px;
	flex-direction: column;
}

.my-account-content{
	width: 100%;
	padding: 25px 0;
	margin: 30px 0;
}

.my-account-content-full{
	width: 100%;
	padding: 25px 0;
	margin: 30px 0;
}

.sidebar{
	width: 100%;
	padding: 25px 0;
	margin: 30px 0;
}

}