/* disable larger font sizing in landscape iOS */
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: none;
     }
}

@media all and (max-width: 955px) {
	#slide-previous {
		left: 8px;
	}
	#slide-next {
		right: 8px;
	}
	.slide .text-inner {
		padding-right: 10px;
	}
	
	body.home #leftCol,
	body.feature #leftCol {
		padding-left: 2%;
		margin-left: 0;
		width: 66%;
	}
	
	#leftSidebar {
		padding-left: 3%;
		width: 27%;
	}
	
	body.event #leftCol {
		width: 62%;
	}
	
	#rightCol {
		margin-right: 3%;
	}
	
	.social-media {
		margin-left: 5%;
	}
	
	#search-hours,
	#utilNav .util-nav {
		margin-right: 4%;
	}
	
	#leftCol {
		width: 59%;
	}
}

@media all and (max-width: 901px) {
	body {
		
	}
	
	.desktop {
		display: none;
	}
	
	.social-media {
		margin-left: 2%;
	}
	
	#utilNav .util-nav,
	#search-hours {
		margin-right: 2%;
	}
	
	#logo {
		
	}
	
	#admission-hours {
		
	}
	
	/*#nav-bg {
		height: 30px;
		background-color: #f47321;
	}
	
	#nav-wrap {
		float: right;
		position: relative;
		left: -50%;
		text-align: left;
	}
	#nav {
		position: relative;
		background-image: none;
		background-color: #f47321;
		left: 50%;
		height: 30px;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#nav li#currentNav {
		background-color: #9E9FA3;
		border-bottom: 6px solid #9E9FA3;
	}
	#nav li a {
		height: auto !important;
		padding: 6px 10px;
		color: #fff;
		font-size: 1.1em;
		font-weight: bold;
	}
	
	#nav li.exhibits a,
	#nav li.studios a,
	#nav li.classes a,
	#nav li.education-programs a,
	#nav li.news-events a,
	#nav li.give-now a,
	#nav li.about a
	{
		background-image: none;
		width: auto;
	}*/
	
	/*#subnav-bg {
		background-color: #9E9FA3;
		top: 140px;
		left: 0;
		width: 100%;
	}
	
	#subnav-wrap {
		float: right;
		position: relative;
		left: -50%;
		text-align: left;
	}
	
	.subnav {
		position: relative;
	}
	
	#subnav-exhibits,
	#subnav-studios,
	#subnav-classes,
	#subnav-education,
	#subnav-news,
	#subnav-give,
	#subnav-about {
		margin-left: 0;
		left: 50%;
	}*/
	
	#nav li a {
		padding: 8px 12px 18px;
	}
	
	#utilNav .util-nav li a {
		padding: 0 8px;
	}
	
	.slide .text {
		padding-left: 20px;
	}
	.slide .text-inner {
		padding-top: 20px;
		font-size: .92em;
	}
	.slide .text h2 {
		font-size: 1.2em;
	}
	#slide-previous, #slide-next {
		top: 40%;
	}
	
	#featureInfo .text-inner {
		padding-top: 20px;
	}
}

@media all and (max-width: 810px) {
	#main {
		padding-bottom: 30px;
	}
	
	body.home #main {
		padding-bottom: 38px;
	}
	
	.subnav li {
		font-size: .92em;
	}
	
	#header .subnav li a {
		padding-left: 5px;
		padding-right: 5px;
	}
	
	#leftCol ul.classviewButtons {
		padding-top: 0;
	}
	
	.classviewButtons li {
		float: none;
		border-left: none;
		width: 100%;
	}
	
	#featureInfo {
		width: 260px;
		padding: 0 20px;
	}
	
	#featureInfo p {
		font-size: .92em;
		line-height: 1.2;
	}
	
	#featureInfo p.subTitle {
		font-size: 1em;
	}
	
	#featureInfo h2 {
		font-size: 1.4em;
	}
	
	#footer {
		padding-top: 10px;
	}
	
	.sitemap {
		display: none;
	}
}

