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




/*block 1 - hero block*/	
	#intro .img-cover {
		width: 100%;
		height: 100%;
		 
		position: relative;
		top: 0px;
		
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	}


/*block 1 - hero block*/	
	#intro2 .img-cover {
		width: 100%;
		height: 100%;
		 
		position: relative;
		top: 0px;
		
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	}


/*block 1 - hero block*/	
	#intro3 .img-cover {
		width: 100%;
		height: 100%;
		 
		position: relative;
		top: 0px;
		
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	}

/*block 1 - hero block*/	
	#intro4 .img-cover {
		width: 100%;
		height: 100%;
		 
		position: relative;
		top: 0px;
		
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	}

/*block 1 - hero block*/	
	#intro5 .img-cover {
		width: 100%;
		height: 100%;
		 
		position: relative;
		top: 0px;
		
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	}


/*block 1 - hero block*/	
	#intro5b .img-cover {
		width: 100%;
		height: 100%;
		 
		position: relative;
		top: 0px;
		
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		border-bottom: 1px solid #f0f0f0;
	}
	
/*block 1 - hero block*/	
	#intro6 .img-cover {
		width: 100%;
		height: 100%;
		 
		position: relative;
		top: 0px;
		
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;

		
	}





	

/*------------  Text box -------------*/
@media (min-width:1024px){
.myTextBox {
	width: 100%;
	
	margin: 0;
	font-size: 1.7rem;
	line-height: 2.4rem;
	top: 11%;
	position: relative;
	left: 0%;
	box-sizing: border-box;
	padding: 40px;
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 40px;
    padding-bottom: 0px;
	
}
}

@media (max-width:1023px){
.myTextBox {
	width: 100%;
	
	margin: 0;
	font-size: 1.7rem;
	line-height: 2.4rem;
	top: 11%;
	position: relative;
	left: 0%;
	box-sizing: border-box;
	padding: 40px;
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 40px;
    padding-bottom: 0px;
	
 

}

}
    
		.balances .myTextBox {
			top:0;
		
 			background-position: -400px 0;
		}

		.img-cover .myTextBox {
			 
			background: url('https://www.mt.com/dam/MT-NA/images/newwhiteline.png') left 0 repeat-y; ;
			 
		}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
}

/* Create two equal columns that floats next to each other */




    @media (min-width:1024px){
        .column {
    float: left;
    width: 50%;
    padding-right: 14px;
           
    
}
}


@media (max-width:1023px){
        .column {
    float: left;
    width: 100%;
    
padding-bottom: 10px;
        }
        }


 @media (min-width:1024px){
        .columnX {
    float: left;
    width: 50%;
             padding-right: 14px;
            margin-top: 12%;
           
    
}
}


@media (max-width:1023px){
        .columnX {
    float: left;
    width: 100%;
    
padding-bottom: 10px;
        }
        }



    @media (min-width:1024px){
        .columnA {
    float: left;
    width: 100%;
    padding-right: 14px;
      padding-bottom: 30px;     
    
}
}


   @media (max-width:1023px){
        .columnA {
    float: left;
    width: 100%;
    
padding-bottom: 10px;
        }
        }


    @media (min-width:1024px){
        .columnB {
    float: left;
    width: 33%;
    padding-right: 14px;
      padding-bottom: 30px;     
    
}
}


   @media (max-width:1023px){
        .columnB {
    float: left;
    width: 100%;
    
padding-bottom: 10px;
        }
        }


 @media (min-width:1024px){
.center {
    display: block;
  
    padding-bottom: 0px;
}
}

 @media (max-width:1023px){
.center {
  
  display:none; 
}
}


 @media (min-width:1024px){
.left {
    
    display: block;
  margin-right: 15px;
 margin-left: 25px;
        
}
}

 @media (max-width:1023px){
.left {
  margin-right: 11px;
   
}
}




/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

a.button {
  text-decoration: none;
  color: #ffffff;
}

@media (min-width:1024px){
.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #62bb46;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 90%;
  padding: 15px 32px;

  transition: all 0.5s;
  cursor: pointer;
    margin-left: 0px;
    margin-top: 24px;
  margin-bottom: 33px;
    margin-right: 10px;
    }
}

@media (max-width:1023px){
.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #62bb46;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 1.0rem;
    line-height: 1.5rem;
  padding: 15px 32px;

  transition: all 0.5s;
  cursor: pointer;
    margin-left: 0px;
    margin-top: 17px;
  margin-bottom: 11px;
    margin-right: 10px;
    }
}


   @media (min-width:1024px){
        p.width {
  width: 100%;
            font-size: 2.0rem;
	line-height: 2.8rem;
      margin-bottom: 100px;
  
    
    
}
}


@media (max-width:1023px){
        p.width {
  width: 100%;
            font-size: 1.5rem;
	line-height: 2.0rem;
 margin-bottom: 75px;
   
    
    
}
        }




 
  @media (min-width:1024px){
        p.column {
width: 100%;
    font-size: 1.7rem;
	line-height: 2.4rem;
      
  display: block;
    
    
}
}



