@media handheld {
  #intro .img-cover , #intro .balances, #intro .brochure {
    background: none;
  }
}



	.myMobileImage {
				display: none;
	}


/*Feedback form Custom questions font size fix*/
p.customQuestionInput {
font-size: 12px;
}
/*Feedback form Custom questions font size fix*/












#intro, #intro2, #intro3, #intro4, #intro5, #intro6, #intro7, #intro8, #intro9, #intro10 {
	width: 100%;
	padding-top: 0px;
	position: relative;
	margin-bottom: 100px;
}




/*block 1 - hero block*/	
	#intro .img-cover {
		width: 100%;
		height: 1050px;
		 
		position: relative;
		top: 0px;
		background: url('http://www.mt.com/dam/MT-NA/images/laboratory/gmp/GMP1.jpg') no-repeat right bottom;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	}


/*block 9 - hero block3*/	
	#intro2 .img-cover {
		width: 100%;
		height: 750px;
		 
		position: relative;
		top: 0px;
		background: url('http://www.mt.com/dam/MT-NA/images/laboratory/gmp/GMP2.jpg') no-repeat right bottom;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	}





/*block 5 - hero block2*/	
	#intro3 .img-cover {
		width: 100%;
		height: 1000px;
		 
		position: relative;
		top: 0px;
		background: url('http://www.mt.com/dam/MT-NA/images/laboratory/gmp/GMP3.jpg') no-repeat right bottom;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	}


/*block 6 - calibration*/	
	#intro4 .img-cover {
		width: 100%;
		height: 975px;
		 
		position: relative;
		top: 0px;
		background: url('http://www.mt.com/dam/MT-NA/images/laboratory/gmp/GMP4.jpg') no-repeat right bottom;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	}






	/*block 5 - hero block2*/	
	#intro5 .img-cover {
		width: 100%;
		height: 975px;
		 
		position: relative;
		top: 0px;
		background: url('http://www.mt.com/dam/MT-NA/images/laboratory/gmp/GMP5.jpg') no-repeat right bottom;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	}




	/*block 5 - hero block2*/	
	#intro6 .img-cover {
		width: 100%;
		height: 975px;
		 
		position: relative;
		top: 0px;
		background: url('http://www.mt.com/dam/MT-NA/images/laboratory/gmp/GMP6.jpg') no-repeat right bottom;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	
    }


/*block 5 - hero block2*/	
	#intro7 .img-cover {
		width: 100%;
		height: 975px;
		 
		position: relative;
		top: 0px;
		background: url('http://www.mt.com/dam/MT-NA/images/laboratory/gmp/GMP7.jpg') no-repeat right bottom;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	
    }


/*block 5 - hero block2*/	
	#intro8 .img-cover {
		width: 100%;
		height: 975px;
		 
		position: relative;
		top: 0px;
		background: url('http://www.mt.com/dam/MT-NA/images/laboratory/gmp/GMP8.jpg') no-repeat right bottom;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	
    }


/*block 5 - hero block2*/	
	#intro9 .img-cover {
		width: 100%;
		height: 975px;
		 
		position: relative;
		top: 0px;
		background: url('http://www.mt.com/dam/MT-NA/images/laboratory/gmp/GMP9.jpg') no-repeat right bottom;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	
    }


/*block 5 - hero block2*/	
	#intro10 .img-cover {
		width: 100%;
		height: 975px;
		 
		position: relative;
		top: 0px;
		background: url('http://www.mt.com/dam/MT-NA/images/laboratory/gmp/GMP10.jpg') no-repeat right bottom;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	
    }

	





 


/*------------  Text box -------------*/

.myTextBox {
	width: 45%;
	
	margin: 0;
	font-size: 1.7rem;
	line-height: 2.5rem;
	top: 11%;
	position: relative;
	left: 0%;
	box-sizing: border-box;
	padding: 40px;
	padding-left: 80px;
	padding-left: 60px;
 

}

		.balances .myTextBox {
			top:0;
			line-height: 3rem;
 			background-position: -290px 0;
		}

		.img-cover .myTextBox {
			 
			background: url('http://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/white-back.png') left 0 repeat-y;
			 
		}




 

