/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@media screen and (max-width: 1450px) {
.parallax1_inner #tagline_outer { width: 90%; max-width: 1250px; padding: 40px 5% 0 5%; margin: 0 auto; position: relative; }
.parallax1_inner #tagline h1 { font-size: 2em; }
}

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

#tagline { }
	.parallax1_inner #tagline_outer {display: none; }
	h1.mobile { display:block; }
#logo { max-width: 380px;  }

#tagline_outer {  padding: 80px 5% 30px 5%; }


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

#navbar { display:none; }
#logo { float: left; margin-top: 5px; display: block;  }

#navbar-mobile { display:block; }
.toggled-on #menu-topmenu-mobile { display:block; }

#tagline {  }

}


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

#tagline { }

}


@media screen and (max-width: 850px) {
	
#top_left { width: 60%; }
#top_right { width: 40%;  }


#banner-slider-home { top:50%; }
#banner-slider { top:50%; }

#tagline_outer {  padding: 10px 5% 10px 5%; }
.parallax1 #tagline_outer { padding: 10px 5% 30px 5%;  }

#tagline { padding-top: 0px;}
#tagline { font-size: .85em; }
#tagline h1 { padding-top: 1px; font-size: 2em; }


 img.floatleft { max-width:30%; height:auto; }
 img.floatleft_content { max-width:30%; height:auto; }

 img.floatright, img.floatright_content { max-width:30%; height:auto; }
 img.floatright2 { max-width:30%; height:auto; }

.btm_menu { display:none; }

 .captcha { max-width: 95%; height: 60px; margin: 5px 0px; }
 
div.inputfield { clear: left; font-weight: normal; padding:3px 0px; text-align:left;}
div.inputfieldn { display: none; }
label {  display:block; }
label.short1 { width: 38px; text-align: left; float:none; padding-top: 2px; padding-right: 0;  }
label.short2 { width: 30px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.short { width: 70px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.med1 { width: 110px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.med { width: 150px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }
label.long { width: 220px; text-align: left; float:none; padding-top: 2px; padding-right: 0; }

.map iframe { width: 100%; }
.map { float:none; margin:0 0 1em 0; }

	
	
#top_outer { position: relative; top: auto; left: auto; right:auto; height:auto;  }

#logo_box_outer { position: relative; top: auto; left: auto; right:auto; height:auto; }
	
	
	#top_left { float:none; width:100%; }

	#top_right { float:none; width:100%; text-align:left;}
	#top_right p { margin:0; padding: .5em 0; }

	.topemail { display: block; }
	
	.menu-toggle { top: 20px;  }
	.menu-toggle img { max-width: 40px; height: auto;}
	#menu-topmenu-mobile { margin: 0; top:0px; }
	
	#mid { margin-top: 0px; }
	


/*h1.mobile { display:block; }*/

.col10 { width: 100%; float:none; }
.col20 { width: 100%; float:none; }
.col25 { width: 100%; float:none; }
.col30 { width: 100%; float:none; }
.col33 { width: 100%; float:none; }
.col34 { width: 100%; float:none; }
.col40 { width: 100%; float:none; }
.col50 { width: 100%; float:none; }
.col60 { width: 100%; float:none; }
.col66 { width: 100%; float:none; }
.col67 { width: 100%; float:none; }
.col75 { width: 100%; float:none; }
.col70 { width: 100%; float:none; }
.col80 { width: 100%; float:none; }

.col10r { width: 100%; float:none; }
.col20r { width: 100%; float:none; }
.col25r { width: 100%; float:none; }
.col30r { width: 100%; float:none; }
.col33r { width: 100%; float:none; }
.col34r { width: 100%; float:none; }
.col40r { width: 100%; float:none; }
.col50r { width: 100%; float:none; }
.col60r { width: 100%; float:none; }
.col66r { width: 100%; float:none; }
.col67r { width: 100%; float:none; }
.col75r { width: 100%; float:none; }
.col70r { width: 100%; float:none; }
.col80r { width: 100%; float:none; }

.fleft { text-align:left; }
.fright { text-align:left; }
.fcenter { text-align:left; }

	.col-inner-0t {padding-top: 15px; }
	.features img { width: auto; height:auto;}
}


@media screen and (max-width: 700px) {
#tagline { font-size: .75em; }

}


@media screen and (max-width: 600px) {
#logo { max-width: 300px;  }
#tagline h1 { padding-top: 1px; font-size: 1.6em; }
#tagline { font-size: .65em; }

}