/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	
	
	
}

@media only screen and (max-device-width: 1024px) {
}

@media only screen and (min-device-width: 768px) {
}

/* iPhone [portrait + landscape] */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px),
screen and (max-device-width: 480px){
	
	html {
		width: 100%;
		min-width: 0;	
	}
	
	body {	
		min-width: 0;
		width: 100%;
	}
	
	#header {		
		width: 100%;
		max-width: none;		
	}
	
	#header .wrap {
		width: 100%;
	}
	
	#header .nav li {
		height: auto;	
	}
	
	#header li#history-btn a,
	#header li#merch-btn a,
	#header li#calendar-btn a,
	#header li#allstar-btn a,
	#header li#contact-btn a {
	}
	
	#header li#history-btn a {
		display: none;	
	}
	
	#header .nav li#logo-btn {
		margin-left: -15px;	
	}
	
	#header #logo-btn a {
	}
	
	.section {
		height: 500px;
		width: 100%;
	}
	
	.center {
		width: 100%;	
	}
	
	#intro-section.section {
	}
	
	#intro-section .z1 {
		position: relative;
	}
	
	#intro-section .center {
		display: block;
		height: auto;
		top: 50%;
		margin-top: -120px;
		min-height: 0;
	}
	
	#intro-section h1,
	#intro-section h2,
	#merch-section h1.title {
		width: 90%;
		background-size: auto 100%;	
		height: auto;
		font-size: 80%;
		line-height: 4.5em;
		margin: 5px auto;
	}
	
	#intro-section h2 {
		line-height: 1.4em;
	}
	
	#history3-section h1.bg-element {
		background-attachment: scroll;
		height: 100px;
		top: 50%;
		margin-top: -50px;
	}
	
	
	#history3-section, 
	#history5-section,
	#history6-section,
	#movie1-section,
	#movie2-section {
		display: none;	
	}
	
	#merch-section,
	#calendar-section,
	#allstar-section,
	#contact-section {
		background-attachment: scroll;
		background-size: auto auto;
		height: auto;
		min-height: 300px;
		padding: 50px 0;
	}
	
	#merch-section .center .in,
	#merch-section ul {
		width: 100%;	
	}
	
	.popup {
		width: 100%;
		margin: 0 auto;
		top: 0;
		left: 0;
		z-index: 200;
		padding-top: 20px;
		position: absolute;
		padding-bottom: 70px;
		font-size: 1.5em;
		height: 1000px;
	}
	
	.img_box,
	.buy_info {
		width: 50%;
		margin: 0 auto;	
		position: relative;
		height: auto;
	}
	
	.img_box {
		margin-top: 20px;	
	}
	
	.buy_info {
		font-size: .7em;
	}
	
	.fine_print {
		width: 50%;	
		height: auto;
	}
	
	.close_btn,
	.fine_print {
		bottom: 5px;	
	}
	
	.buy_info strong {
		font-size: 1.25em;
	}
	
	#merch-section form {
		position: relative;
		border-bottom: 1px dotted #CCC;
	}
	
	#merch-section form input {
		right: 0;
		position: absolute;
		top: 3px;
	}
	
	#merch-section.section .center {
		top: 0;
		width: 100%;
		margin: 0;
		left: 0;
		position: relative;
	}
	
	/*
	#merch-section form input {
		height: 12px;
		width: 44px;
	}
	
	#merch-section form input img {
		width: 100%;
		height: auto;
	}
	*/
	
	#allstar-section.section .wrap, #calendar-section.section .wrap {
		width: 100%;	
	}
	
	#allstar-section.section .center, #calendar-section.section .center {
		width: auto;
		margin: 20px;
		position: relative;
		left: 0;
		top: 0;	
	}
	
	#allstar-section .col,
	#allstar-section .col.left
	 {
		 float: none;
		 width: 100%;
	}
	
	#allstar-section .center .in-wrap {
		margin: 10px 26px;	
	}
	
	.slideshow {	
		margin-top: 24px;
		margin-bottom: 18px;
		padding: 0;
	}
	
	.slideshow figure {
		width: 100%;
		left: 0;
		margin: 0;
	}
	
	.m {
		display: inherit;	
	}
	
	.img-in-wrap {
		display: none;
	}	
	
	.content-in-wrap {
		float: none;
		width: 100%;
		margin: 20px;
	}

	.event-container {
		width: 100%;	
	}
	
	.circle {
		width: 600px;
		height: 600px;
		margin: 20px auto;
		font-size: 1.6em;
	}
		
	.circle-in {
		position: relative;
		margin-top: 100px;
	}
	
	.circle p {
		margin: 25px auto;
	}
	
	.circle p em {
		font-family: "Open Sans Condensed", sans-serif;
		font-style: normal;
		font-weight: bold;
		color: #bd3235;
		font-size: 2em;
	}
	
	.circle a.num {
		font-family: "Open Sans Condensed", sans-serif;
		display: block;
		text-align: center;
		font-size: 2.5em;	
		font-weight: bold;
		text-decoration: none;
		color: #999;
	}
	
	.swipeshow {
		margin: 20px auto;
		width: 100%;
	}
	
	#header li#twitter,
	#header li#facebook {
	}

	
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.popup {
		height: 89%;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.popup {
		height: 500px;	
	}
}


