/* ANY CSS FOR ALL WIDTHS GOES HERE
----------------------------------------------------------- */

.s5_responsive_mobile_present #s5_menu_wrap {
    display: block !important;}

#s5_body_padding #s5_responsive_mobile_bottom_bar_outer {
	display:none !important;}
	
	body#s5_body {padding-bottom:0px !important;}

/* ALL WIDTHS UNDER 970PX
----------------------------------------------------------- */

@media screen and (max-width: 970px){

	/* DEFAULT
	----------------- */

	.s5_wrap {
	width:100% !important;
	}
	
	.s5_is_display, .s5_is_slide {
	position:relative !important;
	}
	
	.s5_is_slide {
	height:auto !important;
	}
	
	#fontControls {
	display:none;
	}
	
	/* CUSTOM
	----------------- */
	
}


/* TABLET PORTRAIT MODE CSS
----------------------------------------------------------- */

@media screen and (min-width:580px) and (max-width: 970px){

	
	/* CUSTOM
	----------------- */
	
}


/* TABLET PORTRAIT MODE CSS - SMALLER TABLETS
----------------------------------------------------------- */

@media screen and (max-width: 750px){

	/* CUSTOM
	----------------- */

}


/* MOBILE LAYOUT CSS
----------------------------------------------------------- */

@media screen and (max-width: 579px){

	/* DEFAULT
	----------------- */

	#s5_right_column_wrap_inner .s5_float_left, #s5_left_column_wrap_inner .s5_float_left {
	float:none;
	}

	#s5_columns_wrap_inner {
	width:100%;
	}

	#s5_center_column_wrap {
	width:100%;
	left:100%;
	}

	#s5_left_column_wrap {
	left:0%;
	}
	
	#s5_left_top_wrap, #s5_left_column_wrap, #s5_left_inset_wrap, #s5_left_wrap, #s5_left_bottom_wrap, #s5_right_top_wrap, #s5_right_column_wrap, #s5_right_inset_wrap, #s5_right_wrap, #s5_right_bottom_wrap, #s5_top_row1 .s5_float_left, #s5_top_row2 .s5_float_left, #s5_top_row3 .s5_float_left, #s5_above_columns_inner .s5_float_left, #s5_middle_top .s5_float_left , #s5_middle_bottom .s5_float_left, #s5_below_columns_inner .s5_float_left, #s5_bottom_row1 .s5_float_left, #s5_bottom_row2, .s5_float_left, #s5_bottom_row3 .s5_float_left, #s5_above_body .s5_float_left, #s5_below_body .s5_float_left {
	width:100% !important;
	}
	
	#s5_center_column_wrap_inner {
	margin:0px !important;
	}
	
	#s5_left_column_wrap {
	margin-right:0px !important;
	}
	
	#s5_right_column_wrap {
	margin-left:0px !important;
	}
	
	.items-row .item {
	width:100% !important;
	padding-left:0px !important;
	padding-right:0px !important;
	margin-right:0px !important;
	margin-left:0px !important;
	}
	
	/* CUSTOM
	----------------- */
	
	.inputbox.mailchimp_signup {width:100% !important;}
	
	.s5_selectcampus, .s5_selectcollege {
		float: none;
		margin-bottom: -65px !important;
		margin-top: 37px !important;
		width: 100% !important;}
	
	.s5_selectcampus select, .s5_selectcollege select{	
		width: 100% !important;}
		
	
	#s5_bottombackcolor .module_round_box {
		margin-left: 0;
		margin-right: 0;
		text-align: center;}	
		
	.slideInfoZone a.readon.white {
		margin-left: 0px;}	

}


/* CUSTOM SIZES
----------------------------------------------------------- */

@media screen and (max-width: 1350px){

	.s5_wrap {
		width:100% !important;
		}

	#s5_top_row1_inner, #s5_top_row2_inner, #s5_top_row3_inner , #s5_below_columns_inner, #s5_above_columns_inner, #s5_bottom_row1_wrap, #s5_bottom_row2_wrap, #s5_bottom_row3_wrap, #s5_footer_area2, #s5_top_header, .jdGallery .slideInfoZone p, .jdGallery .slideInfoZone h2, #s5_columns_wrap, #s5_pos_custom_6_inner {
		padding-left: 5% !important;
		padding-right: 5% !important;}
		
		.s5_wrap.notfullwidth #s5_logo_wrap {padding-left: 5% !important;}
		.s5_wrap.notfullwidth #s5_menu_inner{padding-right: 5% !important;}
	
}	



