/*  GRID OF TWELVE   ============================================================================= */



.span_12_of_12 {

	width: 100%;

}



.span_11_of_12 {

	width: 91.53%;

}



.span_10_of_12 {

	width: 83.06%;

}



.span_9_of_12 {

	width: 74.6%;

}



.span_8_of_12 {

	width: 66.13%;

}



.span_7_of_12 {

	width: 57.66%; 

}



.span_6_of_12 {

	width: 49.2%; 

}



.span_5_of_12 {

	width: 40.73%; 

}



.span_4_of_12 {

	width: 32.26%; 

}



.span_3_of_12 {

	width: 23.8%;

}



.span_2_of_12 {

	width: 15.33%; 

}



.span_1_of_12 {

	width: 6.86%; 

}
@media only screen and (max-width: 3000px) {
	.mobile-header {display: none;}
.desktop-header {display: inline-block;width: 100%;}
header h1 {font-size: 40px;}
.mobile-form {display: none;}
.mobile-browse-by-dates {display: none;}
.desktop-browse-by-dates {display:inline-block; }
.desktop-expanded-venue {display: inline-block;}
.mobile-expanded-venue {display: none;}
.desktop-my-reservations {display: inline-block;width: 100%;}
.mobile-my-reservations {display: none; }
}
@media only screen and (max-width: 2000px) {
	.mobile-header {display: none;}
.desktop-header {display: inline-block;width: 100%;}
header h1 {font-size: 40px;}
.mobile-browse-by-dates {display: none;}
.desktop-browse-by-dates {display:inline-block; }
.mobile-form {display: none;}
.desktop-expanded-venue {display: inline-block;}
.mobile-expanded-venue {display: none;}
.desktop-my-reservations {display: inline-block;width: 100%;}
.mobile-my-reservations {display: none; }
}
@media only screen and (max-width: 1500px) {
	.mobile-header {display: none;}
.desktop-header {display: inline-block;width: 100%;}
header h1 {font-size: 40px;}
.mobile-form {display: none;}
.mobile-browse-by-dates {display: none;}
.desktop-browse-by-dates {display:inline-block; }
.desktop-expanded-venue {display: inline-block;}
.mobile-expanded-venue {display: none;}
.desktop-my-reservations {display: inline-block;width: 100%;}
.mobile-my-reservations {display: none; }

}
@media only screen and (max-width: 1200px) {
	.mobile-header {display: none;}
.desktop-header {display: inline-block;width: 100%;}
header h1 {font-size: 40px;}
.mobile-form {display: none;}
.mobile-browse-by-dates {display: none;}
.desktop-browse-by-dates {display:inline-block; }
.desktop-expanded-venue {display: inline-block;}
.mobile-expanded-venue {display: none;}
.desktop-my-reservations {display: inline-block;width: 100%;}
.mobile-my-reservations {display: none;}
}
@media only screen and (max-width: 1024px) {
	.mobile-header {display: none;}
.desktop-header {display: inline-block;}
header h1 {font-size: 40px;}
.mobile-form {display: none;}
.desktop-form h3 {font-size: 15px;}
i3 {font-size:16px;}
.mobile-browse-by-dates {display: none;}
.desktop-browse-by-dates {display:inline-block; }
.desktop-expanded-venue {display: none;}
.mobile-expanded-venue {display: inline-block;}
}
@media only screen and (max-width: 768px) {
	.mobile-header {display: none;}
.desktop-header {display: inline-block;}
header h1 {font-size: 30px;}
.logo {margin-top: 10px;}
.ticket { margin-top: 10px;}
.desktop-form {display: inline-block; width: 100%;}
/*.mobile-form {display: inline-block;width: 100%;}*/.mobile-form {display: none;}
.mobile-browse-by-dates {display: inline-block;}
.desktop-browse-by-dates {display:none; }
.desktop-expanded-venue {display: none;}
.mobile-expanded-venue {display: inline-block;}
}
@media only screen and (max-width: 736px) {
	.mobile-header {display: none;}
.desktop-header {display: inline-block;}
header h1 {font-size: 30px;}
.logo {margin-top: 10px;}
.ticket { margin-top: 10px;}
.desktop-form {display: inline-block;}
.mobile-form {display: inline-block;width: 100%; }
.mobile-browse-by-dates {display: inline-block;}
.desktop-browse-by-dates {display:none; }
.desktop-expanded-venue {display: none;}
.mobile-expanded-venue {display: inline-block;}
.desktop-my-reservations {display: none;}
.mobile-my-reservations {display: inline-block;
}
}
@media only screen and (max-width: 676px) {
	.mobile-header {display: none;}
.desktop-header {display: inline-block;}
header h1 {font-size: 25px;}
.logo {margin-top: 10px;}
.ticket { margin-top: 10px;}
.desktop-form {display: inline-block;}
.mobile-form {display: inline-block;width: 100%; }
.mobile-browse-by-dates {display: inline-block;}
.desktop-browse-by-dates {display:none; }
.desktop-expanded-venue {display: none;}
.mobile-expanded-venue {display: inline-block;}
.desktop-my-reservations {display: none;}
.mobile-my-reservations {display: inline-block;
}
}
@media only screen and (max-width: 600px) {
	.mobile-header {display: none;}
.desktop-header {display: inline-block;}
header h1 {font-size: 25px;}
.logo {margin-top: 10px;}
.ticket { margin-top: 10px;}
.desktop-form {display: inline-block;}
.mobile-form {display: inline-block;width: 100%;}
.mobile-browse-by-dates {display: inline-block;}
.desktop-browse-by-dates {display:none; }
.desktop-expanded-venue {display: none;}
.mobile-expanded-venue {display: inline-block;}
.desktop-my-reservations {display: none;}
.mobile-my-reservations {display: inline-block;
}
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 568px) {
	.mobile-header {display: inline-block;}
.desktop-header {display: none;}
.desktop-form {display: inline-block;}
.mobile-form {display: inline-block;width: 100%; }
.mobile-browse-by-dates {display: inline-block;}
.desktop-browse-by-dates {display:none; }
.desktop-expanded-venue {display: none;}
.mobile-expanded-venue {display: inline-block;}
.desktop-my-reservations {display: none;}
.mobile-my-reservations {display: inline-block;
}
}

