/* for 980px or less */
@media screen and (max-width: 980px) {
	
}

/* for 700px or less */
@media screen and (max-width: 700px) {

}


/* for 480px or less */
@media screen and (max-width: 540px) {
	
	header { display: none; }
	
	#product-slider { display: none; }
	
	

	.home-spotlight, .spotlight-slides, .panel, .panel-overlay, .tagline { width: 100% !important; }
	.tagline .margin h1 { font-size: 30px; }
	.tagline .margin p { font-size: 14px; }
	
	footer { display: block !important; }

}


/* for 320px or less */
@media screen and (min-width: 320px) and (max-width: 480px) {

	header { display: block; }
	

		
}