@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;
}

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;
}

.intro, .why{
	flex-direction: column-reverse;
}

.intro-img, .why-img{
	width: 100%;
}

.intro-content, .why-content{
	width: 100%;
	padding-left: 0;
	padding-bottom: 50px;
}

.about{
	flex-direction: column;
}

.about-img{
	width: 100%;
}

.about-content{
	width: 100%;
	padding-right: 0;
	padding-bottom: 50px;
}

.before-after-block{
	flex-direction: column;
}

.before-after-focus{
	width: 100%;
	height: 400px;
}

.before-after-series{
	width: 100%;
	padding-left: 0;
	flex-direction: row;
	padding-top: 20px;
	flex-wrap: wrap;
}

.before-after-series .entry{
	width: calc(50% - 20px);
	margin: 10px;
	height: 100px;
}


.video-container .player{
	top: calc(50% - 35px);
	left: calc(50% - 35px);
}

.video-container .player img{
	width: 70px;
	height: 70px;
}

.steps{
	flex-direction: column;
}

.steps .step{
	width: 100%;
	padding-bottom: 25px;
}

.steps .step:last-child{
	padding-bottom: 0;
}


.faq{
	width: 100%;
	display: flex;
	flex-direction: column;
}

.faq .general-info{
	width: 100%;
	padding-right: 0;
}


.faq .questions{
	width: 100%;
}

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

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

.contact{
	flex-direction: column;
}

.contact .contact-info{
	width: 100%;
}

.contact .contact-form{
	width: 100%;
	padding-left: 0;
}

.blog .events .event{
	width: 100%;
}


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

.my-account-menu{
	width: calc(100% - 42px);
	padding: 10px 20px;
	margin-right: 0;
	border-radius: 16px;
	flex-direction: column;
	margin-bottom: 30px;
}

.my-account-content{
	width: 100%;
}

.gallery{
	flex-direction: column;
}

.gallery .gallery-entry{
	width: 100%;
}

.terms-wrapper{
	flex-direction: column;
}

.terms-wrapper .terms-video{
	width: 100%;
	padding-right: 0;
}

.terms-wrapper .terms-approval{
	padding-top: 20px;
	width: 100%;
}

.model-wrapper{
	flex-direction: column;
}

.model-wrapper-left{
	width: 100%;
	padding-right: 0;
}

.model-wrapper-right{
	width: 100%;
}


}