/* ANY CSS FOR ALL WIDTHS GOES HERE
----------------------------------------------------------- */

	#s5_banner {
	padding-left:0px !important;
	float:right;
	width:50%;
	}
	

/* ALL WIDTHS UNDER 970PX
----------------------------------------------------------- */

@media screen and (max-width: 1200px){

	.padding, .s5_wrap {padding-left:2% !important;padding-right:2% !important;}
	#s5_footer_area_inner2,#column2 {padding-right:2% !important;/* width:96% !important; */}
	#column1, #ff_form2 #bfPage1 > div:first-child {padding-left:2% !important;}

body div.tab > div {
	/* width: 34vw !important; */
}
body div.tab img {
	max-width: 55vw !important;
}	
body div.tabs ul {
	width: 30vw !important;
}
}


@media screen and (max-width: 1100px){

#s5_menu_wrap {
	margin-top: 1em !important;
	width: 74vw !important;
}	
#s5_nav li a {
	font-size: .9em !important;
}
#s5_nav li {
	padding: 0 5px !important;
	min-width: auto;
}

	
}

@media screen and (max-width: 1000px){

.row-fluid .span4 {
	width: 45% !important;
	margin: auto !important;
	/* float: none !important; */
	display: inline-block !important;
	vertical-align: top !important;
}
.items-row.row-fluid.clearfix:before, .items-row.row-fluid.clearfix:after {
	clear: none !important;
	display: inline !important;
	content: unset !important;
}
div.blog.benefits div.items-row {
	border: 0 none !important;
	text-align: center;
}
.home-text h3 {
	font-size: 1.4em !important;
	top: -1.5em !important;
}
	
}
@media screen and (max-width: 900px){

#ff_form1 #bfPage1 > div:first-child {
  border-left: none !important;
  border-right: 0 none !important;
  border-bottom: 4px solid #ccc;
  float: none !important;
  margin-right: 0 !important;
  margin-bottom: 50px;
  min-height: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 50px;
  width: 100% !important;
}
/* #s5_menu_wrap {
	margin-top: 0 !important;
	margin-right: .5em !important;
	width: 43vw !important;
} */
div.hero.map {
	min-height: 385px !important;
}
.hero.map img {
	min-width: 945px !important;
	position: absolute !important;
	left: 50% !important;
	margin-left: -470px !important;
}	
}

/* TABLET PORTRAIT MODE CSS
----------------------------------------------------------- */

@media screen and (max-width: 850px){


#s5_header_area1 {
	background-position: -9em 0 !important;
	height: 105px;
}
#s5_menu_wrap {
	max-height: 105px;
}
div.accordion div {
	padding-left: 0 !important;
}
.row-fluid .span4 {
	width: 100% !important;
	float: none !important;
	display: block !important;
}