@media all and (max-width: 680px) {
	.tablet {
		display: block;
	}
	span.tablet {
		display: inline;
	}
	.social-media {
		float: right;
	}
	#utilNav form {
		margin-top: 35px;
	}
	#nav-wrap,
	#subnav-bg,
	#utilNav .util-nav,
	#search-hours {
		display: none;
	}
	
	#nav-bg {
		height: 10px;
		background-color: #e24912;
	}
	#menu {
		float: left;
		padding: 10px 17px;
	}
	#menu a {
		display: block;
		background: transparent url("../images/hdr_menu_small.png") 0 0 no-repeat;
		padding: 0 0 0 28px;
		text-transform: uppercase;
		text-decoration: none;
		font-weight: bold;
	}
	
	#main {
		padding-bottom: 50px;
	}
	body.home #main {
		padding-bottom: 54px;
	}
	
	#rightCol {
		display: none;
	}
	
	#leftCol,
	body.event #leftCol {
		width: 88%;
		padding-left: 6%;
	}
	
	body.home #leftCol,
	body.feature #leftCol,
	body.view-cart #leftCol,
	body.checkout #leftCol
	{
		width: 94%;
		padding-left: 3%;
	}
	
	#leftSidebar {
		float: none;
		padding-left: 6%;
		padding-top: 10px;
		width: 88%;
	}
	
	#leftCol h1.background {
		padding-left: 5%; 
		margin-left: -5%;
	}
	
	fieldset {
		padding-left: 1em;
		padding-right: 1em;
	}
	
	table.public td {
		padding-right: 6px;
	}
	
	.catNav.tablet {
		float: none;
		margin-bottom: 12px;
	}
	
	#leftCol .event-subnav {
		display: block;
	}
	
	/*#featuredItem {
		margin-left: 4%;
		margin-right: 4%;
	}*/
	
	#featureInfo h2 {
		font-size: 1.3em;
	}
	#featureInfo .exhibitLocations {
		display: none;
	}
	
	.scheduleDiv {
		margin-left: -6.8%;
		margin-right: -6.9%;
	}
	
}

@media all and (max-width: 620px) {
	#featureInfo {
		position: relative;
		margin-top: -17px;
		width: auto;
	}
	
	#featureInfo .text-inner {
		padding-top: 30px;
		padding-bottom: 10px;
	}
}

@media all and (max-width: 480px) {
	span.hide-480 {
		display: none;
	}
	span.show-480 {
		display: inline;
	}
	.input-text-full {
		width: 88%;
	}
	table.public select {
		max-width: 88%;
	}
	.moreLink {
		line-height: 1.8;
	}

	.slide .text {
		position: relative;
		top: -17px;
		width: auto;
		height: 163px;
		padding-right: 20px;
		background-color: rgba(0, 0, 0, 0.85);
	}
	.slide .text-inner {
		padding-right: 0;
		padding-top: 30px;
	}
	#slide-previous, #slide-next {
		/*top: 46px;*/
		display: none;
	}
	#reserve-studio-week {
		display: none;
	}
	#reserve-studio-day {
		display: block;
	}
	table.schedule {
		display: none;
	}
	table.schedule.single-day {
		display: table;
	}
	#leftCol p#studioBlockSubmit {
		float: none;
		margin: 0 15%;
	}
	#studioBlockSubmit.button a {
		padding-top: 9px;
		padding-bottom: 7px;
	}
}

@media all and (max-width: 430px) {
	span.hide-430 {
		display: none;
	}
	span.show-430 {
		display: inline;
	}
	#main {
		padding-bottom: 67px;
	}
	body.home #main {
		padding-bottom: 70px;
	}
	
	#subfeature-3 {
		display: none;
	}
	
	.subFeature {
		width: 46%;
	}
	
	.listElement h2,
	.listElementNoImg h2 {
		font-size: 1.5em;
	}
	
	#leftCol .listElement h3, #leftCol .listElementNoImg h3 {
		font-size: 1.3em;
	}
	#leftCol .courseClasses h3 {
		font-size: .92em;
	}
}

@media all and (max-width: 320px) {
	body.home #leftCol,
	body.feature #leftCol {
		width: 90%;
		padding-left: 5%;
	}
	
	#subfeature-3 {
		display: block;
	}
	
	.subFeature {
		width: 100%;
		margin: 0 0 1em;
		float: none;
		display: block;
	}
	
	.subFeature img {
		margin-bottom: .5em;
	}
}