/*------------  Green buttons  -------------*/
a.myGreenButton {
	font-size: 1.7rem;
	line-height: 2.4rem;
	color: #fff;
	display: inline-block;
	padding: 15px 10px;
	background-color: #66bc29;
	margin: 20px 0 15px 0;
	border: 3px solid #66bc29;
	border-radius: 6px;

}

		a.myGreenButton:hover {
			text-decoration: underline;
		}


		.balances .myTextBox a.myGreenButton {
			float: left;
			margin: 15px 25px 25px 0;

		}

li{
  
    line-height: 1.5em;
}



/* Style the tab */
div.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}






/*------------  fonts settings -------------*/
h1 {
	font-size: 2.6rem; line-height: 3.1rem;
	margin-bottom: 30px;
	display: block;
	font-weight: normal;
}


/*--------------- feedback B form settings ------------*/

.inlineFeedbackFormContainer {
	width:100%;
	background-color: #ffffff;
	margin:0;  
	padding: 0% 30% 3% 30%;
	box-sizing: border-box;
}

.inlineFeedbackFormContainer .fb_form {
padding: 2% 2% 0;
margin: 0% 0 0 0;
width: 100%;
max-width: 800px!important;
box-sizing: border-box;
}





/* /////////////////////////////////////////////////////////////////////// */
/*                                                                         */
/*                            new mt page setup                            */
/*                                                                         */
/* /////////////////////////////////////////////////////////////////////// */

@media only screen and (min-width : 1150px) {

		#header_boxtop, #footer_boxbot, #title {

			display: none;
		}


		#main_layer {
			/*background-image: url(widgets/shared/css/images/repeating/main-layer-repeat-y-left.gif),url(widgets/shared/css/images/repeating/main-layer-repeat-y-right.gif);
			background-position: top left,top right;
			background-repeat: repeat-y;
			background-color: transparent;*/
			 
			background-image: url( );
			background-position: top left,top right;
			background-repeat: repeat-y;
			background-color: transparent;

			padding: 0;
		 
		} 

		.mt-stage {
			width: 100%;
		}

		/*#header_layer {
			position: fixed;
			z-index: 1000;
			width: 100%;
		}*/

		/*shifting logo to the right*/
				#logo_layer {
					margin-left: 100px;
				}

		/*shifting main menu to the left*/
				#main_navi_layer div ul { 
					/*margin-right:170px; */
					margin-right:10%; 
				}

				ul li.last { 
					border-right: 1px solid #fff;
				}

		/*turn off login/registration*/
				.login_reg_info {
					display: none;
				}

		/*shifting country and search to the left*/
				.cnty_lang_search {
					margin: 10px 0px 0 0;
					 
				}

				div.search {
					margin-left: 50px;
				}

				.top_meta_layer { 
					margin-right:10%; 
					width:500px;
				} 
}


/*------------- new mt page setup -----------------*/









/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   1680 px    		  					   */

/* /////////////////////////////////////////////////////////////////////// */


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


	/*green button*/
			.myGreenButton {
				font-size: 1.7rem;
				line-height: 2.5rem;
				color: #fff;
				display: inline-block;
				padding: 10px 8px;
				background-color: #66bc29;
				margin: 40px 0 15px 0;
				border: 3px solid #66bc29;
				border-radius: 6px;
			}

	/*fonts size*/
			.myTextBox , .brochure .myTextBox, .balances .myTextBox  {
				font-size: 1.7rem;
				line-height: 2.5rem;
			}


			h1 {
				font-size: 3rem; line-height: 3.25rem;
				margin-bottom: 30px;
				display: block;
				font-weight: normal;
			}
				 
	
}





/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   1500 px    		  					   */