body #s5_bottom_menu_wrap > div > img {
	position: relative;
	right: 0;
}
body #s5_footer .logo {
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
	float: none !important;
	display: block !important;
	text-align: center !important;
	margin: 1em auto !important;
}
body #s5_footer_area1 {
	height: 516px;
}
.home-text h3 {
	font-size: 1.2em !important;
}	
body #logo {
	float: none !important;
	display: block !important;
	margin: auto !important;
	max-width: 90% !important;
}
body #s5_header_area1 {
	background: none !important;
	height: auto !important;
	/* margin-bottom: .5em; */
}
body .page-header {
	margin: auto !important;
	padding: 1em !important;
	text-align: center;
	font-size: calc(.8em + .3vw) !important;
}
body:not(.homepage) .banner {font-size: calc(.8em + 1vw) !important;}
.accordion div img:first-child {
	float: none !important;
	margin: 0 0 15px 0 !important;
}
body div.tabs ul {
	width: 26vw !important;
}
#ff_form2 section {
	float: none !important;
	display: block !important;
	margin: auto !important;
	width: 90% !important;
	padding: .5em !important;
}
#ff_form2 #bfPage1 > div:first-child span {
	clear: both !important;
	display: block !important;
}
#s5_footer_area1 {
	background-position: bottom right !important;
}
#s5_footer .logo {
	position: absolute !important;
	top: -11em !important;
	left: 50% !important;
	margin-left: -7em !important;
}
#s5_footer_area_inner2 * {
	text-align: center !important;
}

	/* DEFAULT
	----------------- */

	.s5_wrap {
	width:100% !important;
	}
	
	.s5_is_display, .s5_is_slide {
	position:relative !important;
	}
	
	.s5_is_slide {
	height:auto !important;
	}
	
	/* CUSTOM
	----------------- */
	
	#s5_banner {
	padding-top:4% !important;
	}
	
	#fontControls {
	display:none;
	}

	#s5_menu_wrap {
	display:none;
	}
	
	#s5_banner {
	display:none;
	}
	
	#s5_logo {
	max-width:100% !important;
	}

	#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
	----------------- */

	#s5_banner {
	display:none;
	}
	
	#s5_header_area_inner {
	padding-top:12px;
	}
	
	#s5_breadcrumb_wrap {
	display:none;
	}
	
	#s5_bottom_menu_wrap {

	}
	
	#s5_bottom_menu_wrap ul.menu li {

	}
	
	#s5_footer {
	display:block;
	width:100%;
	}
	
	#s5_social_wrap_inner div {
	margin-left:3px !important;
	}
	
	#s5_breadcrumb_fonts_wrap {
	padding:12px !important;
	}
	
	body {
	min-width:300px;
	}
	
	*{max-width:100%;}
	
	.navbar > .navparent {
	  background: url("../images/plus-minus-dl.png") no-repeat scroll right top rgba(0, 0, 0, 0);
	}
	.navbar > li .navli {
	  padding: 10px 5px 7px !important;
	}
	.navbar > .navparent.active {
	  background-position: right bottom;
	}
	
	.navbar {
	  background-color: #eee;
	}
	
	.td {
	  display: block !important;
	  margin: 5px 0;
	}
	
	.item-page table {
	  display: block;
	  overflow: auto;
	}
	
	.right-menu > li {
	  padding: 7px 0 !important;
	  font-size: 1.3em;
	}
	
	.navbar .navparent, .navbar .navli {
	  font-size: 1.3em;
	}
		
	blockquote {
	  padding-left: 50px;
	}
	
	#logo-text-mobile {
	  display: block !important;
	  left: 105px;
	  max-width: 65%;
	  position: absolute;
	  top: 18px;
	}
	
	#logo-text-mobile, .mobile-only { display: block !important; }
	
	#s5_footer_area1 {
	  padding: 0 !important;
	}
	
#s5_footer_area_inner2 {
	margin-left: 0 !important;
	padding: .5em !important;
}
	
	#footer-bar {
	  margin: 0 0 10px !important;
	  width: 100% !important;
	}
	
	iframe {
	  max-width: 100%;
	}

}


/* CUSTOM SIZES
----------------------------------------------------------- */


@media screen and (max-width: 600px){
	
.left {float:none !important;margin:0 auto 1em !important;display:block;}
.captioned {max-width:100% !important;}	
body div.tab img {
	max-width: 100% !important;
	margin: 0 auto 1em !important;
	float: none !important;
	display: block !important;
}
body div.tab > div {
	width:auto !important;
}
div.hero.map {
	
}
.hero.map img {
	min-width: 600px !important;
	position: absolute !important;
	left: 50% !important;
	margin-left: -300px !important;
	min-height: 245px !important;
}
}

@media screen and (max-width: 450px){
.home-text h3 {
	font-size: 1em !important;
	top: -1em !important;
}
body div.tabs ul {
	width: 100% !important;
	margin: 0 0 -.5em;
}
div.tabs a {
	display: block;
	text-align: center;
	width: 80%;
	margin: .5em auto;
	padding: .5em 0;
	background: #ddd;
	border-radius: 6px;
	border: 2px solid;
}
#ff_form2 #bfPage1 > div:first-child strong:last-child {
	display: block;
}
div.accordion h5::before {
	background-size: 6em !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
	width: 6em !important;
	left: -1em !important;
	min-width: 6em;
}
div.accordion h5 {
	/* background-size: 260% auto; */
	background-position: -5.5em 0 !important;
	border-radius: 3em 0 0 5em !important;
	padding-left: 7em !important;
	min-width: 6em;
	padding-top: 1.5em !important;
}
div.blog.benefits div.content {font-size:.9em;}

}