@media only screen and (min-width: 701px) and (max-width: 5000px)  


{
/***** Screen 960px *****/

.row 								{ margin:0 auto; width:742px; overflow:hidden; }



.grid_3 							{ width:226px; margin:0 8px 0 8px; overflow:hidden; float:left; display:inline; }
.grid_11							{ width:724px; margin:0 0px 0 0px; overflow:hidden; float:left; display:inline; left:5px;}
.grid_12							{ width:742px; margin:0 0px 0 0px; overflow:hidden; float:left; display:inline; }

	
.weblink img {
max-width: 100%;
}


.issue{ font-size: 9px;
	font-style: normal;
	font-weight: bold;

	text-align: center;
	margin-bottom: 15px;
	color: #000;
	}


.banner
{
	width:742px;
	height:164px;
	
	
}	


.icon
{
	display:none;




}



.add1
{

	float: left; 
	display:inline; 
	text-align:left;
	padding-right:20px;
}

.add2
{

	float: left; 
	display:inline; 
	text-align:left;
	padding-right:20px;

}

.add3
{

	float: left; 
	display:inline; 
	text-align:left;
	padding-right:20px;
}
.add4
{
	float: left; 
	display:inline; 
	text-align:left;
}




.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
width: 44px; /* width of each image.*/
height: 44px; /* height of each image.*/
border:0;
margin-right: 6px; /*spacing between each image*/
-moz-transition:-moz-transform 0.1s ease-in; /*animate transform property */
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}


	
.icon { display: block; }
	
	.iconsize

{
	height:44px;
  width:44px;
  
  }
  
 
.storyimage
{
	width:712px;
          height:380px;
	


}

.story
{
width:98%;
}
.story1
{
width:98%;

}


li{
	font-size:11px;
	
	
}





.weblink
{
	font-size:9px;
	  		
}




.box
{
	width:220px; 
                height:150px;
				}

#container {
	width: 742px;
	margin: 0 auto;
	font-family: Verdana, Geneva, sans-serif;
	
	line-height: normal;
	font-weight: normal;
	

}

.padleft
{
	padding-left:7px;
}

.icbanner
{
	width:720px;
	height:160px;
	
	
	

}

.ichappy

{
	width:720px;
	height:84px;

	
}

.winesem

{
	width:720px;
	height:161px;

	
}




.wrapperl
{
	float: left; 
	display:inline; 
	text-align:left;
	width:400px;
	padding-right:45px;
	
	
	

}
.wrapperr
{
	float: left; 
	display:inline; 
	text-align:left;
	padding-right:20px;
	
	

}
    
    
	
.textwrap
{
	width:96%;
}


.box
{
	width:200px; 
                height:150px;
				}
				
				
.thlabbanner

{
	width:712px;
	height:84px;
	

	
}

.propakbanner

{
	width:712px;
	height:84px;
	

	
}

.PolymerMeltsSeminar
{
	width:712px;
	height:84px;
	

	
}

.Bannerfooter
{
	width:712px;
	height:84px;
	

	
}

.Bannerfooter1
{
	width:712px;
	height:168px;
	

	
}
.txtwrap
{
	width:96%;
}

.blurb
{
	width:100%;
}
}





/***** Phone (portrait 300px) *****/
@media only screen and (max-width: 699px) {

.row 								{ margin:0 auto; width:300px; overflow:hidden; font-size:16px; line-height:20px; left:5px;}


.grid_3								{ display:block; text-align:center; padding-bottom:20px; }
						

.grid_11							{ width:96%;}
.grid_12							{ width:298px; margin:0 10px 0 0px; overflow:hidden; float:left; display:inline; font-size:14px;line-height:20px; }




.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
width: 32px; /* width of each image.*/
height: 32px; /* height of each image.*/
border:0;
margin-right: 6px; /*spacing between each image*/
-moz-transition:-moz-transform 0.1s ease-in; /*animate transform property */
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}




.icon { display: block; }
	
	.iconsize

{
	height:32px;
  width:32px;
  
  }
  
  
  .banner
{
	width:100%;
	height:auto;
	/ IE /
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  / Chrome, Safari /
  -webkit-filter: grayscale(1);
  / Firefox /
  filter: grayscale(1);
	
}  




.add1
{

	display:block;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;
	clear:both;
}

.add2
{

	float: left;
    position: relative;
    left: 30%;

}

.add3
{

	display:block;
	text-align:left;
	margin-left: 30%;
    margin-right: auto;
	margin-bottom:10px;
	clear:both;
}  			

.add4
{

	display:block;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;
	clear:both;
}  		
	  	
		
	  	
		
		


.issue{ font-size: 11px;
	font-style: normal;
	font-weight: bold;

	text-align: center;
	margin-bottom: 15px;
	color: #000;
	}
				
li
{
	font-size:16px;
}

.storyimage
{
	width:96%;
          height:auto;
		 


}




.blurb {
	width:100%;
	
	
}

.sbullet
{
	font-size:14px
}


.weblink
{
	font-size:10px;
	  		
}



.section
{font-size:14px;
	
	



}


.box
{
	display:block;
	
}


.story
{
width:94%;

}
.story1
{
width:96%;

}

.icbanner
{
	
	width:100%;
	height:auto;
	
	
	

}

.ichappy
{
	width:94%;
	height:auto;
	
}

.winesem
{
	width:100%;
	height:auto;
	
}


	.showbreak
	{
		visibility:hidden;

}
.textwrap
{
	width:92%;
}


.thlabbanner

{
	width:94%;
	height:auto;
	
	

	
}

.propakbanner

{
	width:94%;
	height:auto;
	

	
}

.PolymerMeltsSeminar
{
	width:94%;
	height:auto;
}

.Bannerfooter
{
	width:94%;
	height:auto;
}

