/* WARNING: USE CAUTION WHEN EDITING THIS FILE */

/* NOTE: THIS FILE INCLUDES 4 STAGES OF MEDIA QUERIES - SEE help.html */

/* NOTE: TO EDIT COLORS - SEE style.css */






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


/* SAMPLES PAGE */

.samples-image	{ max-width: 250px; }

.float-L-samppage { margin-right: 25px; }

#mediamenu a	{ padding: 2px 8px 2px 8px; }



/* SHRINKS MENU */

#menusub a 	{
		font-size: 15px;
		letter-spacing: 0px;
		padding: 12px 12px 12px 12px;
		}


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






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


.title		{ font-size: 21px; }

.subtitle	{ font-size: 18px; }

.hidemobile	{ display: none; }

.pad-TB	{
	padding-top: 20px;
	padding-bottom: 20px;
	}

.pad-TB-home {
	padding-top: 0px;
	padding-bottom: 20px;
	}

.pad-TB-cart {
	padding-top: 5px;
	}

.pad-LR	{
	padding-left: 20px;
	padding-right: 20px;
	}



/* ROW OF 4 IMAGES BECOMES 2 */

.boxes-4x	{
		max-width: 50%;
		min-width: 50%;
		}



/* CONTACT PAGE */

.form-box-L	{ display: block; padding: 0px 0px 0px 0px; min-width: 0; }

.form-box-R	{ display: block; padding: 0px 0px 0px 0px; min-width: 0; }

.socialicon	{ padding: 3px; }



/* MERCHANDISE PAGE */

.merchbox	{ padding: 15px 15px 15px 15px; }

.view-cart	{ display: none; }



/* SOCIAL ICONS */

.soc-box	{
		display: block;
		width: auto;
		text-align: right;
		position: absolute;
		top: 0px;
		right: 0px;
		padding: 6px 5px 3px 0px;
		}

.socialicon	{
		width: 28px;
		height: 28px;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		}



/* SAMPLES PAGE */

.samples-image	{ max-width: 250px; }

.float-L-samppage { max-width: 250px; float: none; margin-right: 10px; }

.pad-media	{ padding-top: 6px; }


/* GALLERY */

.gal-box img	{ width: 75px; }


/* HOME PAGE MUSIC PLAY BUTTON */

.homeplayerdiv	{
		width: 50px;
		height: 50px;
		top: 10px;
		left: 10px;
		}

/* HOME PAGE SLIDESHOW */

.centered-btns_tabs a 	{
			width: 8px;
			height: 8px;
			margin: 0px 2px 0px 2px;
			}



/* MQs SITE MAP */

.search-float	{ float: none; }


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






/***************
Media Queries #3 - WHEN PAGE WIDTH LESS THAN 482 IS ACTIVE (SMARTPHONES)
***************/

@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: 14px; line-height: 140%; }

.title		{ font-size: 21px; }

.subtitle	{ font-size: 17px; }

.smalltext	{ font-size: 12px; }

.contacttitle	{ font-size: 16px; }




/* MQs HEADER */

#headerdiv	{ padding: 8px 8px 8px 5px; }

.textlogo	{ font-size: 20px; }



/* MQs DEFAULTS */

.pageheight-min	{ min-height: 50px; }

.pad-TB	{
	padding-top: 10px;
	padding-bottom: 10px;
	}

.pad-TB-cart {
	padding-top: 5px;
	}

.pad-LR	{
	padding-left: 10px;
	padding-right: 10px;
	}

.pad-media	{ padding-top: 6px; }

.just 		{ text-align: left; }

.float-L-margin	{ margin-right: 10px; margin-bottom: 5px; }

.page-splits 	{  margin-top: 14px; margin-bottom: 14px; }

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



/* MQs HOME PAGE */

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



/* MERCHANDISE PAGE */

.merchbox	{ padding: 10px 10px 10px 10px; }


	}
/***************
END Media Queries #3
***************/