/**
 * 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: 1000px) {
	
body { background-image: none; }
	
#outer_box { width: 100%; border: none; }

#banner { width:100%; height: auto; }
#logo_box { height:auto; }
#logo { }
#banner_phone { }
#logo img.logo { max-width: 100%; }

#mid { display:none; }

#col1 { float:none; width: 94%; padding: 0px 3%; background-image: url(images/content_bg.jpg); background-repeat:repeat-y; background-position:top right; border-bottom: solid 6px #a4a4a3; margin-bottom: 3%; }
#col1_inner { float:none; width: 94%; padding: 0px 3%; border-bottom: solid 6px #a4a4a3; margin-bottom: 3%; }
#col1_full { float:none; width: 94%; padding: 0px 3%; }

#col2 { float:none; width: 100%; }
.col2_block { padding: 0px 3%; width: 94%; border-bottom: solid 6px #a4a4a3; margin-bottom: 3%; }

#col2_inner { float:none; width: 100%; }
.col2_inner_block { padding: 0px 3%; width: 94%; }

.home_block { float:none; padding: 3%; width: 94%; margin: 3% 0; }

#home_bottom { float:none; margin-top: 1%; padding-top: 0; background-image: none; }
.home_bottom_box { width: 88%; height: auto; padding: 3%; margin: 3%; float:none; margin-bottom: 10px; }
.home_bottom_box_reflect { display: none; }
.boxleft { margin-left: 3%;}


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

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

.brand { display:block; }

 .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; }

.readmore { position: relative; bottom: 0; right: 0; margin: 5px 0px; }
.readmore a:hover { color: #ff0000; }

}

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

#banner_phone { display: none; }
#logo img.logo {  }

#logo-mobile {  }
#banner_phone-mobile { display: block; }
#logo-mobile img.logo { max-width: 100%; }
#banner_phone-mobile img.phone { max-width: 100%; }

#tagline { font-size:1.2em; width: 40%; top: 20%; }
.bigger { font-size: 1.1em; }
.map img { width: 100%; height:auto; }

}


@media screen and (max-width: 610px) {
#footer_text { text-align:left; }

}

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

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

}