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

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

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

/* CLASSES HERE CAN ALSO BE FOUND IN THE style.css */






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



.tooltip {
	font-size: 18px;
	width: 98%;
	top: auto;
	bottom: 20%;
	}

.title-2 { font-size: 19px; }



	}
/***************
END Media Queries #0
***************/






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



.homeplayer	{ width: 450px; }

.tooltip .tooltiptext {
	font-size: 15px;
	padding: 10px;
	}

.tooltip {
	font-size: 18px;
	width: 98%;
	top: auto;
	bottom: 10%;
	}

.title-2 { font-size: 19px; }



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






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



.tooltip .tooltiptext {
	font-size: 14px;
	}

.tooltip {
	bottom: 10%;
	}

.title-2 { font-size: 17px; }

.main-image-hide	{ display: none; }

.main-image-mobile	{ display: block; }



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






/***************
START Media Queries - RESPONSIVE FOR SMALLER MOBILE SCREENS
***************/

@media handheld and (max-width: 389px),
   screen and (max-device-width: 389px),
   screen and (max-width: 389px) 
	{



/* MQs - MENUS */

.menu2-video-img { right: auto; top: 0px; left: 205px; }



	}

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






/***************
START Media Queries - RESPONSIVE FOR SMALLER MOBILE SCREENS
***************/

@media handheld and (max-width: 482px),
   screen and (max-device-width: 482px),
   screen and (max-width: 482px) 
	{



/* MQs - HOMEPAGE */

.layertitle 	{ font-size: 15px; }

.JQposition 	{ height: 60px; }

.TLposition 	{ height: 60px; }

#NextPrev	{ display: none; }

.textlayer-pad	{ padding: 5px 5px 5px 9px; }

span.layertext	{ display: none; }

.home-small	{ display: none; }

.homeplayer	{ width: 275px; }



/* MQs - SLIDESHOW */

.slideshowlayer		{ display: none; }

.button-slideshow	{ font-size: 11px; }



/* MQs - MISC */

.pageheight	{ min-height: 430px; }

.logoimage	{ max-width: 300px; }

.just 		{ text-align: left; }

.floatcells	{ margin: 0px 10px 10px 0px; }

.view-cart	{ float: left; }



/* MQs - MENUS */

#nummenu	{ position: absolute; left: 0px; top: 50px; width: 100%; }



	}

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