/* -- HD RESOLUTION DISPLAY -- */

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 

	#header h1.logo a {
		background-image: url(../images/common/logo-2x.png);
	}

	.edition #header h1.logo a {
		background-image: url(../images/common/logo-edition-2x.png);
	}
	
	#header-social a {
		background-image: url(../images/common/social-icons-2x.png);
	}

	#header-main .right a.edition-link {
		background-image: url(../images/common/edition-button-2x.png);
	}
	
	#header .theatre a {
		background-image: url(../images/common/metro-button-2x.png);
	}

	#header-nav ul li {
		background-image: url(../images/common/nav-divider-2x.png);
	}
	
	#edition-nav ul li {
		background-image: url(../images/common/nav-divider-edition-2x.png);
	}
	
	#header-nav ul li.film a {
		background-image: url(../images/common/nav-film-2x.png);
	}
	
	#header-nav ul li.events a {
		background-image: url(../images/common/nav-events-2x.png);
	}
	
	#header-nav ul li.series a {
		background-image: url(../images/common/nav-series-2x.png);
	}
	
	#header-nav ul li.eatdrink a {
		background-image: url(../images/common/nav-eatdrink-2x.png);
	}
	
	#header-nav ul li.bookstore a {
		background-image: url(../images/common/nav-bookstore-2x.png);
	}
	
	#header-nav ul li.calendar a {
		background-image: url(../images/common/nav-calendar-2x.png);
	}

	#edition-nav ul li.metroretro a {
		background-image: url(../images/common/nav-metroretro-2x.png);
	}
	
	#edition-nav ul li.essays a {
		background-image: url(../images/common/nav-essays-2x.png);
	}
	
	#edition-nav ul li.interviews a {
		background-image: url(../images/common/nav-interviews-2x.png);
	}

	h2,
	h3,
	h5 {
		background-image: url(../images/common/header-line-2x.png);
	}
	
	.edition h2,
	.edition h3,
	.edition h5 {
		background-image: url(../images/common/header-line-edition-2x.png);
	}
	
	h2.alt,
	h3.alt {
		background-image: url(../images/common/header-bg-2x.png);
	}
	
	
	#footer {
		background-image: url(../images/common/footer-badge-2x.png);
	}
	
	#footer-mailinglist a {
		background-image: url(../images/common/footer-email-2x.png);
	}
	
	#footer-social a {
		background-image: url(../images/common/footer-social-2x.png);
	}

	
	#footer .edition-logo {
		background-image: url(../images/common/footer-edition-2x.png);
	}

}


/* -- LAPTOP -- */

