
/***************
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) 
	{



.headerbar	{ min-width: 483px; }  /* MAKE WIDER TO STOP WRAPPING */

#headerdiv	{ padding: 10px 0px 10px 0px; }

.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 DEFAULTS */

.pageheight-min	{ min-height: initial; }

.just 		{ text-align: left; }

.float-margin2	{ margin-right: 6px; margin-bottom: 6px; }

.headerbar	{ min-width: 300px; }  /* MAKE WIDER TO STOP WRAPPING */

.textlogo	{ font-size: 20px; }





/* MQs HOME PAGE */

.home-small-image	{
			display: inline;
			margin: 4px 1px 0px 1px;
			border-width: 2px;
			}

.bottom-links a 	{ margin-left: 1px; margin-right: 1px; }





/* MQs SLIDESHOWS */

.centered-btns_tabs a 	{ margin: 0px 1px 0px 1px; }





/* MQs GALLERY */

img.Galimg-respond 	{ width: 45px; }

input[type=button].galbutton
		{
        	padding: 4px 0px 4px 0px;
		cursor: pointer;
		width: 86px;
		}





/* MQs CART */

.cart-box	{ padding: 5px; }

.home-products	{ padding: 0px 0px 0px 2px; }





/* MQs RESOURCES */

.search-float	{ float: none; }





/* MQs HEADER TOP BAR (ICONS & SOCIAL ICONS) */

.headericon		{ 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
***************/