/* /////////////////////////////////////////////////////////////////////// */


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


	/*green button*/
			a.myGreenButton {
				font-size: 1.7rem;
				line-height: 2.5rem;
				color: #fff;
				display: inline-block;
				padding: 10px 8px;
				background-color: #66bc29;
				margin: 20px 0 15px 0;
				border: 3px solid #66bc29;
				border-radius: 6px;
			}

			.balances .myTextBox a.myGreenButton {
					float: left;
					margin: 15px 25px 10px 0;

			}


	/*fonts size*/
			.myTextBox {
				font-size: 1.5rem;
				line-height: 2.3rem;
			}

			.brochure .myTextBox, .balances .myTextBox  {
				font-size: 1.5rem;
				line-height: 2.3rem;
			}



			h1 {
				font-size: 2.7rem; line-height: 3rem;
				margin-bottom: 30px;
				display: block;
				font-weight: normal;
				width:500px;
			}
	
	/*text box width*/	
			.myTextBox {
					 width: 42%;
				}
	
}



/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   1300 px    		  					   */

/* /////////////////////////////////////////////////////////////////////// */


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

 		  	

		/*green button*/
				a.myGreenButton {
					font-size: 1.5rem;
					line-height: 2.1rem;
					color: #fff;
					display: inline-block;
					padding: 7px 8px;
					background-color: #66bc29;
					margin: 30px 0 15px 0;
					border: 3px solid #66bc29;
					border-radius: 6px;
				}

				.balances .myTextBox a.myGreenButton {
					float: left;
					margin: 15px 25px 5px 0;

				}




		/*fonts size*/
				.myTextBox {
					font-size: 1.3rem;
					line-height: 1.9rem;
				}

				.brochure .myTextBox, .balances .myTextBox  {
					font-size: 1.3rem;
					line-height: 1.9rem;
				}



				h1 {
					font-size: 2.7rem; line-height: 3rem;
					margin-bottom: 30px;
					display: block;
					font-weight: normal;
					width:400px;
				}
		
		/*text box width*/	
				.myTextBox {
						 width: 40%;
					}




		/*--------------- feedback B form settings ------------*/

				.inlineFeedbackFormContainer {
					width:100%;
					background-color: #ffffff;
					margin:0;  
					padding: 0% 10% 3% 10%;
					box-sizing: border-box;
				}


				.inlineFeedbackFormContainer .fb_form {
					margin: 3% auto!important;
					width: 100%;
 					max-width: 650px;
				}




}





/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   1150 px    		  					   */

