
/***************
START Media Queries #1 - WHEN PAGE WIDTH LESS THAN 750 IS ACTIVE (FOR BELOW TABLET)
***************/
@media handheld and (max-width: 750px),
   screen and (max-device-width: 750px),
   screen and (max-width: 750px) 
	{



.menubar	{ min-width: 483px; }  /* MAKE WIDER TO STOP WRAPPING */

.logo-respond	{ width: 100%; height: auto; }

.hidemobile	{ display: none; }

.cart-box	{ float: none; margin: 15px auto; }



	}
/***************
END Media Queries #1
***************/





/***************
Media Queries #2 - WHEN PAGE WIDTH LESS THAN 482 IS ACTIVE
***************/

@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{



/* MQS SHIFT BACKGROUND IMAGE ON MOBILE */

body 	{ background-position: -200px 0px; }





/* MQS MOBILE FONT SIZES */

/* THE NEXT LINE CONTROLS THE *MOBILE* DEFAULT FONT SIZE */

div, table	{ font-size: 13px; line-height: 140%; }

.title		{ font-size: 20px; }

.subtitle	{ font-size: 16px; }

.contacttitle	{ font-size: 16px; }

.textlogo	{ font-size: 20px; }





/* MQs DEFAULTS */

#contentwrapper	{ padding: 22px 7px 7px 7px; }

.pageheight-min	{ min-height: 50px; }

.just 		{ text-align: left; }

.float-margin2	{ margin-right: 6px; margin-bottom: 6px; }

.menubar	{ min-width: 300px; }  /* MAKE WIDER TO STOP WRAPPING */

.page-splits 	{  margin-top: 12px; margin-bottom: 12px; }

.splits-small	{ margin-top: 6px; margin-bottom: 4px; }





/* MQs HOME PAGE */

.home-small-image	{
			display: inline;
			margin: 4px 1px 0px 1px;
			}

.bottom-links a 	{ margin-left: 1px; margin-right: 1px; }





/* MQs SLIDESHOWS */

.slide-thumb		{ width: 100px; height: 67px; }

.centered-btns_tabs a 	{ margin: 0px 1px 0px 1px; }





/* MQs PAYMENTS PAGE */

.payform, .payformbutton	{ width: 130px; }

.paypalbadge			{ width: 90px; }





/* MQs SITE MAP */

.search-float	{ float: none; }





/* MQs MENU BAR (ICONS & SOCIAL ICONS) */

.menuicon	{ padding: 7px 0px 7px 0px; }



	}
/***************
END Media Queries #2
***************/





/***************
START Media Queries #3 - CODE ONLY CSS3 BROWSERS CAN SEE
***************/
@media handheld and (max-width: 5000px),
   screen and (max-device-width: 5000px),
   screen and (max-width: 5000px) 
	{

.home-boxes	{
		max-width: 33%;
		min-width: 33%;
		}

	}
/***************
END Media Queries #3
***************/