Media Queries Visual File Sample

Media Queries - ( selectable code below )

Selectable Code:
The code below is the selectable code from the above file.

This is only sample Media Queries code and will need to be modified with your class names to use in any template or website!! Code should be added to the bottom of the .css file.


/***************
START Media Queries - RESPONSIVE FOR SMALLER MOBILE SCREENS
                      CLASSES HERE CAN ALSO BE FOUND IN THE MAIN .css FILE
***************/
@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{




/* MQS GENERAL FONTS */

div, table 	{ font-size: 18px; line-height: normal; }

.title  	{ font-size: 38px; line-height: normal; }

.subtitle  	{ font-size: 20px; line-height: normal; }

.smalltext 	{ font-size: 15px; line-height: normal; }

.list 		{ font-size: 19px; line-height: normal; }

.sidebar-text 	{ font-size: 15px; line-height: normal; }

.captions	{ font-size: 17px; }

.just 		{ text-align: left; }




/* MQS FOOTER */

.footer-title 	  { font-size: 20px; line-height: normal; }

.footer-copyright { font-size: 12px; line-height: normal; }

.footer-links	  { line-height: normal; }




/* MQS GALLERY */

.gallerytext	  { font-size: 14px; line-height: normal; }

.gallerytitle 	  { font-size: 16px; line-height: normal; }

.button-slideshow, .buttonon-slideshow  { font-size: 17px; }




/* MQS LYTEBOX */

#lbDetailsContainer 	{ font-size: 18px; line-height: normal; }

#lbDetails 		{ font-size: 20px; line-height: normal; }

#lbCaption		{ font-size: 22px; line-height: normal; }




/* CONTACT FORM */

.shadeform, .textarea, .dropdown, 
.button-submit, .buttonon-submit  { font-size: 16px; line-height: normal; }




/* LINKS PAGE */

.searchform, .searchbutton  { font-size: 15px; line-height: normal; }




/* MQS MENUS */

.menu-gallery 	  { font-size: 15px; line-height: normal; }

#menunav a	  { font-size: 15px; line-height: normal; }

#menunav li ul a  { font-size: 15px; line-height: normal; }






	}
/***************
END Media Queries
***************/