/*===========================================
	RESPONSIVE MENUS
===========================================*/
.responsive-navigation {
	/*display: none;*/
}


/*	980	*/
@media screen and (max-width: 980px) {
	/*===========================================
		HEADER
	===========================================*/
	.top-header .navigation {
		display: none;
	}
	header {
		display: none;
	}
	.responsive-header {
		display: block;
	}
	
	
	/*===========================================
		FRAMES
	===========================================*/
	.center-container {
		position: relative;
		margin: 0 auto;
		padding: 0 10px;
		max-width: 1196px;
	}
	
	.flex-container .flex-one-third-margin {
		width: 49%;
		margin: 0 2% 20px 0;
	}
		.flex-container .flex-one-third-margin:nth-child(3n) {
			margin-right: 2%;
		}
		.flex-container .flex-one-third-margin:nth-child(2n) {
			margin-right: 0;
		}
		
	
	.flex-container .flex-one-quarter {
		width: 50%;
	}
	
	.flex-container .flex-one-quarter-margin {
		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;
		}


	/*===========================================
		CONTENT
	===========================================*/
	.padding-sides-100 {padding: 0;}	
	

	/*===========================================
		HELP SELECTOR
	===========================================*/
	.help-selector .flex-container .flex-one-quarter {
		width: calc(50% - 40px);
		margin-bottom: 20px;
	}
	
	
	/*===========================================
		TAX YEAR
	===========================================*/
	.tax-year-information .flex-container .flex-one-half-margin {
		width: 100%;
		margin-right: 0
	}
		.tax-year-information .flex-container .flex-one-half-margin:nth-child(2n), 
		.tax-year-information .flex-container .flex-one-half-margin:last-child {
			margin-right: 0;
		}
		
		.tax-year-information .countdown-clock-holder {
			padding-top: 0;
		}
		.tax-year-information .countdown-clock .holder {
			width: 100%;
		}
	
	
	
}

/*	Mobile: 768	*/
@media screen and (max-width: 768px) {
	/*===========================================
		FRAMES
	===========================================*/
	.flex-container .flex-one-half-margin,
	.flex-container .flex-one-half-wide-margin	{
		width: 100%;
		margin: 0 0 20px 0;
	}
		.flex-container .flex-one-half-margin:nth-child(2n), 
		.flex-container .flex-one-half-margin:last-child {
			margin-right: 0;
		}	
	
	.flex-container .flex-one-half-margin.responsive-hide	{
		display: none;
	}
	
	

	/*===========================================
		CONTENT
	===========================================*/
	.main-content .content-header-container {
		width: 100%;
	}

	/*===========================================
		CALLBACK FORM
	===========================================*/
	.callback-form {
		padding: 0 10px;
	}
		.callback-form .header {
			padding: 30px 30px;
		}
		.callback-form .main-form {
			padding: 30px 30px;
		}
		.callback-form .main-form .flex-container .flex-one-half-margin,
		.callback-form .main-form .flex-container .flex-full-width {
			margin-bottom: 10px;
		}
		
	
	/*===========================================
		FOOTER
	===========================================*/
	footer .branding {
		width: 100%;
	}
		footer .branding {
			width: 185px;
			padding: 10px 0;
			display: flex;
			justify-content: left;
			align-items: center;		
		}
			footer .branding img {
				width: 130px;
			}
	footer .navigation {
		width: 100%;
		margin: 0 10px 0 0;
		display: flex;
		justify-content: left;
		align-items: center;
	}
		footer .navigation ul {
			float: none;
		}
			footer .navigation ul li {
				display: block;
				float: none;
			}
				footer .navigation ul li a {
					display: block;
					padding: 5px 10px 8px 10px;
					text-decoration: none;
					color: #FFF;
				}
					footer .navigation ul li a:hover {
						color: var(--third-color);
					}
	
	
	footer .disclaimer {
		margin: 0;
	}
		.disclaimer-notice {
			margin: 0;
		}
		
}

/*	Mobile: 680	*/
@media screen and (max-width: 680px) {
}

/*	Mobile: 576	*/
@media screen and (max-width: 576px) {
	/*===========================================
		FRAMES
	===========================================*/
	.flex-container .one-half-flex-wide-margin	{
		width: 100%;
		margin-right: 0;
	}
	
	.flex-container .flex-one-third-margin,
	.flex-container .flex-one-third-margin:nth-child(3n), 
	.flex-container .flex-one-third-margin:nth-child(2n), 
	.flex-container .flex-one-third-margin:last-child {
		width: 100%;
		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-right: 0;
	}
	
	
	/*===========================================
		HERO CONTENT
	===========================================*/
	.hero-content p {
		margin-left: 0;
	}
	.hero-content ul {
		margin-left: 20px;
	}
	

	/*===========================================
		HELP SELECTOR
	===========================================*/
	.help-selector .flex-container .flex-one-quarter {
		width: calc(100% - 40px);
		margin-bottom: 40px;
	}	


	/*===========================================
		TABBED HEADER
	===========================================*/
	.tabbed-display {
		
	}
		.tabbed-display .tabbed-header {
			width: 100%;
			margin-bottom: 20px;
		}
			.tabbed-display .tabbed-header ul li {
				float: left;
				padding: 10px 5px;
				font-size: 0.8em;
				cursor: pointer;
				background: #EEE;
				margin-right: 2px;
			}
				.tabbed-display .tabbed-header ul li:first-child {
					border-radius: 5px 0 0 5px;
				}
				.tabbed-display .tabbed-header ul li:last-child {
					border-radius: 0 5px 5px 0;
				}
				.tabbed-display .tabbed-header ul li:hover {
					background: #24a3d8;
					color: #FFF;
				}
				.tabbed-display .tabbed-header ul li.active {
					background: var(--master-color);
					color: #FFF;
				}
				.SMSMessageContiner .tabbed-display .tabbed-header ul li:hover,
				.tabbed-display .tabbed-header ul li:hover {
					background: var(--alternate-color);
				}
}

/*	Mobile: 480	*/
@media screen and (max-width: 490px) {
	
}

/*	Mobile: 420	*/
@media screen and (max-width: 420px) {
}

/*	Mobile: 390	*/
@media screen and (max-width: 390px) {
	
}