@media screen and (max-width: 1500px) {
		
	#wrapper,
	.edition #wrapper {
		max-width: 960px;
		width: auto;
	}

	#header-social {
		left: 24px;
	}	
	
	#header-nav ul li {
		padding: 0 52px 0 44px;
	}	

	#footer .pad {
		max-width: 1000px;
	}

	#footer-mailinglist {
		width: 43%;
		padding-right: 7%;
	}
	
	#footer-contact {
		width: 43%;
		padding-left: 7%;
	}
	
	#footer-links {
		width: 43%;
		padding-right: 7%;
	}
	
	#footer-addresses {
		width: 43%;
		padding-left: 7%;
	}

	#footer-social {
		margin-left: 54px;
	}

	#home-showing {
		height: 250px;
	}
	
	#home-showing .pad {
		max-width: 929px;
		margin-left: 17px;
	}
	
	#home-showing .carousel {
		height: 213px;
		width: 927px;
	}
	
	#home-showing .carousel-prev,
	#home-showing .carousel-next {
		width: 20px;
		height: 40px;
		background-image: url(../images/common/carousel-arrows-sm-2x.png);
		margin-top: -29px;
	}
	
	#home-showing .carousel-prev {
		margin-left: -16px;
	}
	
	#home-showing .carousel-next {
		margin-right: -16px;
	}
	
	#home-showing ul {
		height: 213px;
	}
	
	#home-showing ul li {
		width: 301px;
		height: 213px;
	}
	
	#home-showing ul li .title {
		width: 45%;
	}
	
	#home-showing ul li .showtimes {
		width: 53%;
	}
	
	#home-showing .basic li {
		margin: 0 6px;
	}
	
	#home-showing .static li {
		margin: 0 4px;
	}

	#home-upcoming ul li {
		width: 465px;
		padding-bottom: 50px;
	}

	#home-upcoming ul li .title {
		height: 50px;
		line-height: 50px;
	}
	
	#home-upcoming ul li .label {
		height: 50px;
		line-height: 50px;
	}


	#films {
		padding-bottom: 40px;
	}
	
	#films-showing-date {
		text-align: center;
		padding-bottom: 10px;
	}
	
	#films-showing-date .form-select {
		width: 201px;
		margin: auto;
		text-align: left;
	}
	
	#films-showing-date .form-select .menu {
		width: 199px;
	}
	
	.films-list {
		width: auto;
		padding-left: 0;
	}
	
	.films-list .film .image img {
		width: 465px;
		height: 240px;
	}
	
	#film .pad {
		max-width: auto;
		margin: 0;
	}
	
	#film .media .image img {
		width: 540px;
		height: 289px;
		margin-bottom: 30px; 
	}
	
	#film .media .trailer iframe {
		width: 540px;
		height: 289px;
	}
		
	#film .text {
		width: 390px;
	}
	
	#film h4.title {
		margin: 0 0 25px;
		padding: 0;
		font-size: 16px;
		line-height: 18px;
		letter-spacing: 1px;
		font-weight: normal;
		text-transform: uppercase;
	}
	
	#film .purchase {
		border-top: 1px solid #A4A4BC;
		border-bottom: 1px solid #A4A4BC;
		padding: 25px 0;
	}
	
	#film .purchase strong {
		text-transform: uppercase;
		font-weight: normal;
	}
	
	#film .form-select {
		width: 201px;
		padding-top: 25px;
	}
	
	#film .form-select .menu {
		width: 199px;
	}
	
	#film .showtimes, #home-showing .showtimes, #calendar-list .showtimes {
		padding: 20px 0 0;
		color: #999;
		max-width: 390px;
	}

	.showtimes .sold-out {
		text-decoration: line-through;
	}
	
	#film .showtimes a,
	#film .showtimes span {
		display: inline-block;
		margin-right: 6px;
		cursor: default;
	} 
	
	#film .showtimes a {
		cursor: pointer;
	}
	
	#film .details {
		max-width: 390px;
		text-transform: uppercase;
		line-height: 18px;
		letter-spacing: 1px;
		padding-top: 20px;
	}
	
	#film .summary {
		max-width: 390px;
	}
	
	
	#film-recommended {
		clear: both;
	}	
	
	#film-recommended ul li {
		width: 300px;
		margin-right: 30px;
	}
	
	#film-recommended ul li img {
		width: 300px;
		height: 160px;
	}
	
	
	#event-list .event .pad {
		width: auto;
		margin-left: 0;
	}
	
	
	#series-films ul {
		width: 110%;
		margin-left: 0;
		padding: 0;
	}


	#edition .label {
		padding: 14px 0 7px;
	}

	#edition-main-top {
		padding-bottom: 14px;
	}
	
	#edition-main-top .feature img,
	#edition-list .feature img {
		width: 600px;
		height: 310px;
	}
	
	#edition-main-top .feature .text,
	#edition-list .feature .text {
		width: 300px;
		padding-right: 30px;
		padding-top: 70px;
	}	

	#edition-main-mid {
		padding-bottom: 5px;
	}
			
	#edition-main-mid .feature {
		width: 465px;
	}
	
	#edition-main-mid .feature img {
		width: 465px;
		height: 300px;
	}

	#edition-main-mid .feature .text {
		padding: 15px 0 15px;
	}
	
	#edition-main-btm .feature {
		width: 300px;
	}
	
	#edition-main-btm .feature img {
		width: 300px;
		height: 160px;
	}	

	#edition-main-btm .feature .text {
		padding: 15px 0 0;
	}

	#edition-detail {
		width: 600px;
		margin-left: 180px;	
	}

	#edition-detail .image img {
		width: 600px;
		height: 310px;	
	}
	
	#edition-featured li {
		width: 300px;
		padding-bottom: 15px;
	}
	
	#edition-featured li img {
		width: 300px;
		height: 160px;
		margin-bottom: 15px;
	}
		
	#calendar-list {
		width: 415px;
	}
	
	#checkout .cols {
		margin-left: 0;	
	}
	
	#checkout #confirmation {
		margin-left: 160px;
	}
	
	
	
	#commissary-carousel .carousel-prev {
		margin-left: -112px;
	}
	
	#commissary-carousel .carousel-next {
		margin-right: -112px;
	}


}


