/**
 * 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: 1600px) {
.Grid-sizer { width: 33.3333%; }
.Grid-item { width: 33.3333%; float:left; }
	
} 

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

#navbar { display:none; }
#logo { float: left; padding-top: 5px; padding-left:10px;  }
#logo img { max-width:95%; }

#banner_phone_mobile { display:none; }

#navbar-mobile { display:block; margin-top: 20px; }

.menu-toggle { padding-right: 10px;}

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


#banner_home { width: 100%; height: auto; background-color: #000; background-position: center -100px; position:relative; margin: 0 auto;   z-index:1; }
#banner { width: 100%; height: auto; background-color: #000; position:relative; margin: 0 auto;  z-index:1; }

#tagline { max-width: 92%; padding: 4%;  }
#tagline-pages { max-width: 92%; padding: 4%;  }

.quoteimg { display:none; }

#features-outer  { border-bottom: solid 1px #d1d1d1; z-index: auto; }
	
	
}


@media screen and (max-width: 1000px) {
.Grid-sizer { width: 50%; }
.Grid-item { width: 50%; float:left; }
	
}


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

 img.floatleft, img.alignleft { max-width:50%; height:auto; }
 img.floatleft_content { max-width:50%; height:auto; }

 img.floatright, img.floatright_content, img.alignright { max-width:50%; height:auto; }
 img.floatright2 { max-width:50%; 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; }

}

@media screen and (max-width: 768px) {
.Grid-sizer { width: 100%; }
.Grid-item { width: 100%; float:left; }
	
}


@media screen and (max-width: 700px) {
	
#navbar-mobile { margin-top: 20px; }

.col20 { width: 100%; float:none; }
.col23 { width: 100%; float:none; }
.col25 { width: 100%; float:none; }
.col28 { width: 100%; float:none; }
.col29 { width: 100%; float:none; }
.col30 { width: 100%; float:none; }
.col31 { width: 100%; float:none; }
.col33 { width: 100%; float:none; }
.col34 { width: 100%; float:none; }
.col40 { width: 100%; float:none; }
.col45 { width: 100%; float:none; }
.col50 { width: 100%; float:none; }
.col55 { width: 100%; float:none; }
.col60 { width: 100%; float:none; }
.col70 { width: 100%; float:none; }
.col75 { width: 100%; float:none; }
.col80 { width: 100%; float:none; }
.pad1 { width: 98%; }
.pad2 { width: 96%; }
.mp0 { padding-left:0; padding-right:0;}


.border-right { background-image:none; border-bottom: solid 1px #d1d1d1; }

#banner_home { width: 100%; height: auto; background-color: #000; position:relative; margin: 0 auto;  z-index:1; }
#banner { width: 100%; height: auto; background-color: #000; position:relative; margin: 0 auto; z-index:1; }
	
#logo { float: left; padding-top: 5px; padding-left:10px; max-width: 70%; }
	
.col-inner-home {padding: 30px 20px; margin:0px; position:relative; }


#tagline p { font-size: 0.9em; }
#tagline h1 { font-size: 1.5em; }
#tagline h2 { font-size: 1.5em; }
#tagline h3 { font-size: 1em; }
#tagline-pages p { font-size: .9em; }
#tagline-pages h1 {font-size: 1.3em;  }
#tagline-pages h2 { font-size: 1.3em; }
#tagline-pages h3 { font-size: 1em; }

.footer-1-col { border-bottom: solid 1px #ccc; }

.parallax1_inner { 
	min-height:100px;
}


}

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

.Grid-sizer { width: 100%; }
.Grid-item { width: 100%; float:left; }
	
}