/*small screens hidden in regular stylesheet and turned on when appropriate*/
.show-on-phone {
	display: none !important;
}
.show-on-tablet {
  display: none !important;
}
.hide-on-desktop {
  display: none !important;
}
.show-on-desktop {
  display: inherit !important;
}
.show-on-small{
	 display: none !important;
	}
	

/* ==================================================================================
Small Device Styles  - Landscape phone to portrait tablet  - MY MAIN BREAKING POINT
====================================================================================*/
@media only screen and (max-width: 767px) {
	.show-on-desktop {
        display: none !important;
 		 }
	.hide-on-desktop{
	    display: inherit !important; 
		}
	.show-on-small {
      	display: inherit !important;
  		 }
	.hide-on-small {
      	display: none !important;
  		 }
 /* .left, .right { float: none; }*/
   body { -webkit-text-size-adjust: none;-ms-text-size-adjust: none; 
		 width: 100%; 
		 min-width: 0; 
		 margin-left: 0; 
		 margin-right: 0; 
		 padding-left: 0; 
		 padding-right: 0; 
		 }
  /* Collapse The Grid =================================================================================*/
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; background:inherit; }
  .columns, .blockgrid { width: auto; float: none;margin:0; }
  .columns:last-child { float: none; }
  [class*="columns"] + [class*="columns"]:last-child { float: none; }
  .columns:before, .columns:after { content: ""; display: table; }
  .columns:after { clear: both; }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, 	.offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }

 .eight-on-small{width:66%;float:left!important;}
 .six-on-small {width:50%; float:left!important;}
 .four-on-small {width:33%; float:left!important;}
 
 header h1 {float:none;display:block;font-size:30px; font-size:3rem;}

.button.helpBut{width:auto;}

/* small screen forms fixes===========================================================*/
div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label{
	}
textarea{width:60%;}
p.forgetPw {clear: both; margin: 12px 0;}
div.inputs input[type="checkbox"], div.inputs input[type="radio"], div.primarylist input[type="checkbox"] {
    display: inline-block;
    margin: 0 5px;
    position: static;
    width: auto;
}
div.inputs input[type="submit"] { margin-left: 0px;}
.inputsHolder { float: none;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select{
	margin-bottom:4px;
	}

input.lastNameField{display:block;margin-left:152px;}

label.formLabel{float:left;}
div.inputs input[type="submit"], .submitButton input[type="submit"] {margin: 12px auto;display:block;}
/*==SITE AND STORE STYLES=================================================================*/
header{padding:12px 0 6px 0;}
header a#logo,nav{float:none;}

footer{text-align:center;}
a.poweredBy{margin:18px auto;}
/*contact form*/
.hideForm, .helpClose{padding: 0 18px 0 0}
#helpQuestions label { display: block;padding: 0;}
#helpQuestions a{width:100%;}
#helpDrop { top: 51px; width: 100%;left:0;}
#helpAnswers,.contactForm {margin: 12px 0 0 0px;width: 100%;}

/*tour page====*/
#eventList{border-top:1px solid #4C3C33;}
#rowHeader{display:none;}
.tourRow {padding:6px 0;}
.eventDate{width:25%}
.eventVenue, .eventNote,.eventDetails, .eventRsvp{
	float: right;
    padding-bottom: 4px;
    width: 75%;
	text-align:left;
	}

p.price {
    border-top: 1px solid #333;
	border-bottom: 1px solid #333;
    font-size: 120%;
    padding: 6px 0;
}

a.deliveryTooltip{
	 width: auto;
	margin:0 15px 9px 0;
}
 a.AccessibleTooltip{float:none;display:inline-block;} 


a.poweredBy.right{float:none;}
a.confirmationLink,a.confirmationLinkFirst {padding-right:25px;padding-left:0;}
#orderComments textarea, div.viewComments {width: 100%;}

a.cvTooltip{display:none;}
#orderComments .controls{float:none;display:block;}

a.rsvp_True {margin:0; width:140px;}

.tdeHeader img {max-width:100%;}


}

/* Smartphones (portrait and landscape) CATCH ALL STYLES----------- */
@media only screen 
and (min-width : 320px) 
and (max-width : 500px) {

	.show-on-desktop {
        display: none !important;
 		 }
	 .hide-on-desktop{
	    display: inherit !important; 
		}
    .show-on-phone {
      	display: inherit !important;
  		 }
    .hide-on-phone {
    	 display: none !important;
 	 	}	
	.eight-on-small{width:100%;float:none;}
	.six-on-small {width:100%; float:none;}
	.four-on-small {width:100%; float:none; margin:0 0 12px 0;}
	
 
	
	.button, a#purchaseButton{ padding: 8px 14px 9px; width:100%; margin:0 0 12px 0;}
	#placeOrderButton{margin:0 0 12px 0; width:100%;}
	.eventDetails, .eventRsvp, .eventVip{width:50%;clear:both;float:left; margin-left:25%;}
	#cancelNowButton{
		float:none;
		border:none;
		background:none;
		box-shadow: none;
	}
	#cancelNowButton:hover{background:none;}
	a.cvTooltip div{width:80%; height:auto;}
	a.confirmationLink,a.confirmationLinkFirst {padding:0; display:block;float:none;}
	#confirmationLinks a{display:block;}
	#ticketDetails{
		border:none;
	}
	a.rsvp_True {width:100%;}
span.dateLine1{
	font-size:1.3rem ;
    line-height: 1.385;
    position: inherit;

	}
/*form fixes==============================*/
	div.inputs label, div.styledForm label, div.styledFormDrops label, div.primarylist label{display:block; text-align:left;}
	input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {width:95%;}
	.inputs select{width:95%!important;}

	.control-group label{float:none;display:block;width:auto!important;}
	.controls{padding:0;float:none;display:block;}
	.help-block, .help-inline{display:block;padding:0;}
	.form-actions{padding:0;}
	
}
/* Smartphones (landscape) SPECIFIC----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}
 /* Smartphones (portrait) SPECIFIC----------- */
@media only screen 
and (max-width : 320px) {
	header a#logo {width:290px;}
	header a#logo{background-size: 250px;height:160px;}
	nav ul li { padding: 0 15px 0 0;} 
	a.deliveryTooltip div, a.AccessibleTooltip div {width:280px;}
	.modal{width:80%;left:100%;}
}
/* Portrait tablet to landscape and desktop ==============================================*/
@media (min-width: 768px) and (max-width: 979px) {
  .hide-on-desktop {
    display: inherit !important;
	}
  .show-on-desktop {
    display: none !important ;
  }
  .show-on-tablet {
    display: inherit !important;
  }
  .hide-on-tablet {
    display: none !important;
  }
  .show-on-small {
      	display: none !important;
  		 }
  .hide-on-small {
      	display: inherit !important;
  		 }
}
  
/* iPhone 4 and retina displays----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}