@media only screen and (max-device-width: 480px) {
	
	#header {
		height: 35px;
		width: 100%;
		max-width: none;	
	}
	
	#header .wrap {
		width: 100%;
	}
	
	#header .nav li {
		height: auto;	
	}
	
	#header li#history-btn a,
	#header li#merch-btn a,
	#header li#calendar-btn a,
	#header li#allstar-btn a,
	#header li#contact-btn a {
		width: auto;
		background: none;
		text-indent: 0;
		text-decoration: none;
		color: #000;
		font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		line-height: 100%;
		font-size: 100%;
		padding: 5px;
		line-height: 25px;
		font-size: 70%;
	}
	
	#header li#history-btn a {
		display: none;	
	}
	
	#header .nav li#logo-btn {
		margin-left: -15px;	
	}
	
	#header #logo-btn a {
		width: 54px;
		height: 54px;
		background-size: contain;
	}
	
	#intro-section.section {
		width: 100%;
		background-size: 120% auto;
		background-position: center 35px;
		height: auto;
		min-height: 0;
		overflow: hidden;
	}
	
	#intro-section .z1 {
		position: relative;
	}
	
	#intro-section .center {
		display: block;
		height: auto;
		top: 50%;
		margin-top: -120px;
		min-height: 0;
	}
	
	#intro-section h1,
	#intro-section h2,
	#merch-section h1.title {
		width: 90%;
		background-size: auto 100%;	
		height: auto;
		font-size: 80%;
		line-height: 2em;
		margin: 3px auto;
	}
	
	#intro-section h2 {
		line-height: .7em;
	}
	
	#merch-section li {
		width: 50%;	
	}
	
	.popup {
		width: 100%;
		height: auto;
		margin: 0;
		top: 0;
		left: 0;
		z-index: 200;
		padding-top: 20px;
		position: absolute;
		padding-bottom: 70px;
		font-size: 1em;
	}
	
	.img_box,
	.buy_info {
		position: relative;
		width: 100%;
		height: auto;
		margin: 0;	
		margin: 20px;
		width: auto;
	}
	
	.circle {
		border-radius: 50% 50%;
		background: #FFF;
		color: #666666;
		width: 280px;
		height: 280px;
		margin: 20px auto;
		font-size: .8em;
		overflow: hidden;
	}
	
	.circle-in {
		margin-top: 30px;
	}
	
	.circle p {
		width: 50%;
		margin: 5px auto;
		text-align: center;
		font-size: .8em;
	}
	
	.circle p em {
		font-family: "Open Sans Condensed", sans-serif;
		font-style: normal;
		font-weight: bold;
		color: #bd3235;
		font-size: 2em;
	}
	
	.circle p strong { 
		font-size: 1.4em;
	}
	
	.swipeshow {
		margin: 20px auto;
		width: 100%;
		height: 180px;
	}
	
	.swipeshow .dot-item {
	  width: 10px;
	  height: 12px;
	  line-height: 12px;
	}
	
}

@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}