/* -- HD RESOLUTION DISPLAY -- */

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

	.edition #header h1.logo a {
		background-image: url(../images/common/logo-edition-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);
	}

}


/* -- LAPTOP -- */

@media screen and (max-width: 1500px) {
		
	#content {
		max-width: 960px;
		width: auto;
	}

	#home-showing {
	
	}
	
	#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: 0 auto 10px;
		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;
	}
  
  #event-list .event .text {
    width: 439px;
  }
	
	
	#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) {
	
	header {
		position: fixed;
		height: 53px;
		overflow: hidden;
		border-bottom: 1px solid #2A317D;
	}
	
	header #nav-menu-button {
		display: block;
	}

	header.menu-open {
		height: 100%;
		overflow-y: visible;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}
	
	header.menu-open::-webkit-scrollbar {
		display: none;
	}
	
	.compact-header header .nav {
		margin-top: 53px;	
	}

	header .nav,
	.compact-header header .nav  {
		height: auto;
		margin-top: 53px;
		padding: 30px 0;
		border-top: 1px solid #2A317D;
		text-align: center;
		font-size: 14px;
	}
	
	header.menu-open .nav-my-account,
	header.menu-open .nav-membership,
	header.menu-open .nav-at-home,
	header.menu-open .nav-in-theater,
	header.menu-open .nav-editions,
	header.menu-open .nav-commissary,
	header.menu-open .nav-journal {
		position: relative;
		width: auto;
		height: auto;
		top: initial;
		left: initial;
		margin-left: 0;
		padding: 10px 0;
	}
	
	header .nav .icon,
	header .nav .icon:hover,
	.in-theater header .nav .icon {
		display: inline;
		padding: 0;
		background: none;
	}

	header.menu-open li ul {
		display: block;
		position: relative;
		list-style: none;
		padding: 20px 10%;
		margin: 30px 20px 10px;
		text-align: center;
		font-size: 12px;
		border-top: 1px solid #2A317D;
		border-bottom: 1px solid #2A317D;
	}

	header.menu-open li ul:after, 
	header.menu-open li ul:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: "";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	
	header.menu-open li ul:after {
		border-color: rgba(255, 243, 227, 0);
		border-bottom-color: #FFF3E3;
		border-width: 7px;
		margin-left: -9px;
	}
	
	header.menu-open li ul:before {
		border-color: rgba(44, 54, 121, 0);
		border-bottom-color: #2C3679;
		border-width: 8px;
		margin-left: -10px;
	}

	header.menu-open li ul li {
		display: inline-block;
		margin: 10px 20px;
	}


	header .subnav,
	.in-theater header .subnav {
		display: none;
	}	
		
	.in-theater header.menu-open .nav-in-theater ul {
		display: block;
		height: 50px;
		padding-top: 15px;
	}

	.in-theater header.menu-open .nav-in-theater ul li {
		display: block;
		float: left;
		width: 33%;
		margin: 0;
		padding: 6px 0;
	}

	header .nav-logo,
	.compact-header header .nav-logo {
		width: 148px;
		height: 22px;
		top: 18px;
		margin-left: -74px;
	}

	header .nav-search,
	.compact-header header .nav-search {
		top: 18px;
		left: initial;
		right: 20px;
		width: 18px;
		height: 18px;
		margin: 0;
	}	

	header.menu-open .mail-list,
	header.menu-open .social {
		display: block;
	}
		

	footer {
		min-height: 140px;
	}
	
	footer .mail-list {
		top: 27px;
		left: 50%;
		margin-left: -300px;
	}
	
	footer .social {
		top: 27px;
		left: 50%;
		margin-left: 200px;
	}
	
	footer .nav {
		position: relative;
		top: initial;
		left: initial;
		margin: 50px auto 0;
		max-width: 300px;
		padding: 20px;
		list-style: none;
		text-align: center;
	}
	
	footer .nav a {
		display: inline-block;
		margin: 0 10px;
		padding: 6px 0;
		float: none;
	}
	
	footer .nav .sub {
		display: block;
		font-size: 10px;
	}			
		
	#content {
		padding-top: 80px;
		max-width: 680px;
		width: auto;
	}
		
	#home-showing {
	
	}
	
	#home-showing .pad {
		max-width: 636px;
		margin-left: 22px;
	}

	#home-showing .form-select {
		margin-top: 0;
		margin-bottom: 15px;
		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 30px;
	}
	
	#checkout #breadcrumb span span {
		margin: 0;
	}
	
	#checkout #breadcrumb span a {
		font-size: inherit;
	}

	#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;
	}
	
	#checkout .ticket-list>* {
		margin: 15px 0;
	}
	
	#checkout .grid-4-col .item>* {
		width: 20%;
		-webkit-box-flex: initial;
		-moz-box-flex: initial;
		-ms-flex: initial;
		flex: initial;
	}

	#checkout .grid-4-col .item .desc {
		width: 25%;
		padding-left: 0;	
	}

	#checkout .grid-4-col .item .ticket-description {
		padding-left: 0;
	}
	
	#checkout .item .ticket-quantity {
		width: auto;
	}
	
	#checkout .item .plus-minus-numeric input[type=text] {
		width: 40px;	
	}

	#checkout .item .plus-minus-numeric input[type=text] {
		width: 40px;	
	}	

	#checkout .grid-4-col .item .sub-total {
		display: block;
		width: auto;
	}
	
	#checkout h2 {
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 1px;	
	}
	
	#checkout .Seating-Area p {
		display: block !important;	
	}

	

	
	#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;
	}
	
	#checkout #category-third-party-member label.desc {
		display: none;	
	}

	#checkout #category-third-party-member .sub-total {
		width: auto;
	}
	
	#checkout .ticketing-signedin-widget input[type=text] {
		width:50%;
	}
	
					
}