@media (max-width:1023px){
        p.column {
  width: 100%;
           font-size: 1.3rem;
	line-height: 1.9rem;
 
   display: block;
    
    
}
        }


  @media (min-width:1024px){
        p.columnC {
width: 100%;
    font-size: 1.8rem;
	line-height: 2.5rem;
    text-align:center;
  display: block;
    padding-bottom: 18px;
    
}
}



@media (max-width:1023px){
        p.columnC {
  width: 100%;
           font-size: 1.4rem;
	line-height: 2.1rem;
 text-align:center;
   display: block;
    
    
}
        }





@media (min-width:1024px){
        p.detail {
width: 100%;
    font-size: 1.1rem;
	line-height: 1.4rem;
      
  
    
    
}
}


@media (max-width:1023px){
        p.detail {
  width: 100%;
           font-size: 1.4rem;
	line-height: 1.4rem;
 
   
    
    
}
        }


@media (min-width:1024px){
.eq-c {
    
 font-size: 1.4rem;
	line-height: 2.0rem;   
    
    
}
}


@media (max-width:1023px){
.eq-c {
    
 font-size: 1.0rem;
	line-height: 1.5rem;   
    
    
}
}



.fraction {
    display: inline-block;
    vertical-align: middle; 
    margin: 0 0.2em 0.4ex;
    text-align: center;
    
}
.fraction > span {
    display: block;
    padding-top: 0.15em;
   
}
.fraction span.fdn {border-top: thin solid #222222;}
.fraction span.bar {display: none;}



.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}


.button2 {
  display: inline-block;
  border-radius: 4px;
  background-color: transparent;
  border: none;
  color: transparent;
  text-align: center;
  

  transition: all 0.5s;
  cursor: pointer;
  margin: 1px;
}

.clear {
  clear: both;
}



a:hover {
  color: #ededed;
}

.cnty_lang_search {
					margin: 10px 0px 0 0;
                    display: none; 
					 
				}

				div.search {
					margin-left: 100px;
                    /*width: 50%;*/
                    display: none;
                    
                    
				}
 

/*------------  Green buttons  -------------*/




@media (min-width:1024px){
ul.a, li.a{
  list-style: square;
    margin: .3rem;
   width: 100%;
    font-size: 1.6rem;
	line-height: 2.3rem;
}
}


@media (max-width:1023px){
       ul.a, li.a{
  list-style: square;
    margin: inherit;
    font-size: 1.2rem;
    line-height: 1.9rem;
    list-style-position: outside;
           width: 100%;
    
}
        }


@media (min-width:1024px){
p.a{
color: #004fa3;
    font-size: 2.2rem;
	line-height: .5rem;

}
}


@media (max-width:1023px){
       p.a{
      color: #004fa3;
 font-size: 1.7rem;
    line-height: .5rem;
    
}
        }

@media (min-width:1024px){
h2.b{
font-size: 1.5rem;
	line-height: 2.0rem;
    color: #004fa3;
}
}


@media (max-width:1023px){
       h2.b{
       color: #004fa3;    
 font-size: 1.2rem;
    line-height: 1.5rem;
    
}
        }





/* 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;
    font-weight: bolder
}

/* 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;
    
    border: 0px 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;}
}

@media (min-width:1024px){
h1 {
	font-size: 3.1rem; line-height: 3.8rem;
    margin-top: 7px;
	margin-bottom: 22px;
	display: block;
	font-weight: normal;
}
}


@media (max-width:1023px){
h1 {
	font-size: 2.2rem; line-height: 2.9rem;
    margin-top: 7px;
	margin-bottom: 30px;
	display: block;
	font-weight: normal;
}
}



@media (min-width:1024px){
h1.b {
	font-size: 2.4rem; line-height: 3.2rem;
    margin-top: 0px;
	margin-bottom: 30px;
	display: block;
	font-weight: normal;
}
}



@media (max-width:1023px){
h1.b {
	font-size: 2.0rem; line-height: 2.7rem;
    margin-top: 0px;
	margin-bottom: 30px;
	display: block;
	font-weight: normal;
}
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
    
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}



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

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








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







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

/* 		  	  					   1500 px    		  					   */

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


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



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

			}





			
	
	/*text box width*/	
			.myTextBox {
					 width: 100%;
				}
	
}



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

/* 		  	  					   1300 px    		  					   */

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


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

 		  	

	

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

				}




	



				
		
		/*text box width*/	
				.myTextBox {
						 width: 100%;
					}









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

/* 		  	  					   1150 px    		  					   */

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


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


 


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

						.balances .myTextBox {
							width: 100%;
							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: 100%;
				 
				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: 100%;
				 
				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 : 1023px) {
#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: 100%;
				 
				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;
			}
#intro2 .img-cover {
				width: 100%;
				height: 100%;
				 
				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;
			}

			/*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: 10px;
					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;
				}


 


}



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

/* 		  	  					   900 px    		  					   */

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


@media only screen and (max-width : 900px) {
#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: 100%;
				 
				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;
			}
#intro2 .img-cover {
				width: 100%;
				height: 100%;
				 
				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;
			}

			/*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: 10px;
					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 : 600px) {
#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: 100%;
				 
				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;
			}
#intro2 .img-cover {
				width: 100%;
				height: 100%;
				 
				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;
			}

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