/**
 * 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: 954px) {

body { background-image: none; }

#outer_homepage { background-image: none; background-color:#3F3D3E; }
#outer_page { background-image: none;  background-color:#3F3D3E;}
#outer_box { margin: 0 auto; width: 100%; height: auto;  background-color:#3F3D3E;}

#banner { width: 100%; height: auto; }
#logo_box { height:auto; }
#logo { clear: both; float: none; border-bottom: solid 1px #d1d1d1; padding: 10px 20px; }
#logo img { max-width:100%; width:auto;  height:auto; }
#banner_right { clear: both; float:none; text-align: left; display:block;  }
.banner_date { display:none; }
.banner_phone { padding-top: 0px; padding-right: 0; padding-left: 20px; }
.banner_phone img {  max-width:95%; width:auto;  height:auto; }
#bottom { display:none; }

#mid { display:none; }

#banner_outer { padding-bottom: 0px; }
#maincontent_outer { width:100%; background-color: #fff; background-image: none; padding-top: 0; }

#content_outer { width: 100%; background-image: none; }
#col1 { float:none; width: 90%; padding-left: 5%; padding-right: 5%; padding-top:2em; margin:0; background-color:#fff; }
#col1_full { float:none; width: 90%; padding-left: 5%; padding-right: 5%; padding-top:2em; margin:0; background-color:#fff; }
#col2 { float:none; border-top:solid 2px #ccc; margin:0; }
.col2_block {  }
.col2_block_inner {  }
.marginleft20 { margin-left: 0px; }
.margintop10 { margin-top: 0px; }
.margintop5 { margin-top: 0px; }
.margintopm5 { margin-top: 0px; }

.col20 { width: 100%; float:none; }
.col25 { width: 100%; float:none; }
.col26 { 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; }
.col74 { width: 100%; float:none; }
.col75 { width: 100%; float:none; }
.col80 { width: 100%; float:none; }

.col20r { width: 100%; float:none; }
.col25r { width: 100%; float:none; }
.col26r { width: 100%; float:none; }
.col33r { width: 100%; float:none; }
.col34r { width: 100%; float:none; }
.col40r { width: 100%; float:none; }
.col45r { width: 100%; float:none; }
.col50r { width: 100%; float:none; }
.col55r { width: 100%; float:none; }
.col60r { width: 100%; float:none; }
.col74r { width: 100%; float:none; }
.col75r { width: 100%; float:none; }
.col80r { width: 100%; float:none; }

#content_bottom_outer { width: 100%; background-image: none; display:none; }
#content_bottom { width: 100%; background-image: none; height: 20px; }

#footer_outer { clear:both; width: 90%; height: auto; background-image: none; padding: 0 5% 0 5%; min-height: auto; }
#footer { width: 100%;background-image: none;  min-height: auto; }
#footer_text { padding: .8em 0px; }
.privacymenu { display:none; }
.btm_menu { display:none; }



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

 img.floatright { max-width:50%; height:auto; }
 img.floatright2 {  max-width:50%; height:auto; }
 
.map iframe { width: 100%; }
.map { float:none; margin:0 0 1em 0; }

.brand { display:block; }

.floatleftbox { float:none; width: 100%; margin-right:0; }

 .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; }
input { max-width: 90%; }
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; }

}

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


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

.bigger { font-size: 1.1em; }

.brand { }
.footercopy { clear:both; display:block; padding-top: 5%; margin-top:5%; border-top: solid 1px #ccc; }


}

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

#logo { display: none; }
#logo-mobile { display: block; padding-left: 20px; padding-right: 20px; padding-top: 10px; }
#logo-mobile img { width: 400px; height:auto; max-width:100%; padding-bottom:10px; border-bottom: solid 1px #d1d1d1; }

 img.floatleft {  max-width:99%; height:auto; float:none; margin-right:0; display:block; }
 img.floatleft_content { max-width:99%; height:auto;float:none; margin-right:0; display:block; }

 img.floatright { max-width:99%; height:auto;float:none; margin-left:0; display:block; }
 img.floatright2 {  max-width:99%; height:auto; float:none; margin-left:0; display:block; }

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px){


}