@media screen and (max-width: 950px) {
	.header_logo {
		height: 175px;
	}
		.header_logo img {
			margin-top: 90px;
		}
	.top_ad {
		left: 0;
		background: white;
		text-align: center;
	}
	#page_inner {
		width: 100%;
	}
	.right_page_column {
		display: none;
	}
}
@media screen and (max-width: 730px) {
	.header_logo {
		height: 135px;
		text-align: center;
	}
	.header_logo img {
		margin-top: 55px;
	}
	#savingforcollege_demo_top_leaderboard,
	#savingforcollege_demo_bottom_leaderboard {
		width: 320px;
		height: 50px;
	}
	span.tooltip #SFC_tooltip {
		width: inherit !important;
		left: 0 !important;
		right: 0 !important;
	}
	.results_form {
		max-width: inherit;
	}

	.calc_slider ol {
		padding: 0;
		left: 0;
		right: 0;
	}
    ol.dots li.dot {
        border: 1px solid #113B63;
        display: block;
        width: initial;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        margin: 0;
    }
    .dots li,
	div.add_child,
	div#input_submit,
	.calc_slider_dots li,
	.download_report_button a {
		display: block;
		font-size: 16px;
		padding: 5px;
		float: none;
	}
	div.tuition_popup {
		min-width: 300px !important;
		width: inherit !important;
		left: 0 !important;
		right: 0 !important;
		margin: 3px !important;
		padding: 0 !important;
	}

	table.average_data,
	table.tuition_data {
		margin: 0 auto !important;
		float: none !important;
	}

	form.ui-widget {
		padding: 10px 0 0 0 !important;
		margin: 0 auto !important;
		float: none !important;
	}

	#tuition_div {
		margin: 0 0 20px 5px !important;
	}
	
	#menu {
		height: inherit;
		border: none;
		padding: 0;
		margin: 0;
	}

	#menu ul li{
		position: relative;
		width: 100%;
		text-align: center;
		border-top: 1px solid #f0f0f0;
	}

	#menu ul li a {
		font-size: 21px;
		font-weight: normal;
	}
	
	#sub_menu {
		display: none;
	}
	#sub_menu ul li {
		width: 100%;
		border-top: 1px solid white;
		text-align: center;
	}

	#mobile_menu {
		display: block;
		height: auto;
		border-bottom: 1px solid #999999;
		padding: 5px;
		background-color: #dfdfdf;
	}
	#mobile_menu_button {
		cursor: pointer;
		background-color: #dfdfdf;
		display: inline-block;
		float: right;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	}
	#mobile_menu_button:hover {
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,1);
		/***gradient***/
		background: #cfcfcf; /* Old browsers */
		background: -moz-linear-gradient(top, #cfcfcf 1%, #f1f1f1 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cfcfcf), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #cfcfcf 1%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #cfcfcf 1%,#f1f1f1 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #cfcfcf 1%,#f1f1f1 100%); /* IE10+ */
		background: linear-gradient(to bottom, #cfcfcf 1%,#f1f1f1 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
	}
	.menu_button_line {
		width: 40px;
		height: 5px;
		margin: 5px 3px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		background-color: #454545;
	}
	
	#content {
		padding: 3px;
	}


	table.mobile td,
	table.mobile  th {
		padding: 0 3px;
	}
	table.padded td,
	table.padded th {
		padding: 5px;
	}

	.tab_menu {
		padding: 0 !important;
		text-align: center !important;
	}
		.tab_menu ul {
		}
		.tab_menu li {
		}
		.tab_menu li a {
		}
			.tab_menu li.here {
			}
	
	li.main_slide.inputs {
		width: 100%;
	}
	.results_form li {
		display: block;
		padding: 0 3px;
	}
	.advanced_settings {
		text-align: center;
	}
	.advanced_settings_button {
		font-size: 16px;
		padding: 5px;
	}
	.download_report_button {
		float: none;
		display: block;
	}
	.calc_slider div.inputs {
		display: block !important;
		margin-left: inherit;
		padding-bottom: inherit;
	}
	.calc_slider .inputs .main_input_wrapper {
		margin: 3px 10px;
	}
	.display_version {
		text-align: center;
		padding-top: 10px;
	}
	
	.results_copy {
		padding: 5px;
		margin-bottom: 0;
	}
	.results_copy .short_result {
		text-align: left;
		width: auto;
	}
	/***Graph***/
	
	#college_years_graph {
		display: block;
		width: inherit;
		margin-top: 0;
	}
	.college_years {
		margin: 3px;
		margin-bottom: 0;
	}
	.college_years_copy #copy {
	}
	.college_years_copy {
		display: block;
		width: inherit;
		margin-top: 0;
		padding: 5px;
		height: auto;
	}
	h1 #calculator_personalized {
		font-size: 22px;
		display: block;
		text-align: right;
		font-size: 17px;
		color: #000000;
	}
	/*****SVL calculator*****/
	.svl #loans_copy_wrapper,
	.svl #savings_copy_wrapper {
		margin: 0;
		margin-bottom: 10px;
		display: block;
		width: initial;
		height: initial;
	}
	.svl .loans_tab #loans_copy_wrapper:before,
	.svl .savings_tab #savings_copy_wrapper:before {
		content: none;
		display: block;
		height: 0;
	}
	.svl #loans_copy,
	.svl #savings_copy {
		display: block;
		width: initial;
	}
	.svl .summary,
	.svl .summary+h4,
	.svl #loans_copy p,
	.svl #savings_copy p {
		padding: 0 4px;
		margin: 0;
	}
	.svl #loans_graph,
	.svl #savings_graph {
		margin: 0;
		margin-top: 20px;
		display: block;
		width: initial;
	}
	/*****S&L calculator*****/
	.summary,
	.summary+h4,
	#loans_copy p,
	#savings_copy p {
		padding: 0 4px;
	}
	/*****UGMA calculator*****/
	.ugma .double_tables .table_wrapper {
		display: block;
		width: initial;
	}
	.ugma .top_table_header {
		font-size:12px;
	}
	/*****Procrastination calculator*****/
	.pop #monthly_graph,
	.pop #totals_graph {
		width: initial;
		display: block;
	}
	.pop #monthly_graph {
		margin-bottom: 0;
	}
	/*****STC calculator*****/
	.stc .double_tables .table_wrapper {
		display: block;
		width: initial;
	}
}
@media screen and (max-width: 420px) {
	table.mobile td,
	table.mobile  th {
		font-size: 12px;
		border-collapse: collapse;
	}
}
@media screen and (max-width: 375px) {
	table.mobile td,
	table.mobile  th {
		font-size: 11px;;
		padding: 0 2px;
	}
	table.padded td,
	table.padded th {
		padding: 3px;
	}
	h1 .calculator_title {
		font-size: 22px;
	}
}
@media screen and (max-width: 340px) {
	table.mobile td,
	table.mobile  th {
		padding: 0 1px;
	}
	table.padded td,
	table.padded th {
		padding: 2px;
	}
	h1 .calculator_title {
		font-size: 19px;
	}
}
@media screen and (max-width: 325px) {
	table.mobile td,
	table.mobile  th {
		font-size: 9px;
		padding: 0;
	}
	table.padded td,
	table.padded th {
		padding: 1px;
	}
}