/* -- TABLET -- */

@media screen and (max-width: 1020px) {
		
	#wrapper,
	.edition #wrapper {
		max-width: 680px;
		width: auto;
	}
	
	#header-social {
		left: 14px;
	}

	#header-main {
		padding-top: 38px;
		width: 580px;
	}

	#header-main .left {
		padding-top: 36px;
		padding-left: 24px;
		font-size: 12px;
	}
	
	#header-main .right {
		padding-top: 28px;
	}
	
	#header-main .right a.edition-link {
		font-size: 16px;
	}
	
	#header h1.logo {
		width: 280px;
		height: 122px;
	}
	
	#header .theatre {
		top: 60px;	
	}
	
	#header-nav {
		font-size: 12px;
	}
	
	#header-nav ul li {
		padding: 0 37px 0 29px;
	}
	
	#shade-nav .menu {
		display: none;	
		width: 300px;
		margin: 0 auto;
		line-height: 36px;
		overflow: hidden;
	}

	#shade-nav .menu span {
		display: block;
		float: left;
		width: 33.3%;
		padding: 10px 0 16px;
		text-align: center;
	}	

	#shade-nav .menu span:first-child {
		float: none;
		position: absolute;
		width: 100px;
		left: 50%;
		margin-left: -50px;
	}

	#shade-nav .menu span:last-child {
		float: right;
	}
		
	#shade-nav .menu span a {
		display: block;
		margin: 0;
	}		

	#shade-nav .menu span a:hover,
	#shade-nav .menu span a.selected {
		padding-bottom: 1px;
		border-bottom: 0;
	}	
	
	#shade-nav .trigger {
		display: block;	
	}
	
	.subnav ul li {
		margin: 0 25px;
	}

	#edition-nav {
		width: 680px;
	}

	#edition-nav ul li {
		padding: 0 52px 0 44px;
	}
		
	.static ol {
		margin-left: 12px;
	}
	
	.static ol li {
		width: 205px;
		height: 470px;
		margin-right: 20px;
	}



	#footer .pad {
		font-size: 12px;
	}
	
	#footer-mailinglist {
		width: 41%;
		padding-right: 9%;
	}
	
	#footer-contact {
		width: 41%;
		padding-left: 9%;
	}
	
	#footer-links {
		width: 41%;
		padding-right: 9%;
	}	
		
	#footer-addresses {
		width: 41%;
		padding-left: 9%;
	}
		
	#footer-social {
		margin-left: 22px;
	}
	
	#footer-social a {
		margin-right: 18px;
	}
	
	
	#home-showing {
		height: 210px;
	}
	
	#home-showing .pad {
		max-width: 636px;
		margin-left: 22px;
	}

	#home-showing .form-select {
		width: 174px;
	}
	
	#home-showing .form-select .menu {
		width: 172px;
	}
	
	#home-showing .carousel {
		height: 166px;
		width: 636px;
	}
	
	#home-showing .carousel-prev,
	#home-showing .carousel-next {
		margin-top: -33px;
	}
	
	#home-showing .carousel-prev {
		margin-left: -20px;
	}
	
	#home-showing .carousel-next {
		margin-right: -20px;
	}
	
	#home-showing ul {
		height: 168px;
	}
	
	#home-showing ul li {
		width: 202px;
		height: 166px;
	}
	
	#home-showing ul li .title {
		float: none;
		width: auto;
		padding: 6px 0;
	}
	
	#home-showing ul li .showtimes {
		float: none;
		width: auto;
		text-align: left;
		padding-top: 0;
	}

	#home-showing ul li .showtimes a {
		margin-left: 0;
		margin-right: 5px;
	}
	
	#home-showing .static li {
		margin: 0 5px;
	}
	
	#home-upcoming ul li {
		width: 330px;
		padding-bottom: 43px;
		margin-bottom: 24px;
	}

	#home-upcoming ul li .title {
		height: 43px;
		line-height: 43px;
		letter-spacing: 0;
	}
	
	#home-upcoming ul li .label {
		height: 43px;
		line-height: 43px;
		letter-spacing: 0;
	}

	
	.films-list .film .image img {
		width: 330px;
		height: 177px;
		margin-right: 20px;
	}
	
	.films-list .film .text {
		width: 329px;
	}	


	.films-list .film h4.title,
	.films-list .film h4.title.narrow {
		float: none;
		width: auto;
	}	

	.films-list .film .form-select {
		float: none;
		margin: 10px 0;
	}


			
	#film .media .image img {
		width: 330px;
		height: 177px;
		margin-bottom: 20px; 
	}
	
	#film .media .trailer iframe {
		width: 330px;
		height: 177px;
	}
		
	#film .text {
		width: 330px;
	}
	
	
	#film-recommended ul li {
		width: 220px;
		margin-right: 10px;
	}
	
	#film-recommended ul li img {
		width: 220px;
		height: 118px;
	}	
	
	#film-recommended ul li .label {
		display: block;
		text-transform: lowercase;
		letter-spacing: 1px;
		padding: 10px 3px 7px;
		color: #A4A4BC;;
	}
	
	#film-recommended ul li .title {
		letter-spacing: 0;
		padding: 7px 3px;
	}

	#event-list .event .pad {
		width: 465px;
		margin-left: 108px;
	}

	#event-list .event .image {
		float: none;
		margin: 0 0 14px;
	}
	
	#event-list .event h4.title {
		margin-top: -5px;
	}

	#event-list .event .date {
		margin: 0 0 35px;
	}

	#event-list .event .text {
		float: none;
		height: auto;
		margin: 0;
	}

	#event-list .event .related {
		padding: 20px 0;
	}
	
	#event-list .event .avail {
		padding-bottom: 10px;
	}

	#event-list .event .buy {
		position: relative;
		padding-top: 14px;
	}
	
	#series-films ul {
		margin-left: 24px;
	}
	
	#edition-main-top,
	#edition-list {
		text-align: center;
	}

	#edition-main-top .feature,
	#edition-list .feature {
		width: 440px;
		margin: 0 auto;
		text-align: left;
	}
	
	#edition-main-top .feature img,
	#edition-list .feature img {
		float: none;
		width: 440px;
		height: 227px;
		margin: auto;
	}
	
	#edition-main-top .feature .text,
	#edition-list .feature .text {
		float: none;
		width: 440px;
		padding-right: 0;
		padding-top: 14px;
		margin: auto;
	}	

	#edition-main-mid {
		padding-bottom: 5px;
	}
			
	#edition-main-mid .feature {
		width: 330px;
	}
	
	#edition-main-mid .feature img {
		width: 330px;
		height: 213px;
	}

	#edition-main-btm .feature {
		width: 220px;
	}

	#edition-main-btm .feature {
		margin-left: 10px;
	}
	
	#edition-main-btm .feature:first-child {
		margin-left: 0;
	}
		
	#edition-main-btm .feature img {
		width: 220px;
		height: 118px;
	}

	#edition-main-btm .feature .text .title {
		font-size: 11px;
		line-height: 14px;
	}
	
	#edition-main-btm .feature .text .byline {
		font-size: 11px;
	}
	
	#edition-detail {
		width: 440px;
		margin-left: 122px;
	}

	#edition-detail .image img {
		width: 440px;
		height: 227px;	
	}
	
	#edition-featured li {
		width: 220px;
		margin-left: 11px;
	}
		
	#edition-featured li:first-child {
		margin-left: 0;
	}
	
	#edition-featured li .title,
	#edition-featured li .byline {	
		font-size: 11px;
		line-height: 14px;
	}
		
	#edition-featured li img {
		width: 220px;
		height: 118px;
	}



	#the-people {
		max-width: 460px;
		margin: auto;	
	}

	#the-people ol li:nth-child(9) {
		margin-left: 0;
	}

	

	#calendar-filters #filter-title {
		padding: 24px 0;
	}

	#calendar-list {
		width: 367px;
		padding-left: 0;
	}
	
	#calendar-list .day {
		padding-bottom: 5px;
	}	
	
	#calendar-list .day .date {
		position: relative;
		left: 0;
		top: 0;
		width: auto;
		text-align: left;
		border-top: 1px solid #A4A4BC;
		padding-top: 10px;
	}
	
	#calendar-list .day .group {
		border-top: 1px solid #A4A4BC;
		padding-top: 10px;
		margin-top: 10px;
	}
	
	#calendar-list .day .group .label {
		position: relative;
		left: 0;
		top: 0;
		padding-top: 0;
		width: auto;
		text-align: left;
	}
	
	#calendar-list .day .group .item {
		padding: 10px 0;
		letter-spacing: 1px;
	}



	#checkout #breadcrumb span {
		margin: 0 20px;
	}
	
	#checkout #breadcrumb span span {
		margin: 0;
	}
	
	#checkout .page-main {
		float: none;
		width: auto;	
		min-height: 0;
		padding-bottom: 30px;
	}
	
	#checkout .page-side {
		float: none;
		width: auto;	
		padding-bottom: 30px;
	}

	#checkout #confirmation {
		width: auto;
		margin-left: 0;
	}
	
	#checkout .tab-content {
		padding-bottom: 0;
		border-bottom: 0;
	}

	#map-canvas {
		height: 400px !important;	
	}

	#commissary-carousel .carousel-prev {
		margin-left: -60px;
	}
	
	#commissary-carousel .carousel-next {
		margin-right: -60px;
	}

	#commissary-nav {
		padding-bottom: 10px;
	}
	
	#commissary-nav a {
		margin-bottom: 20px;
	}
	
					
}