/* -- VISTA BREAKPOINT -- */

@media screen and (max-width: 767px) {
	
	
	
	#checkout .countdown {
		display: block;
		top: 0;
		width: 100%;
		text-align: center;
	}
	
	#checkout #breadcrumb {
		display: none;	
	}

	#checkout label {
		margin-bottom: 0;	
	}	

	#checkout input[type=text],
	#checkout input[type=email],
	#checkout input[type=password],
	#checkout select {
		width: 100%;
	}
	
	#checkout #card-expiry-month,
	#checkout #card-expiry-year {
		width: 25%;	
	}
	
	#checkout h3.amount {
		font-size: 20px;
		line-height: 20px;
		margin-top: 30px;
		padding: 10px 0;
		border-top: 1px solid #2B347B;
		border-bottom: 1px solid #A4A6BA;
	}
	
	#checkout .content p {
		font-size: inherit;	
	}
	
	#checkout #print-page {
		display: none;	
	}

	#checkout #select-tickets .order-details {
		display: block;
		position: relative;
		clear: both;
		width: auto;
		padding: 20px 0 0;
		top: initial;
		right: initial;
	}

	#checkout #select-tickets .order-details .cart-order {
		width: 100%;
	}
	
	
}




/* -- PHONE -- */

@media screen and (max-width: 706px) {
	
	.mobile {
		display: block;	
	}
	
	.mobile-hidden {
		display: none;	
	}

	.in-theater header.menu-open .nav-in-theater ul {
		padding-left: 0;
		padding-right: 0;
	}
	
	footer .mail-list {
		left: 20px;
		margin-left: 0;
	}
	
	footer .social {
		left: initial;
		right: 20px;
		margin-left: 0;
	}
		
	#content {
		width: auto;
		max-width: 360px;
	}
	
	.edition #header-main {
		padding-top: 0;
	}
		
	#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;
	}
	
	.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;
	}

	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 {
	
	}
	
	#home-showing .pad {
		margin-left: 0;
		text-align: center;
	}

	#home-showing .form-select {
		margin: 0 auto 15px;
		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 #breadcrumb>span>* {
		position: relative;
	}
	
	#checkout #breadcrumb span {
		margin: auto 5px;
		letter-spacing: 0;
		font-size: 10px;
	}	
	
	#checkout #breadcrumb span input {
		letter-spacing: 0;
		font-size: 10px;
	}	
		
	#checkout #breadcrumb span:before {
		display: none;
	}	


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


	#checkout #paymentForm .form-line input,
	#checkout #paymentForm .form-line select {
		max-width: 99%;
	}
	
		
	
	#checkout form .input,
	#checkout form .textarea {
		width: 95%;
	}
	
	#checkout .order-details {
		display: none;	
	}



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

	#checkout .button-list {
		display: box !important;
		flex-wrap: initial !important;	
	}
		
	#checkout .button-list button {
		flex-basis: initial !important;	
	}


			
}


/* -- SMALL PHONE -- */

@media screen and (max-width: 400px) {
		
	#content {
		width: auto;
		margin: 0 10px;
	}
	
	footer .nav li {
		margin: 0 7px;
	}

	#commissary #intro {
		margin-top: -30px;
	}		
		
	#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;
	}
	
}



/* -- VERY SMALL PHONE -- */

@media screen and (max-width: 360px) {
	
	
	header .nav-logo,
	.compact-header header .nav-logo {
		width: 120px;
		height: 15px;
		top: 19px;
		margin-left: -60px;
	}
	
	footer .mail-list {
		top: 25px;
		left: 0;
		margin: 0;
		width: 100%;
		text-align: center;
	}
	
	footer .social {
		top: 108px;
		left: 0;
		margin: 0;
		width: 100%;
		text-align: center;
	}
	
	footer .badge {
		top: 60px;
	}
	
	footer .nav {
		top: 80px;
	}		

}