/*===========================================
	RESPONSIVE MENUS
===========================================*/
.responsive-navigation {
	display: none;
}


/*	1580	*/
@media screen and (max-width: 1580px) {
	/*===========================================
		NAVIGATION
	===========================================*/
	.navigation li a {
		font-size: 14px;
		padding: 0 10px;
	}	
}


/*	980	*/
@media screen and (max-width: 1280px) {
	/*===========================================
		FRAMES
	===========================================*/			
	.center-container.max-width {
		max-width: calc(100% - 20px);
		padding: 0 10px;
	}
	
	
	/*===========================================
		HEADER
	===========================================*/
	.header .company-logo {
		width: calc(100% - 270px);
	}
	
	
	/*===========================================
		HOMEPAGE
	===========================================*/
	.captcha-information .captcha-details {
		width: calc(100% - 320px);
		margin-right: 20px;
	}
	.captcha-information .captcha-form {
		width: 300px;
	}
	
	
	/*===========================================
		NAVIGATION
	===========================================*/
	.main-navigation {
		display: none;
	}
	.responsive-navigation {
		display: block;
	}
		.responsive-navigation ul li i {
			display: none;
		}	
}


/*	Mobile: 980	*/
@media screen and (max-width: 980px) {
	.max-frame {
		max-width: calc(100% - 20px);
		padding: 0 10px;
	}
	
	
	/*===========================================
		FRAMES
	===========================================*/
	.flex-container .flex-one-third-margin,
	.flex-container .flex-one-third-margin:nth-child(3n){ 
		width: 49%;
		margin: 0 2% 15px 0;
	}
		.flex-container .flex-one-third-margin:nth-child(2n), 
		.flex-container .flex-one-third-margin:last-child {
			width: 49%;
			margin-right: 0;
		}
		
	.flex-container .flex-one-quarter {
		width: 50%;
		margin: 0 0 20px 0;
	}
		.flex-container .flex-one-quarter:last-child {
			margin-right: 0;
		}
		
	.flex-container .flex-one-quarter-margin,
	.flex-container .flex-one-quarter-margin:nth-child(4n), 
	.flex-container .flex-one-quarter-margin:last-child {
		width: 49%;
		margin: 0 2% 20px 0;
	}
		.flex-container .flex-one-quarter-margin:nth-child(2n), 
		.flex-container .flex-one-quarter-margin:last-child {
			margin-right: 0;
		}
		
		
	.begin-your-journey .join-now {
		width: 100%;
		margin: 0 0 50px 0;
	}
	.begin-your-journey .bullet-list-items {
		width: 100%;
		margin: 0;
	}

}


/*	Mobile: 768	*/
@media screen and (max-width: 768px) {
	/*===========================================
		GENERAL
	===========================================*/
	.padding-top-bottom-100 {
		padding: 50px 0;
	}
	
	
	/*===========================================
		PAGE HERO
	===========================================*/
	.hero-image-container .hero-image-content {
		position: relative;
		margin: 0 auto;
		max-width: 1254px;
		padding: 0;
		height: calc(100% - 72px);
		padding: 0 20px;
		color: #FFF;
		text-align: center;
	}
		.hero-image-content .flex-one-quarter {
			width: 100%;
		}
		.hero-image-content .flex-three-quarter {
			width: 100%;
			margin-bottom: 20px;
		}
			.hero-image-content .sub-header-content .flex-one-quarter {
				order: 2;
			}
			.hero-image-content .sub-header-content .flex-three-quarter {
				order: 1;
			}
			
			
			.hero-image-container .hero-image-content h1 {
				font-size: 36px;
				line-height: 1em;
			}
			.hero-image-container .hero-image-content p {
				font-size: 16px;
				line-height: 1.35em;
			}
	
	
	
	.hero-image-container .hero-image-content .main-content-container.narrow-frame {
		margin: 0;
	}
		.hero-image-container .hero-image-content .side-content-container {
			padding-right: 0;
		}
		.hero-image-container .hero-image-content .side-content-container h5 {
			display: block;
			width: 100%;
		}
	
	
	
	/*===========================================
		FRAMES
	===========================================*/
	.flex-container .one-half-flex-wide-margin.image-container:nth-child(1) {
		width: 32%;
		margin-right: 8%;
	}
	.flex-container .one-half-flex-wide-margin.image-container:nth-child(2) {
		width: 32%;
		margin-left: 8%;
	}
	
	.flex-container .one-half-flex-wide-margin.side-content-container,
	.flex-container .one-half-flex-wide-margin.text-container {
		width: 60%;
		margin-right: 0;
	}
	
	.flex-container .flex-one-quarter-margin,
	.flex-container .flex-one-quarter-margin:nth-child(2n), 
	.flex-container .flex-one-quarter-margin:last-child {
		width: 100%;
		margin: 0 0 20px 0;
	}
		.flex-container .flex-one-quarter-margin:nth-child(2n), 
		.flex-container .flex-one-quarter-margin:last-child {
			margin-right: 0;
		}

	/*===========================================
		RESPONSIVE RATES
	===========================================*/
	.display-saving-rates {
		display: none;
	}
	.display-responsive-saving-rates {
		display: block;
	}
}