/* -- PHONE -- */

@media screen and (max-width: 706px) {
	
	.mobile {
		display: block;	
	}
	
	.mobile-hidden {
		display: none;	
	}
		
	#wrapper,
	.edition #wrapper {
		width: auto;
		max-width: 360px;
	}

	#header-social {
		display: none;
	}

	#header-social.sign-in {
		display: block;
		right: auto !important;
		left: auto;
		height: auto;
		top: 4px;
	}

	#header-edition {
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		text-align: right;
		text-transform: uppercase;
		letter-spacing: 1px;
		border-bottom: 1px solid #A4A4BD;	
	}
	
	#header-edition a {
		color: #FF0000;
	}
	
	.edition #header-main {
		padding-top: 0;
	}

	#header .theatre {
		position: relative;
		top: 0;
		left: initial;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
		text-align: right;
		text-transform: uppercase;
		letter-spacing: 1px;
		border-bottom: 1px solid #FFA999;	
		margin-bottom: 18px;
	}
	
	#header .theatre a {
		display: inline;
		background: none;
		color: #0000B1;
	}
	
	#header .theatre a span {
		display: block;
	}

	#header-main {
		padding-top: 18px;
		width: auto;
		max-width: 360px;
	}

	#header-main .left,
	#header-main .right {
		display: none;
	}
			
	#header h1.logo,
	.edition #header h1.logo {
		width: 258px;
		height: 40px;
	}
	
	#header h1.logo a,
	.edition #header h1.logo a {
		background-size: 258px 112px;
		background-position: center -47px;
	}

	
	#header-nav {
		display: none;
	}
	
	#header-nav ul {
		display: none;
	}
	
	#edition-nav {
		width: auto;	
	}
	
	#edition-nav ul li {
		padding: 0 24px 0 16px;
	}

	#shade-nav {
		position: relative;
		margin-top: 0 !important;
		border-bottom: 0;
		margin-bottom: -10px;
	}
	
	.edition #shade-nav {
		display: none;
	}
	
	.edition #shade-nav.sticky,
	#shade-nav.sticky {
		display: block;
		position: fixed;
		padding-top: 10px;
		margin-top: 0;
		border-bottom: 1px solid #A4A4BC;
	}
	
	.edition #shade-nav.sticky a {
		margin: 0 10px;
	}
		
	
	.subnav ul li {
		margin: 0 12px;
	}
	
	
	.static ol {
		width: auto;
		margin: 0;
	}
	
	.static ol li {
		width: auto;
		float: none;
		height: auto;
		margin-right: 0;
		padding-bottom: 25px;
	}
	
	.static ol li strong {
		height: auto;
		border-bottom: 0;
		margin-bottom: 0;
		font-size: 12px;
		line-height: 16px;
	}
		
	.static ol li img {
		width: 180px;
		height: 180px;
		margin: auto;
	}


	#footer {
		background-position: center 110px;
	}
	
	#footer .pad {
		height: auto;
		padding-bottom: 30px;
		max-width: 360px;
	}
	
	#footer-mailinglist,
	#footer-contact {
		float: none;
		padding-bottom: 20px;
	}
	
	#footer-mailinglist {
		width: auto;
		padding-right: 0;
		padding-bottom: 30px;
	}
	
	#footer-contact {
		width: auto;
		padding-left: 0;
	}
	
	#footer-links {
		float: none;
		width: 100%;
		overflow: hidden;
		padding-right: 0;
		padding: 30px 0 0;
		border-top: 1px solid #0000B2;
	}
		
	#footer-addresses {
		float: none;
		width: 100%;
		overflow: hidden;
		padding-left: 0;
		padding: 60px 0 40px;
	}
	
	#footer-social {
		margin-left: 40px;
	}
	
	#footer-phone {
		width: 47%;
	}
	
	#footer .edition-address .full {
		display: none;
	}
	
	#footer .edition-address .short {
		display: inline;
	}	
	
	h2,
	h3,
	h5 {
		margin: 15px 0;
		font-size: 12px;
		letter-spacing: 0;	
	}
	
	h2 span,
	h3 span,
	h5 span {
		padding: 0 20px;
	}
	
	h2.alt,
	h3.alt {
		font-size: 12px;
		line-height: 46px;
	}

	#home-showing {
		height: 290px;
	}
	
	#home-showing .pad {
		margin-left: 0;
		text-align: center;
	}

	#home-showing .form-select {
		margin: auto;
		text-align: left;
	}
	
	#home-showing .carousel {
		height: 204px;
		width: 624px;
		padding-top: 30px;
		text-align: left;
	}
	
	#home-showing .carousel-prev,
	#home-showing .carousel-next {
		margin-top: -22px;
	}
	
	#home-showing .carousel-prev {
		display: none !important;
	}
	
	#home-showing .carousel-next,
	#home-showing .carousel-next:hover {
		margin-left: 0;
		margin-right: 0;
		right: initial;
		left: 342px;
		background: url(../images/common/carousel-arrows-mob-2x.png) left center no-repeat;
		background-size: 9px 20px;
	}
	
	#home-showing ul {
		height: 204px;
	}
	
	#home-showing ul li {
		width: 303px;
		height: 203px;
		margin-bottom: 3px;
	}
	
	#home-showing ul li .title {
		float: left;
		width: 49%;
		min-height: 32px;
		height: 32px;
		overflow: hidden;
		padding: 6px 0;
	}
	
	#home-showing ul li .title a {
		display: inline-block;
		height: 32px;
		overflow: hidden;
	}
	
	#home-showing ul li .showtimes {
		float: right;
		width: 50%;
		min-height: 32px;
		max-height: 32px;
		text-align: right;
		padding: 6px 0;
		padding-left: 1%;
		font-size: 12px;
	}

	#home-showing ul li .showtimes a {
		margin-left: 5px;
		margin-right: 0;
	}
	
	#home-showing .static li {
		margin: 0 5px;
	}
	

	
	#home-upcoming ul li {
		float: none;
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 20px;
		border-bottom: 0;
		border-top: 1px solid #A4A4BD;
	}
	
	#home-upcoming ul li:nth-child(even) {
		float: none;
	}

	#home-upcoming ul li .title {
		position: relative;
		float: left;
		height: 32px;
		line-height: 32px;
		font-size: 12px;
	}
	
	#home-upcoming ul li .label {
		position: relative;
		float: right;
		height: 32px;
		line-height: 32px;
		font-size: 12px;
	}
	
	#home-upcoming ul li img {
		clear: both;
	}
	

	#the-people {
		max-width: 200px;
		margin: auto;	
	}
	
	#the-people ol {
		width: 200px;
		padding-top: 20px;
	}	
	
	#the-people ol li {
		width: 200px;
		height: 350px;	
	}
			
	#the-people li img {
		width: 100%;
		max-width: 200px;
		height: auto;	
	}	
	
	#contact-page .contact {
		float: none;
		width: 100%;	
		padding: 40px 0 40px;
	}	
	
	.films-list .film .image img {
		float: none;
		margin-bottom: 14px;
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	
	.films-list .film .text {
		width: auto;
	}	
	
	.films-list .film .form-select {
		float: none;
		margin-left: 0;
		margin-top: 14px;
	}
	
	.films-list .film .image img {
		display: block;
		float: left;
		margin-right: 30px;
	}
	
	.films-list .film h4.title {
		float: none;
		margin: 0;
	}
	
	.films-list .film .showtimes {
		padding: 14px 0;
	}
	
	
	
	.films-list .film .summary {
		padding: 14px 0 10px 0;
	}

	
	#film-back {
		display: none;	
	}
	
	
	#film h4.mobile-title {
		display: block;
		
	}

	#film .media {
		float: none;
		padding-bottom: 0;
	}
	
	#film .media .image img {
		width: 360px;
		height: 192px;
		margin-bottom: 30px;
	}
	
	#film .media .trailer {
		border-top: 1px solid #A4A4BC;
		padding: 20px 0;
	}
	
	
	#film .media .trailer .trigger {
		display: block;
		text-transform: uppercase;
		letter-spacing: 1px;
		cursor: pointer;
	}
		
	#film .media .trailer .video {
		display: none;
		margin-top: 10px;
	}
	
	#film .media .trailer iframe {
		width: 360px;
		height: 192px;
	}
	
	#film .text {
		width: auto;
		float: none;
	}	
	
	#film .text h4.title {
		display: none;
	}

	#film-recommended ul li {
		float: none;
		width: 360px;
		margin-right: 0;
	}
	
	#film-recommended ul li img {
		width: 360px;
		height: 192px;
	}	

	#event-list .event .pad {
		width: 360px;
		margin-left: 0;
	}

	#event-list .event .image {
		width: 360px;
		height: 360px;
	}

	#event-list .event .text {
		width: auto;
	}
		
	#event-list .event .date {
		margin: 0 0 35px;
	}
	
	#series-title .date {
		margin: 0 0 26px;
	}
	
	#series-films ul {
		width: 300px;
		margin-left: 30px;
	}
	
	#series-films ul li {
		width: 300px;
		height: auto;
		border-top: 1px solid #A4A4BC;
		padding-top: 30px;
	}	
	
	h2#commissary-title span {
		background-size: 102px 39px;
		background-position: 32px 0;
		margin-top: -5px;
	}
		
	#edition .feature {
		width: 330px;
		margin: 0 15px;
	}	
	
	#edition-main-top .feature,
	#edition-list .feature {
		text-align: left;
	}
	
	#edition-main-top .feature img,
	#edition-list .feature img {
		width: 330px;
		height: 170px;
	}
	
	#edition-main-top .feature .text,
	#edition-list .feature .text {
		width: auto;
	}	

	#edition-main-mid .feature {
		float: none;
	}
	
	#edition-main-mid .feature:first-child {
		float: none;
		border-bottom: 1px solid #FFA999;
	}

	#edition-main-btm .feature,
	#edition-main-btm .feature:first-child {
		width: auto;
		margin-left: 0;
		padding: 0 71px;
		border-bottom: 1px solid #FFA999;
	}
	
	#edition-main-btm .feature:last-child {
		border-bottom: 0;
	}
		
	#edition-detail {
		width: auto;
		margin-left: 0;	
		padding-bottom: 5px;
	}

	#edition-detail .image img {
		width: 100%;
		height: auto;
	}
		
	#edition-featured li,
	#edition-featured li:first-child {
		width: auto;
		margin-left: 0;
		padding: 0 71px 15px;
		border-bottom: 1px solid #FFA999;
	}	
	
	#edition-featured li:last-child {
		border-bottom: 0;
	}		

	#calendar-filters {
		padding-top: 10px;
		padding-left: 34px;
	}

	#calendar-list {
		width: 360px;
		padding-top: 24px;
	}
		
	#commissary-carousel .carousel,
	#commissary-carousel div {
		width: 100%;
		height: 240px;
	}

	#commissary-carousel div img {
		width: 100%;
		height: auto;
	}
	
	#commissary #hours {
		width: 100%;
	}
		
	#commissary #hours .group {
		display: block;
		width: 100%;
		padding: 20px 0;
		vertical-align: top;
	}

	#commissary-nav {
		padding-bottom: 0;
	}
	
	#commissary-nav a {
		min-width: 102px;
	}
	
	#commissary-nav a.coming-soon,
	#commissary-nav a.june-11 {
		padding-bottom: 38px;
	}

	#checkout #tab-standard ul li label {
		float: none;
		width: 100%;
		padding-left: 0;
		padding-bottom: 5px;
	}

	#checkout .three-buttons .button {
		display: inline-block !important;
		float: none !important;
		margin-bottom: 10px;
	}
	
	#checkout form .input,
	#checkout form .textarea {
		width: 95%;
	}


	#commissary-reservations .phone a {
		display: block;
		height: 40px;
	}	

			
}