@media only screen and (max-width: 480px) {
	.mobile-header {display: inline-block;}
.desktop-header {display: none;}
.desktop-form {display: inline-block;}
.mobile-form {display: inline-block; }
.mobile-browse-by-dates {display: inline-block;}
.desktop-browse-by-dates {display:none; }
.desktop-expanded-venue {display: none;}
.mobile-expanded-venue {display: inline-block;}
.desktop-my-reservations {display: none;}
.mobile-my-reservations {display: inline-block;}
	.span_12_of_12 {

		width: 100%; 

	}

	.span_11_of_12 {

		width: 100%; 

	}

	.span_10_of_12 {

		width: 100%; 

	}

	.span_9_of_12 {

		width: 100%; 

	}

	.span_8_of_12 {

		width: 100%; 

	}

	.span_7_of_12 {

		width: 100%; 

	}

	.span_6_of_12 {

		width: 100%; 

	}

	.span_5_of_12 {

		width: 100%; 

	}

	.span_4_of_12 {

		width: 100%; 

	}

	.span_3_of_12 {

		width: 100%; 

	}

	.span_2_of_12 {

		width: 100%; 

	}

	.span_1_of_12 {

		width: 100%; 

	}

}
@media only screen and (max-width: 320px) {
	.mobile-header {display: inline-block;}
.desktop-header {display: none;}
.desktop-form {display: inline-block; width: 100%;}
/*.mobile-form {display: inline-block;}*/
.mobile-form h2 {font-size: 20px; line-height: 24px;}
.mobile-browse-by-dates {display: inline-block;}
.desktop-browse-by-dates {display:none; }
.desktop-expanded-venue {display: none;}
.mobile-expanded-venue {display: inline-block;}
.desktop-my-reservations {display: none;}
.mobile-my-reservations {display: inline-block;}

}