/* /////////////////////////////////////////////////////////////////////// */


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

		
 


		/*green button*/
				.myGreenButton {
					font-size: 1.5rem;
					line-height: 2.2rem;
					color: #fff;
					display: inline-block;
					padding: 7px 5px;
					background-color: #66bc29;
					margin: 30px 0 15px 0;
					border: 3px solid #66bc29;
					border-radius: 6px;
				}

		/*fonts size*/
				.myTextBox , .brochure .myTextBox , .balances .myTextBox {
					font-size: 1.4rem;
					line-height: 2.1rem;
				}


				h1 {
					font-size: 2.3rem; line-height: 2.7rem;
					margin-bottom: 30px;
					display: block;
					font-weight: normal;
					width:400px;
				}


		/*text box container*/
				.myTextBox {
					width: 50%;
					margin: 0;
					top: 6%;
					position: relative;
					left: 0%;
					box-sizing: border-box;
					padding: 40px;
					background: url('____http://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/__white-back.png') -250px 0 repeat-y;
				}

						.balances .myTextBox {
							width: 46%;
							top:0;
						}




		/*main sections dimensions*/
				#intro, #intro2, #intro3 #intro4 #intro5 #intro6 #intro7 #intro8 #intro9 #intro10 {
					width: 100%;
					 
					padding-top: 0px;
					 
					position: relative;
					margin-bottom: 30px;
				}



		/*block 1 - hero block*/	
			#intro .img-cover {
				width: 100%;
				height: 1100px;
				 
				position: relative;
				top: 0px;
				background-position: -3000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
			}


    /*block 1 - hero block*/	
			#intro2 .img-cover {
				width: 100%;
				height: 800px;
				 
				position: relative;
				top: 0px;
				background-position: -3000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
			}
    
    
    /*block 1 - hero block*/	
			#intro3 .img-cover {
				width: 100%;
				height: 1100px;
				 
				position: relative;
				top: 0px;
				background-position: -3000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
			}
    
    
    /*block 1 - hero block*/	
			#intro4 .img-cover {
				width: 100%;
				height: 920px;
				 
				position: relative;
				top: 0px;
				background-position: -3000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
			}
    
    
    /*block 1 - hero block*/	
			#intro5 .img-cover {
				width: 100%;
				height: 1000px;
				 
				position: relative;
				top: 0px;
				background-position: -3000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
			}
    
    
    /*block 1 - hero block*/	
			#intro6 .img-cover {
				width: 100%;
				height: 1000px;
				 
				position: relative;
				top: 0px;
				background-position: -3000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
			}
    
    
    /*block 1 - hero block*/	
			#intro7 .img-cover {
				width: 100%;
				height: 1000px;
				 
				position: relative;
				top: 0px;
				background-position: -3000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
			}
    
    
    /*block 1 - hero block*/	
			#intro8 .img-cover {
				width: 100%;
				height: 1000px;
				 
				position: relative;
				top: 0px;
				background-position: -3000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
			}
    
    
      /*block 1 - hero block*/	
			#intro9 .img-cover {
				width: 100%;
				height: 880px;
				 
				position: relative;
				top: 0px;
				background-position: -3000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
			}
    
    
      /*block 1 - hero block*/	
			#intro10 .img-cover {
				width: 100%;
				height: 950px;
				 
				position: relative;
				top: 0px;
				background-position: -3000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
			}
    
    
}



/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   1040 px    		  					   */

/* /////////////////////////////////////////////////////////////////////// */


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



			/*fonts*/
				h1 {
					width: auto;
				}



			/*text box container*/
				.myTextBox, .balances .myTextBox , .brochure .myTextBox {
					width: 100%;
					margin: 0;
					top: 0%;
					position: relative;
					left: 0%;
					box-sizing: border-box;
					padding: 30px;
					background: url('__http://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/white-back.png') -250px 0 repeat-y;
				}

				.myTextBox h1 {
					background: url('http://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/white-back.png') -250px 0 repeat-y;
				}


			/* image*/
				#intro .img-cover, #intro2 .img-cover, #intro3 .img-cover, #intro4 .img-cover, #intro5 .img-cover, #intro6 .img-cover, #intro7 .img-cover, #intro8 .img-cover, #intro9 .img-cover, #intro10 .img-cover,  {
					background: none;
					height: auto;
				}

				.myMobileImage {
					display: block;
					width: 100%;
					height: auto;
				} 

					#intro3 .myMobileImage {
						width:100%;
						margin: 0 auto;
					}



				.brochure .myTextBox .myBrochureThumb {
					display: none;
				}


			/*layout*/
				#intro3, #intro3 .brochure {
					height:auto;
				}


			/*green button*/
				.balances .myTextBox a.myGreenButton, a.myGreenButton  {
					float: none;
				}


 


}





/* /////////////////////////////////////////////////////////////////////// */

/* 		  	  					   460 px    		  					   */

/* /////////////////////////////////////////////////////////////////////// */



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

			/*text box container*/
						.myTextBox, .balances .myTextBox , .brochure .myTextBox {
							 
							padding: 10px;
						}

			/*fonts size*/
				.myTextBox , .brochure .myTextBox , .balances .myTextBox {
					font-size: 1.4rem;
					line-height: 2.1rem;
				}


				h1 {
					font-size: 2rem; line-height: 2.5rem;
					margin-bottom: 30px;
					display: block;
					font-weight: normal;
					width:auto;
				}

}