/***************
START Media Queries #1 - WHEN PAGE WIDTH LESS THAN 968 IS ACTIVE (FOR BELOW TABLET)
***************/
@media handheld and (max-width: 968px),
   screen and (max-device-width: 968px),
   screen and (max-width: 968px) 
	{



.contentloc	{
		margin: 0 0 0 0;
		padding: 0px 0px 0px 0px;
		}

#contentwrapper	{
		max-width: 600px;
		min-width: 600px;
		margin: 36px 30px 70px auto;
		}

.logov, .logov img
		{
		width: 60px;
		height: auto;
		}

.logo-slogan	{ font-size: 13px; text-align: right; }

	}
/***************
END Media Queries #1
***************/





/***************
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) 
	{



#contentwrapper	{
		min-width: 300px;
		margin: 10px auto 70px auto;
		}

.content-box	{ padding: 50px 50px 50px 50px; }

.image-bar	{ margin: 0px 0px -30px 0px; }

.menubar	{ min-width: 483px; }  /* MAKE WIDER TO STOP WRAPPING */

.logo-respond	{ width: 100%; height: auto; }

.cart-box	{ float: none; margin: 15px auto; }

.logov		{ display: none; }

.logoh		{ display: none; }

.logo-mobile	{ display: block; }

.logo-slogan-box { display: none; }

.menubar-color	{
		background:rgb(0,0,50);		/* BACKGROUND FALLBACK */
		background:rgba(0,30,80,0.60);	/* 60% TRANSPARENT BACKGROUND */
		}

/* MQS GALLERY */

.gal-canvas	{ width: 98%; }

.Galthumb-box	{
		font-size: 11px;
		padding: 6px 6px 6px 6px;
		margin: 0px auto 15px auto;
		max-width: 302px;
		min-height: 100px;
		}

.galrow-box	{
		float: left;
		width: 33%;
		}

.galrow-box:nth-child(4n+1)
		{
    		clear:none;
		}

.galrow-box:nth-child(3n+1)
		{
    		clear:both;
		}

#gal-menu	{ padding: 2px 4px 0px 4px; }

#gal-menu a	{ padding: 5px 12px 5px 12px; }



	}
/***************
END Media Queries #1
***************/





/***************
START Media Queries #2 - WHEN PAGE WIDTH LESS THAN 650 IS ACTIVE (FOR BELOW TABLET)
***************/
@media handheld and (max-width: 650px),
   screen and (max-device-width: 650px),
   screen and (max-width: 650px) 
	{



#contentwrapper	{
		min-width: 300px;
		margin: 0px auto 70px auto;
		}

.content-box	{ padding: 30px 30px 30px 30px; }

.image-bar	{ margin: 0px 0px -10px 0px; }

.logo-mobile	{ display: block; }

.hidemobile	{ display: none; }

.ft-spons img	{ width: 50px; height: auto; }

.ft-top img	{ display: none; }

.footerdiv	{
		padding: 6px 8px 5px 8px;
		}

.boxesX2-text	{ font-size: 11px; }

.soc-icons	{ padding: 3px; }



	}
/***************
END Media Queries #2
***************/





/***************
Media Queries #4 - 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 MOBILE FONT SIZES */

/* THE NEXT LINE CONTROLS THE *MOBILE* DEFAULT FONT SIZE */

div, table	{ font-size: 13px; line-height: 140%; }

.title		{ font-size: 18px; }

.subtitle	{ font-size: 16px; }

.textlogo	{ font-size: 20px; }

.footerdiv	{ font-size: 11px; }





/* MQs DEFAULTS */

.content-box	{ padding: 18px 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 */





/* MQs HEADER */

#headerdiv	{ padding: 4px 0px 4px 0px; }





/* MQs PARAGRAPH SPLIT BARS */

.page-splits 	{  margin-top: 15px; margin-bottom: 15px; }  /* EDIT .dot-box BELOW IF CHANGED */

.split-dot	{
		width: 6px;
		height: 6px;
	/* CORNER ROUNDING */
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-khtml-border-radius: 3px;
		border-radius: 3px;
		}

.dot-box	{
		width: 22px;
		height: 6px;
		margin: 0px auto -6px auto;
		position: relative;
		top: -20px;
		}

.splits-small	{ margin-top: 6px; margin-bottom: 4px; }





/* MQs HOME PAGE */

.home-boxes-text  { font-size: 12px; }

.home-boxtitle	  { font-size: 14px; }

.home-small-image	{
			display: inline;
			margin: 4px 1px 0px 1px;
			border-width: 2px;
			}

.bottom-links a 	{ margin-left: 1px; margin-right: 1px; }




/* MQs GALLERY */

.gal-canvas	{ width: 100%; }

.Galthumb-box	{ font-size: 10px; }

.galrow-box	{
		float: left;
		width: 50%;
		}

.Galthumb-box	{ padding: 5px 5px 5px 5px; }

.galrow-box:nth-child(3n+1)
		{
    		clear:none;
		}

.galrow-box:nth-child(2n+1)
		{
    		clear:both;
		}

input[type=submit].button-order 
		{
		font-size: 16px;
		padding: 6px 3px 6px 3px;
		}

.price span	{ font-size: 16px; }

#gal-menu	{ display: block; }

#gal-menu a	{
		font-size: 12px;
		padding: 5px 5px 5px 5px;
		margin: 3px 1px 3px 1px;
		}





/* MQs SITE MAP */

.search-float	{ float: none; }





/* MQs MENU BAR (ICONS & SOCIAL ICONS) */

.menuicon	{ padding: 7px 0px 7px 0px; }



	}
/***************
END Media Queries #4
***************/





/***************
START Media Queries #5 - 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 #5
***************/