@media (min-width:1300px){
	 div.header-main nav#header-nav-mobile{
		 display:none 
	}
	 #main-content{
		 width:100%;
		 margin:0;
		 padding:50pt 10% 0 
	}
	 #sub-content{
		 width:100%;
		 padding:50pt 10% 0 10% 
	}
	 section.screenings-news div.screenings div#schedule{
		 grid-template-columns:repeat(3,minmax(0,1fr)) 
	}
	 section.sub-main div.cinema-and-events div#schedule{
		 grid-template-columns:repeat(5,minmax(0,1fr)) 
	}
	 div.body section.sales-group div.sales-item {
		 width: calc(25% - 18.75px);
	}
}
 @media (min-width:1100px) and (max-width:1299px){
	 div.header-main nav#header-nav-mobile{
		 display:none 
	}
	 #main-content{
		 width:100%;
		 margin:0;
		 padding:50pt 10% 0 
	}
	 #sub-content{
		 width:100%;
		 padding:50pt 10% 0 10% 
	}
	 section.screenings-news div.screenings div#schedule{
		 grid-template-columns:repeat(2,minmax(0,1fr)) 
	}
	 section.sub-main div.cinema-and-events div#schedule{
		 grid-template-columns:repeat(4,minmax(0,1fr)) 
	}
	 div.body section.sales-group div.sales-item {
		 width: calc(33.333% - 16.67px);
	}
}
 @media (min-width:992px) and (max-width:1099px){
	 div.header-main nav#header-nav-mobile{
		 display:none 
	}
	 #main-content{
		 width:100%;
		 margin:0;
		 padding:50pt 10% 0 
	}
	 #sub-content{
		 width:100%;
		 padding:50pt 10% 0 10% 
	}
	 section.sub-main div.cinema-and-events section.categories ul li{
		 font-size:14pt 
	}
	 section.screenings-news div.screenings div#schedule{
		 grid-template-columns:repeat(2,minmax(0,1fr)) 
	}
	 section.sub-main div.cinema-and-events div#schedule{
		 grid-template-columns:repeat(3,minmax(0,1fr)) 
	}
	 div.body section.sales-group div.sales-item {
		 width: calc(33.333% - 16.67px);
	}
}
 @media (max-width:991px){
	 div.header-main nav#header-nav-mobile{
		 display:none 
	}
	 div#Search.slide-down>div,div#Search.slide-up>div{
		 padding:25pt 25pt 
	}
	 div#Search input,div.page-search input,section.search_field input{
		 font-size:18pt 
	}
	 section.featured-section div.caption {
		 padding: 25px 25pt;
	}
	 .header-main{
		 padding:25pt 25pt 0 25pt 
	}
	 div#header-purchase{
		 padding:10pt 25pt 
	}
	 #main-content{
		 width:100%;
		 margin:0;
		 padding:50pt 25pt 0 
	}
	 section.nav-buttons li.button p{
		 font-size:11pt 
	}
	 #sub-content{
		 width:100%;
		 padding:50pt 25pt 0 
	}
	 .sub-nav-options{
		 width:100%;
		 padding:0 25pt 
	}
	 section.sub-main .body{
		 width:calc(70% - 25pt);
		 margin:0 25pt 0 0 
	}
	 section.sub-main .sidebar{
		 width:calc(30% - 25pt);
		 margin:45pt 0 0 25pt 
	}
	 section.sub-main div.cinema-and-events section.categories ul li{
		 font-size:14pt 
	}
	 section.screenings-news div.screenings div#schedule,section.sub-main div.cinema-and-events div#schedule{
		 gap:25px 
	}
	 section.screenings-news div.screenings div#schedule{
		 grid-template-columns:repeat(2,minmax(0,1fr)) 
	}
	 section.sub-main div.cinema-and-events div#schedule{
		 grid-template-columns:repeat(3,minmax(0,1fr)) 
	}
	 section.banner{
		 margin:50pt 0;
		 display:block 
	}
	 section.banner .banner-image{
		 width:100% 
	}
	 section.banner .banner-text{
		 width:100%;
		 padding:20pt 
	}
	 section.banner .banner-image img{
		 width:100%;
		 height:100%;
		 object-fit:cover 
	}
	 section.supporters{
		 width:90%;
		 margin:0 auto 
	}
	 section.supporters img{
		 object-fit:contain;
		 margin:0 20pt 20pt 
	}
	 .supporters-title{
		 width:100%;
		 margin:15pt 0 
	}
	 div.body section.sales-group div.sales-item {
		 width: calc(33.333% - 16.67px);
	}
	 footer .footer-copyright{
		 width:100%;
		 padding:20pt 20pt 0;
		 margin:0 0 20pt 0 
	}
}
 @media (min-width:650px) and (max-width:991px){
	 #header-nav{
		 float:none;
		 padding:0 
	}
	 div.header-main nav#header-nav-mobile{
		 display:none 
	}
	 .menu{
		 padding:0 
	}
	 .menu .menu-item>a{
		 font-size:13pt;
		 margin:0 15pt 0 0 
	}
	 .carousel-item{
		 height:40rem 
	}
	 .carousel-item>a>img,.carousel-item>img{
		 height:30rem 
	}
	 section.featured-section div#myCarousel.carousel div.carousel-caption{
		 right:0;
		 left:0;
		 padding:25pt 0;
		 z-index:10 
	}
	 div#Search.slide-down>div,div#Search.slide-up>div{
		 padding:25pt 25pt 
	}
	 div#Search input,div.page-search input,section.search_field input{
		 font-size:18pt 
	}
	 section.featured-section div.caption {
		 padding: 25px 25pt;
	}
	 div#banner-content{
		 width:100%;
		 padding:0 25pt;
		 margin:0 
	}
	 section.banner{
		 position:relative;
		 display:flex;
		 flex-wrap:wrap;
		 width:100%;
		 margin:50pt 0;
		 background:#22223b;
		 align-items:center;
		 justify-content:center 
	}
	 section.banner .banner-image{
		 position:relative;
		 width:40%;
		 overflow:hidden 
	}
	 section.banner .banner-text{
		 width:60%;
		 padding:20pt 
	}
	 section.banner .banner-image img{
		 height:100%;
		 width:40vw;
		 object-fit:contain;
		 vertical-align:middle 
	}
	 .sub-nav-options ul li{
		 font-size:13pt;
		 display:inline-block;
		 margin:5pt 25pt 5pt 0;
		 color:#22223b 
	}
	 section.nav-buttons{
		 margin:50pt 0 
	}
	 section.nav-buttons .container{
		 width:100%;
		 padding:25pt;
		 margin:0 
	}
	 section.nav-buttons ul.nav-button-group{
		 flex-wrap:wrap 
	}
	 section.nav-buttons li.button:nth-child(1){
		 width:calc(50% - 12.5pt);
		 margin:0 25pt 25pt 0 
	}
	 section.nav-buttons li.button:nth-child(2){
		 width:calc(50% - 12.5pt);
		 margin:0 0 25pt 0 
	}
	 section.nav-buttons li.button:nth-child(3){
		 width:calc(50% - 12.5pt);
		 margin:0 25pt 0 0 
	}
	 section.nav-buttons li.button:nth-child(4){
		 width:calc(50% - 12.5pt);
		 margin:0 
	}
	 section.sub-main .body{
		 width:calc(70% - 25pt);
		 margin:0 25pt 0 0 
	}
	 section.sub-main .sidebar{
		 width:calc(30% - 25pt);
		 margin:45pt 0 0 25pt 
	}
	 section.sub-main div.sidebar.no-margin-top{
		 margin:0 0 0 25pt 
	}
	 section.sub-main .sidebar p{
		 overflow-wrap:break-word;
		 word-wrap:break-word;
		 -ms-word-break:break-all;
		 word-break:break-all;
		 word-break:break-word;
		 -ms-hyphens:auto;
		 -moz-hyphens:auto;
		 -webkit-hyphens:auto;
		 hyphens:auto 
	}
	 section.sub-main div.cinema-and-events section.categories ul li{
		 font-size:12pt 
	}
	 section.screenings-news div.screenings div#schedule{
		 grid-template-columns:repeat(2,minmax(0,1fr)) 
	}
	 section.sub-main div.cinema-and-events div#schedule{
		 grid-template-columns:repeat(3,minmax(0,1fr)) 
	}
	 section.sub-full div.body.film-archive div.year{
		 column-count:2 
	}
	 div.body section.sales-group div.sales-item {
		 width: calc(50% - 12.5px);
	}
}
 @media (max-width:750px){
	 section.featured-section div.caption {
		 padding: 25px 25pt;
	}
	 section.banner{
		 margin:50pt 0;
		 display:block 
	}
	 section.banner .banner-image{
		 width:100% 
	}
	 section.banner .banner-text{
		 width:100%;
		 padding:20pt 
	}
	 section.banner .banner-image img{
		 width:100%;
		 height:100%;
		 object-fit:cover 
	}
	 section.nav-buttons li.button img{
		 width:40% 
	}
	 section.nav-buttons li.button .text{
		 width:60%;
		 padding:10pt 
	}
	 section.nav-buttons li.button p{
		 font-size:11pt 
	}
	 section.nav-buttons ul.nav-button-group{
		 flex-wrap:wrap 
	}
	 section.nav-buttons li.button:nth-child(1){
		 width:calc(50% - 12.5pt);
		 margin:0 25pt 25pt 0 
	}
	 section.nav-buttons li.button:nth-child(2){
		 width:calc(50% - 12.5pt);
		 margin:0 0 25pt 0 
	}
	 section.nav-buttons li.button:nth-child(3){
		 width:calc(50% - 12.5pt);
		 margin:0 25pt 0 0 
	}
	 section.nav-buttons li.button:nth-child(4){
		 width:calc(50% - 12.5pt);
		 margin:0 
	}
	 section.social{
		 background-position:right center;
		 background-size:cover 
	}
	 section.screenings-news div.screenings div#schedule{
		 grid-template-columns:repeat(1,1fr) 
	}
	 section.sub-main div.cinema-and-events div#schedule{
		 grid-template-columns:repeat(2,1fr) 
	}
	 section.screenings-news div.screenings div.online_screenings {
		 flex-wrap: wrap;
	}
	 section.screenings-news div.screenings div.online_screenings div.online_left {
		 width: 100%;
	}
	 section.screenings-news div.screenings div.online_screenings div.online_right {
		 width: 100%;
	}
	 section.sub-full div.body.film-archive div.year{
		 column-count:2 
	}
	 div#Search input,div.page-search input,section.search_field input{
		 font-size:14pt 
	}
	 div.body section.sales-group div.sales-item {
		 width: calc(50% - 12.5px);
	}
}
 @media (max-width:649px){
	 div.header-main nav#header-nav{
		 display:none 
	}
	 header#site-header div.header-main nav#header-nav-mobile{
		 display:block 
	}
	 div#Search{
		 display:none 
	}
	 #main-content,#sub-content{
		 width:100%;
		 margin:0;
		 padding:50pt 25pt 0 25pt 
	}
	 section.social{
		 background-position:right center;
		 background-size:cover 
	}
	 section.featured-section div.caption {
		 padding: 25px 25pt;
	}
	 .carousel-item{
		 height:30rem 
	}
	 .carousel-item>a>img,.carousel-item>img{
		 height:18rem 
	}
	 ol.carousel-indicators{
		 bottom:8em 
	}
	 span.carousel-control-next-icon,span.carousel-control-prev-icon{
		 width:20px;
		 height:20px 
	}
	 section.featured-section div#myCarousel.carousel div.carousel-caption{
		 right:25pt;
		 left:25pt;
		 z-index:10 
	}
	 section.featured-section div#myCarousel.carousel div.carousel-caption{
		 right:0;
		 left:0;
		 z-index:10 
	}
	 section.featured-section h2{
		 font-size:20pt 
	}
	 section.featured-section h3{
		 font-size:14pt 
	}
	 #header-nav{
		 float:none;
		 padding:0 
	}
	 .menu{
		 padding:0 
	}
	 .menu .menu-item>a,div.header-main.white .menu .menu-item>a{
		 font-size:14pt;
		 color:#000 
	}
	 .menu .menu-item:last-child>a{
		 margin-right:0 
	}
	 section.nav-buttons{
		 margin:50pt 0 
	}
	 section.nav-buttons .container{
		 width:100%;
		 padding:25pt;
		 margin:0 
	}
	 section.nav-buttons ul.nav-button-group{
		 flex-wrap:wrap 
	}
	 section.nav-buttons li.button:nth-child(1){
		 width:calc(50% - 12.5pt);
		 margin:0 25pt 25pt 0 
	}
	 section.nav-buttons li.button:nth-child(2){
		 width:calc(50% - 12.5pt);
		 margin:0 0 25pt 0 
	}
	 section.nav-buttons li.button:nth-child(3){
		 width:calc(50% - 12.5pt);
		 margin:0 25pt 0 0 
	}
	 section.nav-buttons li.button:nth-child(4){
		 width:calc(50% - 12.5pt);
		 margin:0 
	}
	 div#banner-content{
		 width:100%;
		 padding:0 25pt;
		 margin:0 
	}
	 section.supporters img{
		 object-fit:contain;
		 margin:0 15px 15px 
	}
	 section.screenings-news{
		 position:relative;
		 width:100% 
	}
	 section.screenings-news:after{
		 float:none;
		 clear:both 
	}
	 section.screenings-news div.screenings{
		 width:100%;
		 padding:0;
		 margin:0;
		 border:none 
	}
	 section.screenings-news div.news{
		 width:100%;
		 margin:50pt 0 0 0;
		 padding:0 
	}
	 section.screenings-news div.screenings a.button.screenings{
		 width:100% 
	}
	 section.screenings-news div.screenings div.online_screenings {
		 flex-wrap: wrap;
	}
	 section.screenings-news div.screenings div.online_screenings div.online_left {
		 width: 100%;
	}
	 section.screenings-news div.screenings div.online_screenings div.online_right {
		 width: 100%;
	}
	 .sub-nav-options ul{
		 text-align:center 
	}
	 .sub-nav-options ul li{
		 margin:5pt 10pt 
	}
	 section.sub-main{
		 margin:0 
	}
	 section.sub-main .body{
		 float:none;
		 width:100%;
		 margin:0 
	}
	 section.sub-main .sidebar{
		 float:none;
		 width:100%;
		 margin:50pt 0 0 0;
		 background:#f4f5fa;
		 padding:20pt 20pt 10pt 20pt;
		 border-radius:10pt 
	}
	 section.sub-main div.sidebar.no-margin-top{
		 margin:50pt 0 0 0;
		 padding:20pt 
	}
	 section.sub-main .sidebar h2{
		 margin:25pt 0 4pt 0 
	}
	 section.sub-main .cinema-and-events h1{
		 text-align:center 
	}
	 section.sub-main div.cinema-and-events h2{
		 font-size:20pt;
		 font-weight:400;
		 text-align:center 
	}
	 html body div#sub-content section.sub-main div.cinema-and-events section.categories{
		 margin:25pt 0 
	}
	 div.cinema-and-events section.categories ul#filter{
		 margin:0 0 25pt 0;
		 text-align:center 
	}
	 section.sub-main div.cinema-and-events section.categories ul#filter li{
		 font-size:10pt 
	}
	 section.sub-main div.cinema-and-events section.categories ul#filter li a{
		 padding:10pt 15pt 
	}
	 section.screenings-news div.screenings div#schedule{
		 grid-template-columns:repeat(3,minmax(0,1fr)) 
	}
	 section.sub-main div.cinema-and-events div#schedule{
		 grid-template-columns:repeat(2,1fr) 
	}
	 section.sub-main div.cinema-and-events div#list div.card {
		 width: 100%;
		 margin: 0 0 25pt 0;
	}
	 section.detail-left{
		 float:left;
		 width:calc(40% - 10pt);
		 margin:0 10pt 0 0 
	}
	 .detail-left h3{
		 font-size:12pt;
		 line-height:125%;
		 text-transform:uppercase;
		 font-weight:300;
		 margin:25pt 0 5pt 0;
		 padding:0 10pt;
		 color:#fff 
	}
	 .detail-left h3:first-child{
		 padding:0 10pt 25pt 0;
		 margin:0 0 5pt 0 
	}
	 section.detail-left p{
		 padding:0 10pt 
	}
	 section.detail-left p:last-child{
		 padding:0 10pt 10pt 
	}
	 div.body section.sales-group div.sales-item {
		 width: calc(50% - 12.5px);
	}
	 footer .footer-copyright{
		 width:100%;
		 padding:20pt 20pt 0;
		 margin:0 0 20pt 0 
	}
	 .footer-copyright ul li{
		 font-size:8pt;
		 margin:2pt 
	}
}
 @media (max-width:575px){
	 div.body section.sales-group div.sales-item {
		 width: 100%;
	}
	 section.social{
		 background-position:right center;
		 background-size:cover 
	}
	 section.supporters ul.sponsor-logos li {
		 flex: 1 0 calc(50% - 25px);
	}
	header#site-header div#header-purchase div.account-cart div#yfs-link{
		display: none;
	}
}
 @media (max-width:500px){
	 section.sub-main div.cinema-and-events section.filtering select, section.sub-main div.cinema-and-events section.filtering div.filter-view { 
		 width: 100%
	 }
	 section.sub-main div.cinema-and-events section.filtering div.filter-view a.button { 
		 width: calc(100% - 12.5pt)
	 }
	 section.screenings-news div.screenings div#schedule{
		 grid-template-columns:repeat(2,minmax(0,1fr)) 
	}
	 section.sub-main div.cinema-and-events div#schedule{
		 grid-template-columns:repeat(1,minmax(0,1fr)) 
	}
	 section.social{
		 background-position:right center;
		 background-size:cover 
	}
	 section.supporters ul.sponsor-logos li {
		 flex: 1 0 calc(50% - 25px);
	}
	 section.supporters ul.sponsor-logos li.presenting {
		 flex: 1 0 100%;
	}
}
 @media (max-width: 450px) {
	 section.sub-main div.cinema-and-events div#list div.card {
		 flex-direction: column;
		 width: 100%;
		 margin: 0 0 25pt 0;
	}
	 section.sub-main div.cinema-and-events div#list div.card div.image {
		 flex: none;
		 max-width: 100%;
		 width: 100%;
		 height: 150px;
	}
	 section.sub-main div.cinema-and-events div#list div.card div.image img {
		 width: 100%;
		 height: 100%;
		 object-fit: cover;
		 max-width: none;
	}
	 section.sub-main div.cinema-and-events div#list div.card div.details {
		 padding: 15pt;
	}
}
 @media (max-width:420px){
	 section.featured-section div.caption {
		 padding: 25px 25pt;
	}
	 .carousel-item{
		 height:20rem 
	}
	 .carousel-item>a>img,.carousel-item>img{
		 height:12rem 
	}
	 ol.carousel-indicators{
		 bottom:4.5em 
	}
	 div#Search input,div.page-search input,section.search_field input{
		 width:100%;
		 height:auto;
		 font-size:16pt;
		 border:1px solid #dedede;
		 border-radius:10pt;
		 padding:5pt 10pt;
		 margin:0 0 10pt 0;
		 color:#134074 
	}
	 div#Search.slide-up.slide-down input.submit,div.page-search input.submit,section.search_field input.submit{
		 width:100%;
		 margin:0;
		 background:#22223b;
		 border:1px solid #22223b;
		 color:#fff 
	}
	 section.featured-section h2{
		 font-size:18pt 
	}
	 section.featured-section h3{
		 font-size:14pt 
	}
	 section.screenings-news h2{
		 font-size:18pt 
	}
	 section.screenings-news div.screenings ul li{
		 width:100%;
		 margin:0 
	}
	 section.screenings-news div.screenings ul li:nth-child(1),section.screenings-news div.screenings ul li:nth-child(2),section.screenings-news div.screenings ul li:nth-child(even),section.screenings-news div.screenings ul li:nth-child(odd){
		 margin:0 0 25pt 0 
	}
	 section.screenings-news div.screenings a.button.screenings{
		 width:100%;
		 margin:0 
	}
	 section.screenings-news div.screenings div.online_screenings {
		 flex-wrap: wrap;
	}
	 section.screenings-news div.screenings div.online_screenings div.online_left {
		 width: 100%;
	}
	 section.screenings-news div.screenings div.online_screenings div.online_right {
		 width: 100%;
	}
	 ul.nav-button-group li.button.button_one,ul.nav-button-group li.button.button_three,ul.nav-button-group li.button.button_two{
		 width:100%;
		 margin:0 0 25pt 0 
	}
	 ul.nav-button-group li.button.button_four{
		 width:100%;
		 margin:0 
	}
	 section.nav-buttons li.button img{
		 width:40% 
	}
	 section.nav-buttons li.button .text{
		 width:60%;
		 padding:5pt 
	}
	 section.social{
		 background-position:right center;
		 background-size:cover 
	}
	 section.sub-main .body img.equipment{
		 float:none;
		 max-width:100%;
		 margin:0 auto 
	}
	 section.sub-main .body .includes{
		 float:none;
		 width:100%;
		 margin:0 0 12pt 0 
	}
	 section.sub-main .body .pricing{
		 float:none;
		 width:100%;
		 margin:0 
	}
	 section.screenings-news div.screenings div#schedule{
		 grid-template-columns:repeat(1,minmax(0,1fr));
		 margin-bottom:20px 
	}
	 section.sub-main div.cinema-and-events div#schedule{
		 grid-template-columns:repeat(1,minmax(0,1fr)) 
	}
	 section.sub-full div.body.film-archive div.year{
		 column-count:1 
	}
	 section.sub-main div.body ul.sponsor-logos li.presenting {
		 flex: 1 0 100%;
	}
	 section.supporters ul.sponsor-logos li {
		 flex: 1 0 calc(50% - 25px);
	}
	 section.supporters ul.sponsor-logos li.presenting {
		 flex: 1 0 100%;
	}
}
 @media (max-width:320px){
	 section.screenings-news div.screenings div#schedule{
		 grid-template-columns:repeat(1,minmax(0,1fr));
		 margin-bottom:20px 
	}
	 section.sub-main div.cinema-and-events div#schedule{
		 grid-template-columns:repeat(1,minmax(0,1fr)) 
	}
	 section.sub-full div.body.film-archive div.year{
		 column-count:1 
	}
	 section.sub-main div.body ul.sponsor-logos li.presenting {
		 flex: 1 0 100%;
	}
	 section.supporters ul.sponsor-logos {
		 margin: 25px 0;
		 padding: 0;
		 row-gap: 25px;
		 column-gap: 25px;
	}
	 section.supporters ul.sponsor-logos li {
		 flex: 1 0 calc(50% - 12.5px);
	}
	 section.supporters ul.sponsor-logos li.presenting {
		 flex: 1 0 100%;
	}
}