@media screen and (max-width: 1195px){

	.pages_portfolio {
		float:none !important;
		width:100% !important;}
		

		
}


@media screen and (max-width: 1195px){

	#s5_footer, #s5_bottom_menu_wrap {
		float: none;
		margin-bottom: 12px;
		text-align: center;
		width: 100%;}
		
	#s5_bottom_menu_wrap ul.menu li a {
		background:none;}
		
	#s5_bottom_menu_wrap ul.menu li {
		float:none;
		text-align:center;}

}


@media screen and (max-width: 1170px){

	.iacf_big_title {
		font-size: 2.8em;}

	#s5_logo_wrap {
		display: table;
		float: none;
		margin: 0 auto;
		text-align: center;}
		
	#s5_responsive_menu_button {
		cursor:pointer;
		margin-left: 10px;
		margin-top: -56px;}	
}
	

@media screen and (max-width: 1195px){

	#s5_search_wrap {
	display:none;}
}

@media screen and (max-width: 1100px){
	#s5_masonry_navwrap {
		float: none;
		margin-top:0px;}
		
	#s5_top_row1_area1 .module_round_box_outer {
		margin-bottom: 80px;}	
}	



@media screen and (max-width: 1090px){

	#s5_top_row1_inner, #s5_top_row2_inner, #s5_top_row3_inner , #s5_below_columns_inner, #s5_above_columns_inner, #s5_bottom_row1_wrap, #s5_bottom_row2_wrap, #s5_bottom_row3_wrap, #s5_footer_area2, #s5_top_header, .jdGallery .slideInfoZone p, .jdGallery .slideInfoZone h2, #s5_columns_wrap, #s5_pos_custom_6_inner {
		padding-left: 2% !important;
		padding-right: 2% !important;}
		
	.s5_wrap.notfullwidth #s5_logo_wrap {padding-left: 2% !important;}
	.s5_wrap.notfullwidth #s5_menu_inner{padding-right: 2% !important;}
		
	.spacing30 .s5_module_box_1 { margin-left: 10px;margin-right: 10px;}	
		
	#s5_quick_contact_wrap span {
		width: 100%;}
		
	#s5_quick_contact_wrap span {
		float: none;}
		
	#s5_quick_contact_wrap span.s5_qc_button_wrap {
		display: table;
		float: none;
		left: 0;
		margin: 42px auto 0;
		right: 0;
		width: auto;}	
	
	#s5_quick_contact span input {
		width:100% !important;}
		
	#s5_requestcall {text-align:center;float:none;margin-bottom: 30px;margin-right:0px;}
	
	#s5_requestcall span {
		display: block;
		margin-bottom: 12px;
		margin-left: auto !important;
		margin-right: auto !important;}
	
}	


@media screen and (max-width: 950px){
		
	#s5_bottombackcolor .module_round_box {
		margin-bottom: 50px;}
}		


@media screen and (max-width: 845px){
	.inputbox.mailchimp_signup {width:80%;}
	
	.iacf_title {
		font-size: 1.4em;
		text-align:center;}
	
	.iacf_big_title {
		line-height: 40px;
		font-size: 2.4em;
		background: rgba(0, 0, 0, 0) url("../images/iacf_line.png") no-repeat scroll center bottom;		
        text-align: center;}
		
	.iacf_subtext {
		text-align: center;
		width: 100%;}
		
	.iacf_buttonwrap {
		margin:0 auto;
		text-align: center;
		display:table;}   
		
}


@media screen and (max-width: 700px){
	#s5_mason_load_more {
		width:80%;}
	
	ul.s5_masonry_articles {
		float: none;
		left: 0;
		text-align: center;
		width: 100% !important;}
		
	ul.s5_masonry_articles li {
		float: none;
		right:0px;}
	
	#s5_breadcrumb_outer {
		display:none;}
	
}


@media screen and (max-width: 610px){
	#s5_givenow {
		display:none;}
		
	#s5_topmenu {
		display: table;
		margin: 0 auto;}	

	.pages_50 {
		width:100% !important;}
		
	.pages_top_left, .pages_top_right {
		float:none !important;}
		
	.pages_bottom_right, .pages_top_left, .pages_darkcolor .vertical_center	{
		position:relative;}
		
	.pages_darkcolor .vertical_center {
		top:0;
		transform: none;
		-webkit-transform:none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;}
		
}

@media screen and (max-width: 430px){
	#s5_topmenu {
		display:none;}

}

@media screen and (max-width: 350px){
	#s5_mason_load_more {width:100%;}
}


