@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{
	width: 100%;
	padding-top: 0px;
	position: relative;
	margin-bottom: 35px;
}




/*block 1 - hero block2*/	
	#intro .img-cover {
		width: 100%;
		height: 625px;
		 
		position: relative;
		top: 0px;
		background: url('http://www.mt.com/dam/MT-NA/images/retail/servicecounters_1.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 2 - calibration*/	
	#intro2 .brochure{
		width: 100%;
		height: 625px;
		 
		position: relative;
		
		background: url('http://www.mt.com/dam/MT-NA/images/retail/servicecounters_2.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 3 - max*/	
	#intro3 .balances{
		width: 100%;
		height: 625px;
		box-sizing: border-box;
		 
		position: relative;
		background: url('http://www.mt.com/dam/MT-NA/images/retail/servicecounters_3.jpg') no-repeat left center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-top: 0px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;


		

	}


	/*block 3 - max*/
			.brochure .myTextBox {
				width: 75%;
				margin: 2% auto; 
				font-size: 2rem;
				line-height: 3rem;
				position: relative;
				box-sizing: border-box;
				padding-left: 40%;
				padding-top: 0px;
				top:0; left:0;
			}

				.myTextBox .myBrochureThumb {
					width: 250px; height: 350px; 
					position: absolute;
					top: 0px; left: 0px;

				}

				.myTextBox .myBrochureThumb .myBrochureThumb2 {
					width: 230px; height: auto;
					position: relative;
					bottom: -10px; left: 10px;
					z-index: 100;
				} 


				.myTextBox .myBrochureThumb .myBrochureShadow {
					background: url('http://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/brochure-shadow.png') no-repeat left center;
					background-size: cover;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					z-index: 0;
					position: relative;
					top:3px;
					left: -15px;
					width: 280px;
					height:15px;
				}

/*block 4 - store2*/	
	#intro4 .brochure{
		width: 100%;
		height: 625px;
		box-sizing: border-box;
		 
		position: relative;

		background: url('http://www.mt.com/dam/MT-NA/images/retail/servicecounters_4.jpg') no-repeat left center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-top: 0px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;


		

	}


	/*block 4 - store2*/
			.brochure .myTextBox {
				width: 75%;
				margin: 2% auto; 
				font-size: 2rem;
				line-height: 3rem;
				position: relative;
				box-sizing: border-box;
				padding-left: 40%;
				padding-top: 35px;
				top:0; left:0;
			}

				.myTextBox .myBrochureThumb {
					width: 250px; height: 350px; 
					position: absolute;
					top: 0px; left: 0px;

				}

				.myTextBox .myBrochureThumb .myBrochureThumb2 {
					width: 230px; height: auto;
					position: relative;
					bottom: -10px; left: 10px;
					z-index: 100;
				} 


				.myTextBox .myBrochureThumb .myBrochureShadow {
					background: url('http://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/brochure-shadow.png') no-repeat left center;
					background-size: cover;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					z-index: 0;
					position: relative;
					top:3px;
					left: -15px;
					width: 280px;
					height:15px;
				}

/*block 5 - max*/	
	#intro5 .balances{
		width: 100%;
		height: 625px;
		box-sizing: border-box;
		 
		position: relative;
		background: url('http://www.mt.com/dam/MT-NA/images/retail/servicecounters_5.jpg') no-repeat left center;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-top: 0px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;


		

	}


	/*block 5 - max*/
			.brochure .myTextBox {
				width: 75%;
				margin: 2% auto; 
				font-size: 2rem;
				line-height: 3rem;
				position: relative;
				box-sizing: border-box;
				padding-left: 40%;
				padding-top: 0px;
				top:0; left:0;
			}

				.myTextBox .myBrochureThumb {
					width: 250px; height: 350px; 
					position: absolute;
					top: 0px; left: 0px;

				}

				.myTextBox .myBrochureThumb .myBrochureThumb2 {
					width: 230px; height: auto;
					position: relative;
					bottom: -10px; left: 10px;
					z-index: 100;
				} 


				.myTextBox .myBrochureThumb .myBrochureShadow {
					background: url('http://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/brochure-shadow.png') no-repeat left center;
					background-size: cover;
					-webkit-background-size: cover;
					-moz-background-size: cover;
					-o-background-size: cover;
					z-index: 0;
					position: relative;
					top:3px;
					left: -15px;
					width: 280px;
					height:15px;
				}



 


/*------------  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;

		}






/*------------  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 {
					width: 100%;
					 
					padding-top: 0px;
					 
					position: relative;
					margin-bottom: 30px;
				}



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


		/*block 2 - instrument promo*/	
			#intro2 .balances{
				width: 100%;
				height: 525px;
				 
				position: relative;
				top: 0px;
				background-position: -8000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;
			}


		/*block 3 - brochure promo*/	
			#intro3 .brochure{
				width: 100%;
				height: 725px;
				 
				position: relative;
				top: 0px;
				background-position: -8000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;

			}


			/*block 3 - brochure promo*/
					.brochure .myTextBox {
						width: 84%;
						margin: 5% auto; 
						/*font-size: 2rem;
						line-height: 3rem;*/
						position: relative;
						box-sizing: border-box;
						padding-left: 300px;
						top:0; left:0;
					}

						.myTextBox .myBrochureThumb {
							/*height:350px; width: 250px;
							background: url('http://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/brochure_thumb.jpg') no-repeat 0 0;
							background-size: cover;
							-webkit-background-size: cover;
							-moz-background-size: cover;
							-o-background-size: cover;
				 
							position: absolute;
							top: 0px; left: 0px;*/

						}


    /*block 3 - brochure promo*/	
			#intro4 .brochure{
				width: 100%;
				height: 550px;
				 
				position: relative;
				top: 0px;
				background-position: -6000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;

			}


			/*block 4 - brochure promo*/
					.brochure .myTextBox {
						width: 84%;
						margin: 5% auto; 
						/*font-size: 2rem;
						line-height: 3rem;*/
						position: relative;
						box-sizing: border-box;
						padding-left: 300px;
						top:0; left:0;
					}

						.myTextBox .myBrochureThumb {
							/*height:350px; width: 250px;
							background: url('http://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/brochure_thumb.jpg') no-repeat 0 0;
							background-size: cover;
							-webkit-background-size: cover;
							-moz-background-size: cover;
							-o-background-size: cover;
				 
							position: absolute;
							top: 0px; left: 0px;*/

						}
    
    
    /*block 5 - brochure promo*/	
			#intro5 .brochure{
				width: 100%;
				height: 475px;
				 
				position: relative;
				top: 0px;
				background-position: -8000px center;
				/*background: url('  ') no-repeat center bottom;*/
				background-size: cover;
				-webkit-background-size: cover;
				-moz-background-size: cover;
				-o-background-size: cover;

			}


			/*block 5 - brochure promo*/
					.brochure .myTextBox {
						width: 84%;
						margin: 5% auto; 
						/*font-size: 2rem;
						line-height: 3rem;*/
						position: relative;
						box-sizing: border-box;
						padding-left: 300px;
						top:0; left:0;
					}

						.myTextBox .myBrochureThumb {
							/*height:350px; width: 250px;
							background: url('http://media.mt.com/dam/LabDiv/Campaigns/pharma_2014/ph/brochure_thumb.jpg') no-repeat 0 0;
							background-size: cover;
							-webkit-background-size: cover;
							-moz-background-size: cover;
							-o-background-size: cover;
				 
							position: absolute;
							top: 0px; left: 0px;*/

						}
    
    


}



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

/* 		  	  					   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 .balances, #intro3 .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;
				}

}