/*	Mobile: 680	*/
@media screen and (max-width: 680px) {
	/*===========================================
		HOMEPAGE
	===========================================*/
	.captcha-information .captcha-details {
		width: 100%;
		margin: 0 0 50px 0;
	}
	.captcha-information .captcha-form {
		width: 100%;
	}
	
	
	/*===========================================
		FRAMES
	===========================================*/
	.flex-container .flex-one-third-margin,
	.flex-container .flex-one-third-margin:nth-child(2n),
	.flex-container .flex-one-third-margin:nth-child(3n),
	.flex-container .flex-one-third-margin:last-child { 
		width: 100%;
		margin: 0 0 15px 0;
	}
	
	
	
	
	
	
	
}

/*	Mobile: 576	*/
@media screen and (max-width: 576px) {
	/*===========================================
		HEADER
	===========================================*/
	.header-buttons li {
		margin-right: 5px;
	}
	.header-buttons li a.client-login {
		padding: 6px 15px;
	}
	
	/*===========================================
		FRAMES
	===========================================*/
	.flex-container .one-half-flex-wide-margin {
		width: 100%;
		margin-right: 0;
	}
	
	
	/*===========================================
		FRAMES
	===========================================*/
	.flex-container .flex-one-quarter {
		width: 100%;
		margin: 0 0 20px 0;
	}
		.flex-container .flex-one-quarter:last-child {
			margin-right: 0;
		}
		
	.footer .boxed-content {
		padding: 10px 20px;
	}
	
	
	/*.flex-container .flex-one-third-margin,
	.flex-container .flex-one-third-margin:nth-child(2n),
	.flex-container .flex-one-third-margin:nth-child(3n),
	.flex-container .flex-one-third-margin:last-child { 
		width: 100%;
		margin: 0 0 15px 0;
	}
	
	
	/*===========================================
		FRAMES
	===========================================*/
	.flex-container .one-half-flex-wide-margin.image-container:nth-child(1),
	.flex-container .one-half-flex-wide-margin.image-container:nth-child(2) {
		width: 70%;
		margin: 50px 15% 0 15%;
	}
	
	.flex-container .one-half-flex-wide-margin.side-content-container,
	.flex-container .one-half-flex-wide-margin.text-container {
		width: 100%;
		margin-right: 0;
	}
	
	
	/*===========================================
		PAGE HERO
	===========================================*/
	/*.hero-image-content .sub-header-content .flex-one-quarter {
		display: none;
	}
	
	
	/*===========================================
		CONTENT
	===========================================*/
	/*.main-content .content-container h2 {
		font-size: 36px;
		line-height: 1.25em;
		margin-bottom: 30px;
	}
	.main-content .content-container p.sub-heading {
		margin: -20px 0 30px 0;
	}*/
	
}

/*	Mobile: 480	*/
@media screen and (max-width: 490px) {
	
}

/*	Mobile: 420	*/
@media screen and (max-width: 420px) {
	/*===========================================
		FRAMES
	===========================================*/
	/*.flex-container .one-half-flex-wide-margin,
	.flex-container .one-half-flex-wide-margin.text-container {
		width: 100%;
		margin-right: 0;
	}
	.flex-container .one-half-flex-wide-margin.image-container {
		width: 60%;
		margin: 0 20%;
	}
	
	.alabaster-background-left .flex-container .one-half-flex-wide-margin.text-container {
		order: 1;
	}
	.alabaster-background-left .flex-container .one-half-flex-wide-margin.image-container {
		order: 2;
	}
	
	
	/*===========================================
		PAGE HERO
	===========================================*/
	/*.hero-image-container .hero-image-content .main-content-container {
		padding: 20px;
	}
	
	.hero-image-container .hero-image-content h1 {
		font-size: 30px;
		line-height: 1.15em;
	}
	.hero-image-container .hero-image-content p {
		font-size: 1em;
		line-height: 1.35em;
	}*/
}

/*	Mobile: 390	*/
@media screen and (max-width: 390px) {
	
}