/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 479px) {
#wrapper{ width:94%; padding:0 3%;}
#wrapper .header{ width:100%; float:left; height:auto; padding:15px 0px;}
#wrapper .header .headerCol01,
#wrapper .header .headerCol02,
#wrapper .header .headerCol03,
#wrapper .header .headerCol04{
	width:100%; float:left; padding:0px; text-align:center; border-right:0;
}
#wrapper .header .headerCol04{ margin-top:10px;}
#wrapper .header .headerCol02 h1{ text-align:center;}

#wrapper .bodyPanel01{ width:100%; float:left;}
#wrapper .bodyPanel01 .bannerPanel{ width:100%; float:left; height:auto;}
#fade{ width:100% !important; height:auto !important; float:left;}
#fade > div{ width:100%; float:left;}
#fade img{ width:100%;}
#wrapper .bodyPanel02{ width:100%; float:left;}

#wrapper .bodyPanel02 .bodyPanel02_colMiddle, #wrapper .bodyPanel02 .bodyPanel02_colRight .line02Div{ display:none;}
#wrapper .bodyPanel02 .bodyPanel02_colLeft{ width:100%; padding:0; float:left;}
#wrapper .bodyPanel02 .bodyPanel02_colRight{ width:100%; float:left;}

#wrapper .bodyPanel02 .bodyPanel02_colRight .productSpect{ width:100%; float:left; padding:0;}
#sub_menu{ width:100%; float:left;}
#sub_menu ul li{ width:100%; float:left;}
#wrapper .bodyPanel02 .bodyPanel02_colRight .qualityDiv{ width:100%; float:left; padding:0;}
#wrapper .bodyPanel02 .bodyPanel02_colRight .clientsNewsletterDiv{ width:100%; float:left; padding:0;}
#wrapper .bodyPanel02 .bodyPanel02_colRight .clientsNewsletterDiv .clientsPanel{ width:100%; float:left; padding:10px 0 0 0; border-right:0;}

#wrapper .bodyPanel02 .bodyPanel02_colRight .clientsNewsletterDiv .newsletterPanel{ width:100%; float:left; padding:0;}

#footer{ width:94%; float:left; height:auto; padding:0 3%;}
#footer .footermain{ width:100%; float:left; padding:0; height:auto;}
#footer .footermain .footermain_colLeft{ width:100%; float:left; text-align:center; padding-top:10px; border-right:0;}
#footer .footermain .footermain_colRight{ width:100%; float:left; padding:15px 0; text-align:center;} 
#footer .footermain .footermain_colRight img{ float:none;}
}

@media only screen and (min-device-width : 480px) and (max-device-width : 767px) {
	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1023px) {

}