.Bannerfooter1
{
	width:94%;
	height:auto;
}
.txtwrap
{
	width:94%;
}

.wrapperl
{
	
	text-align:center;
	
	
	
	

}

}







/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 699px) {

.row 								{ margin:0 auto; width:474px; overflow:hidden; font-size:14px; line-height:20px;}

	

.grid_3								{ display:block; text-align:center;}

.grid_11							{ width:98%;}
.grid_12							{ width:470px; margin:0 0px 10px 0px; overflow:hidden; float:left; display:inline; }



.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
width: 32px; /* width of each image.*/
height: 32px; /* height of each image.*/
border:0;
margin-right: 6px; /*spacing between each image*/
-moz-transition:-moz-transform 0.1s ease-in; /*animate transform property */
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}




	
	
	
.icon { display: block; }
	
	.iconsize

{
	height:32px;
  width:32px;
  
  }
  
  
  
  .banner
{
	width:100%;
	height:auto;
	
}

  	

.add1
{

	display:block;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
}

.add2
{

	float: left;
    position: relative;
    left: 35%;

}

.add3
{

	display:block;
	text-align:left;
	margin-left: 35%;
    margin-right: auto;
	margin-bottom:10px;
	clear:both;
}  			
	  	
.add4
{

	display:block;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;
	clear:both;
}






.issue{ font-size: 11px;
	font-style: normal;
	font-weight: bold;

	text-align: center;
	margin-bottom: 15px;
	color: #000;
	}
li
{
	font-size:14px;
}


.storyimage
{
	width:98%;
          height:auto;
		  
		  


}




.blurb {
	width:100%;
	
	
	
}


.sbullet
{
	font-size:14px
}


.weblink
{
	font-size:10px;

}





.section
{font-size:14px;
	
	



}
.story {
	
	width:96%;
}
.story1
{
width:98%;

}


.box
{
	display:block;
	

}


.icbanner
{
	width:100%;
	height:auto;
	
	
	

}

.ichappy
{
	width:94%;
	height:auto;
	
}
.winesem
{
	width:100%;
	height:auto;
	
}
	.showbreak
	{
		visibility:hidden;

}

.textwrap
{
	width:96%;
}
.winebrew
{
	width:100%;
	height:auto;
	
}
.wineanalysis
{
	width:100%;
	height:auto;

	
}

.thlabbanner

{
	width:94%;
	height:auto;
	
	

	
}

.propakbanner

{
	width:94%;
	height:auto;
	

	
}

.PolymerMeltsSeminar
{
	width:94%;
	height:auto;
}

.Bannerfooter
{
	width:94%;
	height:auto;
}
.txtwrap
{
	width:96%;
}

.wrapperl
{
	
	text-align:center;
	
	
	
	

}

.Bannerfooter1
{
	width:94%;
	height:auto;
}
}





@media only screen and (min-width: 700px) and (max-width: 700px){
	
	.row 								{ margin:0 auto; width:600px; overflow:hidden;}

		

.grid_3 							{ width:192px; margin:0 4px 0 4px; overflow:hidden; float:left; display:inline; }

.grid_11							{ width:98%;}
.grid_12							{ width:600px; margin:0 0px 0 0px; overflow:hidden; float:left; display:inline; }

.banner
{
	width:100%;
	height:auto;
	
}	
	


.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
width: 32px; /* width of each image.*/
height: 32px; /* height of each image.*/
border:0;
margin-right: 6px; /*spacing between each image*/
-moz-transition:-moz-transform 0.1s ease-in; /*animate transform property */
-webkit-transition:-webkit-transform 0.1s ease-in; 
-o-transition:-o-transform 0.1s ease-in; /*animate transform property in Opera */
}





.icon { display: block; }
	
	.iconsize

{
	height:32px;
  width:32px;
  
  }
  
.banner
{
	width:100%;
	height:auto;
	
}


.add1
{

	display:block;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;
	clear:both;
}

.add2
{

	display:block;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;
	clear:both;

}

.add3
{

	display:block;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;
	clear:both;
}  			
	  	
.add4
{

	display:block;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:10px;
	clear:both;
}






.issue{ font-size: 9px;
	font-style: normal;
	font-weight: bold;

	text-align: center;
	margin-bottom: 15px;
	color: #000;
	}

	

	
	.brand
{
	width:120px;
	height:auto;




	}
		
	


.weblink
{
	font-size:8px;
	  		
}



.box
{
	width:180px; 
                height:auto;}




#container {
	width: 600px;
	margin: 0 auto;
	font-family: Verdana, Geneva, sans-serif;
	
	line-height: normal;
	font-weight: normal;
	

}

.story
{
	width:96%;
}

.story1
{
width:98%;

}

.storyimage
{
	width:560px;
          height:300px;
		  
		


}
   
	
	
	.textwrap
{
	width:96%;
}
.ichappy
{
	width:94%;
	height:auto;
	
}
.winebrew
{
	width:100%;
	height:auto;
	
}
.wineanalysis
{
	width:100%;
	height:auto;

	
}
.thlabbanner

{
	width:94%;
	height:auto;
	
	

	
}

.propakbanner

{
	width:94%;
	height:auto;
	

	
}

.PolymerMeltsSeminar
{
	width:94%;
	height:auto;
}

.Bannerfooter
{
	width:94%;
	height:auto;
}
.txtwrap
{
	width:96%;
}

.blurb {
	width:100%;
	
	
	
}

.wrapperl
{
	
	text-align:center;
	
	
	
	

}

.Bannerfooter1
{
	width:94%;
	height:auto;
}
}





/***** Clean up *****/

.container:after 					{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } 
.clearfix:before,
.clearfix:after,
.row:before,
.row:after 							{ content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.row:after,	.clearfix:after 		{ clear:both; }

