/*===========================================
	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;
		}
	
	
	/*===========================================
		PAGE IMAGE CONTAINER
	===========================================*/
	.hero-image-container {
		width:calc(50% - 100px);
		margin: 25px 50px;
	}
		.hero-image-container .hero-image-content {
		}
			.hero-image-container .hero-image-content h1 {
				max-width: 500px;
				font-size: 2em;
				line-height: 1.25em;
				margin-bottom: 20px;
			}
			.hero-image-container .hero-image-content p {
				font-size: 16px;
				color: #FFF;
			}
			
		.header-title-shaped-background {
			margin-bottom: 15px;
		}
}


/*	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 {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100% - 60px);
		margin: 25px 30px;
		height: auto;
		
		background: rgba(0, 174, 239, 0.75);
	}
		.hero-image-container .hero-image-content {
			padding: 0 20px;
		}
			.hero-image-container .hero-image-content h1 {
				font-size: 1.5em;
				line-height: 1em;
				margin-bottom: 10px;
			}
			.hero-image-container .hero-image-content p {
				font-size: 1em;
			}
			
		.header-title-shaped-background {
			margin-bottom: 10px;
		}
			.header-title-content {
				display: flex;
				justify-content: left;
				align-items: center;
				height: 100%;
				padding: 0 10px;
				font-family: 'theme-font-bold';
				color: #FFFFFF;
			}
		
		.hero-image-container .hero-image-content a.two-colour-oval-button {
			width: 300px;
		}
	
	
	
	/*===========================================
		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) {
	
}