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


/* Mobile Style - This style sheet only applies for screens that are under 480px*/

#PageContainer { width: 100%; border-radius: 0px; }

header { height: 115px; } 
#header-inner { float: left; height: 120px; }
#header-center { width: 100%; margin-top: 0.7em; }
#logo-container { visibility: hidden; }
#header-additional-logos { visibility: hidden; }
.header-additional-logos-container { visibility: hidden; }
.header-additional-logos-container img { visibility: hidden; }
header .header-topline { font-size: 1.3em; }
header .header-subline { font-size: 1.0em; }
header p { font-size: 0.8em; margin-bottom: 0.3em;}

/* Navigation Menu*/
nav.ul { width: 100%;}
nav.li { padding: 2px;  }
#nav-container nav { color: black; width: 100%; } 
#nav-container nav ul { margin-left: 0px; width: 100%;}
#nav-container #nav-inner { padding-top: 0; padding-bottom: 0.2em;}


/*under nav boxes*/
#nav-container2 #nav2 { width: 100%; }
#nav-container2 #nav-inner2 { padding: 0.6em; padding-bottom:0.2em;}
#nav-container2 #nav2 p { font-size: 0.9em; }
#nav-container2 #nav2 .CTA1, #nav-container2 #nav2 .CTA2 { padding: 0.3em; } 

/* Main Page Content*/
article { background: #2b4083; width: 100%; display:block; line-height: 1.2em;}
#article-inner { background: white;}
article h1 { margin-bottom: 0.7em; margin-top:0.0em; font-size: 100%; text-align: center; }
article h2 { font-size: 90%; }
article h3 { font-size: 85%; }

/*Customer Education Page Styles*/
article .edu-items li { float: none; } 

/*article pieces*/
.clearboth { clear: both; display: block; width: 100%;}
.clearleft { clear: both; display: block; width: 100%;}
.clearright { clear: both; display: block; width: 100%;}
.floatleft { clear: both; display: block; width: 100%;}
.floatright { clear: both; float: left; display: block; width: 100%;}
.pcentered { width:100%; text-align: left; padding: 0.3em; }

.clear1 { clear: both; margin-right: 0px; display: block;}
.clear2 { clear: both; margin-left: 0px; display: block;}
.clear3 { clear: both`; margin-left: 0px; display: block;}
.clearleft img, .clearright img { display: block; width: 100%;}
	
/* Products Page Styles*/
.supplier-list-item-image { float: none;}
.supplier-list-item-description { float: none;} 	

/*coupon image style*/
.mobilecoupon img{ max-width: 100%; height: auto; }

/*footer*/
footer { margin-left: 0px; width: 100%; }
#footer-inner { background: #2b4083;} 
footer p { display: inline-block; }

/*contact form*/
#contact-form h3 { font: 18px/20px Georgia, "Times New Roman", Times, serif; }
#contact-form input { width: 95%; margin-bottom:0.2em; }

.aside-contact-form { width: 100%; }
#contact-form textarea { width: 95%; } 

}