@media only screen and (min-width: 320px) and (max-width: 350px)
{
	#working_across_cultures_table .dimension_box_column
	{
		padding: 5px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 389px)
{
	#header_logo
	{
		width: 200px;
	}
	
	#home_header #header_logo {
        width: 280px;
        padding: 0;
    }
	#responsive_menu img
	{
		width: 25px;
	}
	
	header .dropdown
	{
		margin-top: 15px;
	}
	
	#dimension_summary_table th, #dimension_summary_table td
	{
		padding: 10px;
	}
	
	#exercise_container p, #exercise_container th, #exercise_container td, #exercise_container li
	{
		font-size: 12px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 419px)
{
	#video_content iframe
	{
		height: 280px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 499px)
{
	h2
	{
		font-size: 30px;
	}
	
	#exercise_container ul, #exercise_container ol
	{
		-webkit-padding-start: 20px;
	}
	
	img.learn_more
	{
		width: 100%;
		height: auto;
	}
}

@media only screen and (min-width: 320px) and (max-width: 525px)
{
	#dashboard_container h1, #dashboard_container h2
	{
		font-size: 30px;
	}
	
	#demographic_questions_container .form_field_container
	{
		width: 100%;
		margin: 20px 0 0 0 !important;
	}
	
	#demographic_questions_container .form_field_container:first-child
	{
		margin-top: 0 !important;
	}
	
	#demographic_questions_container .form_field_container p
	{
		margin-bottom: 10px;
	}
	
	#dashboard_container #progress_bar
	{
		display: none;
	}
	
	#dashboard_container #progress_bar_vertical
	{
		display: block;
		width: 100%;
		max-width: 150px;
	}
	
	.itap_option
	{
		width: 50%;
	}
	
	.itap_option input[type="radio"] + label span 
	{
		left: 47%;
	}
	
	#podcast_content img
	{
		float: none;
		display: block;
		margin: 0 auto 30px auto;
	}
	
	.dimension_help ul
	{
		padding-left: 20px;
	}
	
	footer img
	{
		width: 220px;
	}
	
	footer p
	{
		font-size: 14px;
	}
	
	html:not(#login_page) body
	{
		padding-bottom: 128px;
	}
	
	.option_container
	{
		display: block;
	}
	
	.option_container:first-of-type
	{
		margin-bottom: 10px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 550px)
{
	#concerns_container .concern_box
	{
		margin-left: auto;
		margin-right: auto;
		float: none;
		margin-bottom: 50px;
	}
	
	#concerns_container .concern_box:last-of-type
	{
		margin-bottom: 0 !important;
	}
	
	button#view_concern_report, button#download_concern_report
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	
	button#download_concern_report
	{
		margin-top: 10px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 600px)
{
	.task_box
	{
		width: 100%;
	}
	
	#questionnaire_box, #cultural_profile_box
	{
		margin-bottom: 20px;
	}
	
	.learning_tracks_sub_section_container div h1
	{
		font-size: 30px;
	}
	
	footer .wrapper > div
	{
		float: none;
		display: block;
	}
	
	footer p, footer a
	{
		display: block;
		text-align: center;
	}
	
	.concerns_report_popup .modal-dialog
	{
		width: 90%;
	}
	
	html:not(#login_page) body
	{
		padding-bottom: 142px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 615px)
{
	/*#questionnaire_box, #cultural_profile_box
	{
		margin-bottom: 20px;
	}*/
	
	#responsive_menu
	{
		display: block !important;
	}
	
	#full_width_menu
	{
		display: none !important;
	}
}

@media only screen and (min-width: 320px) and (max-width: 630px)
{
	.learning_module
	{
		width: 100%;
		margin: 0 0 20px 0 !important;
	}
	
	#learning_tracks_container div h1
	{
		font-size: 35px;
	}
	
	.sub_section_progress
	{
		margin-bottom: 40px;
	}
	
	.sub_section_progress p
	{
		display: none;
	}
	
	.sub_section_progress img
	{
		width: 100%;
	}
	
	#quiz_score_container #quiz_score
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	
	#quiz_score_container #score_description
	{
		margin-left: 0;
		width: 100%;
	}
	
	#quiz_score_container #score_description p
	{
		text-align: center;
	}
	
	#progress_image_links .small_screen_link
	{
		display: block;
	}
	
	#progress_image_links .large_screen_link
	{
		display: none;
	}
}

@media only screen and (min-width: 320px) and (max-width: 670px)
{
	.quiz_answer
	{
		width: 100%;
		margin-right: 0 !important;
	}
	
	#quiz_answers_container
	{
		margin-bottom: 10px;
	}
	
	#exercise_container
	{
		padding: 20px;
	}
	
	#concerns_container
	{
		overflow: hidden;
		width: 390px;
	}
	
	#concerns_container .concern_box
	{
		width: 170px;
		height: 170px;
	}
	
	#concerns_container .concern_box img
	{
		margin-top: 15px;
	}
	
	#concerns_container .concern_box p
	{
		font-size: 16px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 750px)
{
	img.learn_more
	{
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 320px) and (max-width: 800px)
{
	#learning_tracks_container
	{
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 40px;
	}
	
	#learning_tracks_container .nav_button
	{
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		margin-top: 20px;
	}
	
	#learning_tracks_container #previous
	{
		float: left;
		clear: both;
	}
	
	#learning_tracks_container #next
	{
		float: right;
	}
	
	#video_content
	{
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 480px;
		max-width: 100%;
	}
	
	#video_sidebar
	{
		float: none;
		display: block;
		margin: 0 auto 20px auto;
	}
	
	.video_name
	{
		width: 200px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 820px)
{
	button#view_report
	{
		display: none;
	}
}

@media only screen and (min-width: 320px) and (max-width: 831px)
{
	#travel_questions_container
	{
		margin: 20px 0 0 0;
	}
	
	#travel_questions_container .form_field_container
	{
		width: 100%;
		margin-bottom: 20px;
	}
	
	#travel_questions_container .form_field_container label
	{
		clear: both;
	}
	
	#demographic_questions_container
	{
		padding: 20px;
	}
}

@media only screen and (min-width: 320px) and (max-width: 907px)
{
	#progress_bar
	{
		height: auto !important;
	}

	.wrapper.cco_boxes{
		border: 3px solid #0D7ECD;
	}
	
	.wrapper.cco_boxes:before,.wrapper.cco_boxes:after{
		display: none;
	}

	#cco_box_container .cco_boxes a, #cco_box_container .cco_boxes .darken
	{
		width: 100%;
		border-left: none;
		border-right: none;
		border-top: none;
		border-bottom: 3px solid;
		border-color: #0D7ECD !important;
		height: 200px;
	}
	
	#progress_bar
	{
		max-width: 450px;
	}
	
}

@media only screen and (min-width: 390px) and (max-width: 525px)
{
	#header_logo
	{
		width: 250px;
	}
	
	#responsive_menu img
	{
		width: 30px;
	}
	
	header .dropdown
	{
		margin-top: 25px;
	}
}

@media only screen and (min-width: 526px) and (max-width: 615px)
{
	header .dropdown
	{
		margin-top: 28px;
	}
}

@media only screen and (min-width: 526px) and (max-width: 831px)
{
	#demographic_questions_container .form_field_container
	{
		width: 48.5%;
		margin: 3% 0 0 0 !important;
	}
	
	#demographic_questions_container .form_field_container:nth-of-type(-n+2)
	{
		margin-top: 0 !important;
	}
	
	#demographic_questions_container .form_field_container:nth-of-type(odd)
	{
		margin-right: 3% !important;
	}
}

@media only screen and (min-width: 550px) and (max-width: 860px)
{
	#concerns_container .concern_box
	{
		margin-right: 50px;
		margin-bottom: 50px;
	}
	
	#concerns_container .concern_box:nth-of-type(2n)
	{
		margin-right: 0;
	}
	
	#concerns_container .concern_box:nth-last-of-type(1), .concern_box:nth-last-of-type(2) 
	{
		margin-bottom: 0 !important;
	}
}

@media only screen and (min-width: 600px) and (max-width: 907px)
{
	#cco_box_container .wrapper.cco_boxes 
	{	
		border: 3px solid #0D7ECD;
	}
	#cco_box_container .cco_boxes a:nth-child(n),#cco_box_container .cco_boxes .darken:nth-child(n){
		border-left: none;
		border-right: none;
		border-top: none;
		border-bottom: 3px solid;
		border-color: #0D7ECD;
		width: 50%;
		height: 200px;
	}
	#cco_box_container .cco_boxes a:nth-child(odd),#cco_box_container .cco_boxes .darken:nth-child(odd){
		border-right: 3px solid;
		border-color: #0D7ECD;
	}
	#cco_box_container .cco_boxes a:nth-child(5), #cco_box_container .cco_boxes .darken:nth-child(5){
		width: 100%;
		border:none;
	}

}

@media only screen and (min-width: 631px) and (max-width: 1080px)
{
	.learning_module
	{
		width: 48.5%;
		margin: 0 3% 3% 0 !important;
	}
	
	#learning_tracks_container a:nth-of-type(2n) .learning_module
	{
		margin-right: 0 !important;
	}
}

@media only screen and (min-width: 670px) and (max-width: 860px)
{
	#concerns_container
	{
		width: 450px;
	}
}

@media only screen and (min-width: 961px) and (max-width: 1080px)
{
	/*.task_box p
	{
		font-size: 16px;
	}*/
}