/* -- SMALL PHONE -- */

@media screen and (max-width: 380px) {
		
	#wrapper {
		width: auto;
		margin: 0 10px;
	}
	
	#edition-nav ul li {
		padding: 0 18px 0 9px;
	}
	
	#edition-nav ul li:first-child {
		padding-left: 0;
	}
		
	#edition-nav ul li:last-child {
		padding-right: 0;
	}
		
	#event-list .event .pad {
		width: auto;
		margin-left: 0;
	}

	#event-list .event .image {
		width: 100%;
		height: auto;
	}

	#calendar-list {
		width: auto;
	}

	#calendar-filters {
		padding-left: 0;
	}	
	
	#series-films ul {
		margin-left: 0;
	}
	
	#map-canvas {
		height: 300px !important;	
	}
	
	#edition .feature {
		width: 300px;
		margin: 0;
	}	
	
	#edition-main-btm .feature,
	#edition-main-btm .feature:first-child {
		width: auto;
		padding-left: 45px;
	}
	
	#edition-featured li,
	#edition-featured li:first-child {
		width: auto;
		padding-left: 40px;
	}
	
	#home-showing {
		height: auto;	
	}
	
	#home-showing .carousel {
		height: auto !important;
		width: auto !important;
		margin: 0 !important;
	}
	
	#home-showing .carousel .carousel-instance {
		height: auto !important;
		width: auto !important;
		margin: 0 !important;
	}
	
	#home-showing .carousel .carousel-instance div {
		height: auto !important;
		width: auto !important;
		margin: 0 !important;
	}
					
	#home-showing ul {
		height: auto !important;
		width: auto !important;
		margin: 0 !important;
	}
	
	#home-showing ul li {
		float: none !important;
		width: auto !important;
		margin: 0 0 16px !important;
		height: auto !important;
	}

	#home-upcoming ul li {
		border-top: 0;
	}
		
	#film .media .image img {
		width: 300px;
		height: 160px;
	}


	#commissary-top {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	
	#commissary-now-open {
		display: block;
		margin: auto;
		margin-bottom: 30px;
	}
	
	#commissary-reservations {
		display: block;
		margin: auto;
	}
		
}


@media screen and (max-width: 340px) {
	#commissary #intro {
		margin-top: -30px;
	}		
}