/* CSS Document */

/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

/* Smaller screens */


@media only screen and (max-width: 1015px) {
	
	body.media { background:none; background-color:#539300;}
	
	body {-webkit-overflow-scrolling: none;}
	body.media {-webkit-overflow-scrolling: auto;}
	
	.media #is_mobile { background-color:#00A1DE; color:#ffffff; }
	
	.media .page_holder,
	.media .subfooter_holder { width:100%; text-align:center; margin:0;}	
	.media .width_wrapper { width:848px; padding:0; margin:0 auto; text-align:left;}
	.media .top_row { width:100%;}

	.media nav .width_wrapper { width:852px; padding-left:4px;}

	.media img { max-width: 100% !important; height:auto; }
	.media table { max-width: 100% !important; height:auto; }



/*
	.media .footer_copyright,
	.media .footer_copyright ul li a,
	.media .footer_copyright ul li a:visited,
	.media .footer_copyright ul li a:hover { color:#222221; text-shadow:none; filter: none;}
*/
	
}

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



.media .width_wrapper,
.media nav .width_wrapper { width:100%; padding:0 15px; box-sizing:border-box;
-moz-box-sizing:border-box;}

.media #is_mobile { color:#000000; }


.media nav .nav_position_arrow { display:none !important;}
.media ul.mainmenu li a,
.media ul.mainmenu li a:visited { width:auto; margin-top:5px; padding:0 25px 0 5px !important; font-weight:400; border:1px solid #A1BF38; border-width:0 1px 0 0; }
.media ul.mainmenu li.active a,
.media ul.mainmenu li a:hover { font-weight:400; }
.media ul.mainmenu li.last_item a { border-width:0; }
.media ul.mainmenu li a span {display:none; }

.media .top_row ul.mainmenu li a,
.media .top_row ul.mainmenu li a:visited {margin-top:0;}
.media .top_row ul.mainmenu li { border:0;margin:0 0 0 20px}
.media .top_row ul.mainmenu li.first_item { padding-left:0px; margin-left:0; }



	.media main .right { width:100%; clear:both; padding-top:16px; }
	.media main .centre.size26 { width:73.2%; }
	.media main .left_outer { background:none;}
	.media main .right_outer { background:none;}
	.media main .centre .frame { border:1px solid #A1BF38; border-width:0 0 0 1px; margin-left:-1px;}

	.media main form { clear:both;}

	.media .infobox { width:30%; }
	.media .reactor_section_left_list {  width:50%;    }
	
	
	/* RECAPTCHA for portrait iPhone fix */
	.media #recaptcha_table { border:none !important;}
	.media #recaptcha_image img {width: 200px !important;  }
	.media #recaptcha_image {width:200px !important;}
	.media #recaptcha_logo, #recaptcha_tagline {display:none !important; visibility:hidden !important;}
	.media #recaptcha_response_field { width:100% !important;}

	

}

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

	/* Menu Change to full on mobile mode */
	
	footer .view_mode { display:block; }
	

	.media .page_holder { padding-top:53px; }

	.media .backtotop { display:block; }

	.media .top_row ul.mainmenu { display:none !important; }
	
	.media .top_row {z-index:1950; display:block; min-height:50px; height:auto !important; height:50px; position:fixed; width:100%; background-color:#fff; border:1px solid #A1BF38; border-width:0 0 3px 0; overflow:hidden; -webkit-box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.3) !important; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.3); !important;}

	.media .top_row .logo { width:145px; height:39px; margin-top:6px; padding-bottom:5px}	
	.media .top_row .top_right { font-size:0.8em; padding-top:11px;}
	.media .top_row .top_right .languages { display:none; }
	.media .top_row .top_right p { padding-right:5px; clear:none; }


	.media nav .width_wrapper { padding:0;}
	.media .nav_position_arrow { display:none; } 

	.media main .centre.size26 { width:100%; }
	.media main .centre.size73 { width:100%; }
	.media main .left { float:none; width:auto; margin:0 22px 16px 22px; padding-bottom:10px; clear:both; padding-top:0; border:1px solid #A1BF38; border-width:0 0 1px 0; }
	.media main .left .frame { padding:0; }
	.media main .centre .frame { border-width:0;}
	.media .footer_menu {clear:both;}


	.media .imageHalf {width:273px;}

	
}

@media only screen and (max-width:653px) {
  .media .imageHalf {width:96%;}
.media .comment_steps li {width:44%;}
.media iframe { max-width: 100% !important; height:auto; }

.media .reactor_pressure_vessel,
.media .internal_reactor_pump { float:none; }
.media .reactor_pressure_vessel_list,
.media .internal_reactor_pump_list { padding:10px 0 0 25px; }

.media .infobox { width:auto; float:none; margin:0 0 15px 0; }
.media .reactor_section_left_list { width:auto; float:none; margin:15px 20px 15px 25px; }

}

/* Mobile */
@media handheld, only screen and (max-width:437px) {
	.media .top_row .top_right p { font-size:1.6em; padding-top:4px;}
	.media table td,
	.media table th {font-size:0.80em;}

.media .imageHalf {width:auto;padding:5px 0;}
.media .imageHalf img {width:100%;}
.media .imageRight, .imageLeft, .imageLeft .imageHalf , .imageRight .imageHalf  {width:100%;float:none;}

}
@media handheld, only screen and (max-width:395px){
	.media .top_row .top_right p { font-size:1.4em; padding-top:5px;}
}
@media handheld, only screen and (max-width:372px){
	.media .top_row .top_right {padding-top:9px;}
	.media .top_row .top_right .mobile_menu {margin-top:2px;}
	.media .top_row .top_right p { width:80px; padding-top:0; line-height:1.2em; }
}
@media handheld, only screen and (max-width:360px){
  .media .comment_steps li {width:100%;min-height:30px !important;margin: 0 2% 10px 0;}
}
@media handheld, only screen and (max-width:319px){
.media .top_row .top_right p { font-size:1.2em; width:64px; padding-top:2px;}
}

@media handheld, only screen and (max-width:298px){
.media .top_row .top_right p { font-size:1em; width:52px; padding-top:5px;}
}

@media handheld, only screen and (max-width:285px){
.media .top_row .top_right p { display:none; }
}