@media (min-width: 1367px){
				/*Start header styling 1920px wide*/

				#page-header{ /*Header for all pages that aren't the home page*/
					width: 1366px;
					height: 399px;
					background-image: url("images/1920x1080/pageheader1920.jpg");
					background-size: 1366px 399px; /*CHANGED*/
				}

				#header{
					width: auto;
					height: 828px; /*CHANGED*/
					background-image: url("images/1920x1080/cinemaheader1920.jpg");
					background-size: 1366px 828px; /*CHANGED*/
				}

				#headertext{
					width: 322px; /*CHANGED*/
					height: 270px; /*CHANGED*/
					position: relative;
					top: 150px; /*CHANGED*/
					float: right;
					padding-right: 18px; /*CHANGED*/
				}

				#page-header-text{ /*Header text for all pages that aren't the home page*/
					position: relative;
					top: 80px;
					float: right;
					padding-right: 80px;
				}

				#header h1, #page-header h1{
					color: white;
					font-size: 4.2em; /*CHANGED*/
					
				}

				#header p{
					color: white;
					font-size: 1.3em; /*CHANGED*/
					position: relative;
					bottom: 37px;
				}
				/*End header styling*/
				/*Start FAQ section styling*/
				#faq-section{
					width: auto;
					padding: 5px 70px; /*Text padding*/
					padding-top: 20px;
					height: 911px;
					background-image: url("images/1920x1080/faqbackground1920.jpg");
					background-size: 1366px 911px; /*CHANGED*/
				}

				#faq-section h1{
					color: #c10324;
					font-size: 2em;
				}

				#faq-section p{
					color: white;
					font-size: 1.4em;
				}
					#faq-section ul {
						color: #FFF;
						font-family: 'Open Sans', 'Century Gothic Regular', sans-serif;
						list-style: none;
						line-height: 40px;
						font-size: 1.4em;
					}

				/*End FAQ section styling*/
				/*Start 'What's New?' background red box styling*/

				#whatsnew{
					height: 564px; /*CHANGED*/
					width: 1055px; /*CHANGED*/
					background-color: #c10324; /*set size and background colour*/
					position: absolute;
					text-align: center;
					margin-top: -235px; /*move up inside the header box by 330 pixels*/ /*CHANGED*/
					margin-left: 160px; /*move container towards center*/ /*CHANGED*/
					z-index: 3;
				}

				.whatsnewtop, .whatsnewbottom, #whatsnew h1, #whatsnew p{
					display: inline-block;
					padding: 15px; /*CHANGED*/
				}

				#whatsnew h1{
					color: white;
					font-size: 2.55em; /*CHANGED*/
					position: relative;
					bottom: 23px;
				}

				#whatsnew p{
					color: white;
					width: 403px; /*CHANGED*/
					height: 61px; /*CHANGED*/
					font-size: 1.3em; /*CHANGED*/
					bottom: 0px;
					position: relative;
					top: 310px; /*CHANGED*/
				}

				.whatsnewtop{
					width:342px; /*CHANGED*/
					height:38px; /*CHANGED*/
					background-image:url("images/1920x1080/whatsnewstarstop.png");
					background-size: 342px 38px; /*CHANGED*/
					background-position: center;
					background-repeat: no-repeat;
					position: relative; /*CHANGED*/
					top: -8px; /*CHANGED*/
				}

				.whatsnewbottom{
					width:235px; /*CHANGED*/
					height:38px; /*CHANGED*/
					background-image:url("images/1920x1080/whatsnewstarsbottom.png");
					background-size: 235px 38px; /*CHANGED*/
					background-position: center;
					background-repeat: no-repeat;
					position: relative;
					top: 330px;
				}

				/*End 'What's New?' background red box styling*/

				/*Start movie slider styling*/

				#film_roll_container{
					width: 1366px; /*CHANGED*/
					height: 339px; /*CHANGED*/
					position: absolute;
					margin-top: -130px;  /*CHANGED*/
					z-index: 6;
				}

				#film_roll img{ /*image sizes for carousel - CHANGE FOR EACH RESOLUTION*/
					width: 232px; /*CHANGED*/
					height: 339px; /*CHANGED*/
				}

				#film_roll img:hover{ /*Make the images in the slider change opacity on hover*/
					opacity: 0.5;
				}


				/*End movie slider styling*/

				/*Start 'How It Works' styling 1920px wide*/

				#how-it-works{
					width: auto;
					display: block;
					height: 1000px; /*CHANGED*/
					background-image: url("images/1920x1080/cinemareel1920.jpg");
					background-size: 1366px 1000px; /*CHANGED*/
				}

				#how-it-works .section-text{ /*refers to all text and clickable icons*/
					position: relative;
					top: 435px; /*CHANGED*/
					float: right;
					padding-right: 100px; /*CHANGED*/
				}

				#howitworksman{ /*refers to the 'How does it work?' image of the guy with the thought bubble*/
					position: relative;
					top: 310px; /*CHANGED*/
					left: 60px; /*CHANGED*/
					float: left;
					width: 490px; /*CHANGED*/
					height: 680px; /*CHANGED*/
					background-image: url("images/1920x1080/howitworks.png");
					background-size: 490px 680px; /*CHANGED*/
					background-position: center;
					background-repeat: no-repeat;
				}

				.how-it-works-section{ /*refers to each individual text/icon image combination*/
					width: 650px; /*CHANGED*/
					clear: right;
					display: flex;
					align-items: center; /*center the icon and text divs vertically*/
				}

				#clickable-icon-1, #clickable-icon-2, #clickable-icon-3, #clickable-icon-4, #clickable-icon-5{ /*refers to just the icon image in each individual text/icon combination*/
					height: 170px; /*CHANGED*/
					width: 170px; /*CHANGED*/
					float: right;
					background-size: 170px 170px; /*CHANGED*/
					background-repeat: no-repeat;
				}

				.how-it-works-section-title{ /*refers to just the text (header and p tags) in each individual text/icon combination*/
					width: 410px; /*CHANGED*/
					padding-right: 20px;
					float: left;
				}

				.how-it-works-section-title h1{ /*refers to just the header in each individual text/icon combination*/
					float: right;
					color: black;
					font-size: 2.05em; /*CHANGED*/
				}

				.how-it-works-section-title p{ /*refers to just the p tag in each individual text/icon combination*/
					position: relative;
					bottom: 31px; /*CHANGED*/
					float: right;
					font-weight: 600;
					text-align: right;
					color: black;
					font-size: 1.39em; /*CHANGED*/
				}

				/*code to make icons change when hovered*/

				#clickable-icon-1{
					background-image: url("images/1920x1080/norestrictions.png");
				}

				#clickable-icon-2{
					background-image: url("images/1920x1080/ticketsforall.png");
				}

				#clickable-icon-3{
					background-image: url("images/1920x1080/howaccess.png");
				}

				#clickable-icon-4{
					background-image: url("images/1920x1080/redeemcode.png");
				}

				#clickable-icon-5{
					background-image: url("images/1920x1080/employeebenefit.png");
				}

				#clickable-icon-1:hover{
					background-image: url("images/1920x1080/norestrictionsselect.png");
				}

				#clickable-icon-2:hover{
					background-image: url("images/1920x1080/ticketsforallselect.png");
				}

				#clickable-icon-3:hover{
					background-image: url("images/1920x1080/howaccessselect.png");
				}

				#clickable-icon-4:hover{
					background-image: url("images/1920x1080/redeemcodeselect.png");
				}

				#clickable-icon-5:hover{
					background-image: url("images/1920x1080/employeebenefitselect.png");
				}

				/*End 'How Does It Work?' styling*/
								/*Start smaller version of 'How It Works'*/
								#how-it-works-condensed, #how-it-works-condensed-2{
									height: 285px;
									width: 1366px;
									background-image: url("images/1920x1080/whatsnewcondensed1920.jpg");
									background-size: 1366px 285px;
									text-align: center;
									z-index: 3;
								}
				
								.how-it-works-section-condensed{ /*refers to each individual text/icon image combination*/
									width: 390px;
									height: 200px;
									top: 40px;
									padding: 5px;
									clear: right;
									display: inline-block;
									padding-right: 25px;
									left: -5px;
									/*align-items: center; center the icon and text divs vertically*/
								}
				
								.how-it-works-section-title-condensed{ /*refers to just the text (header and p tags) in each individual text/icon combination*/
									width: 200px;
									margin-top: 10px;
									padding-right: 20px;
									float: left;
								}
				
								.how-it-works-section-title-condensed h1{ /*refers to just the header in each individual text/icon combination*/
									float: right;
									color: black;
									margin-bottom: 30px;
									font-size: 1.8em;
								}
				
								.how-it-works-section-title-condensed p{ /*refers to just the p tag in each individual text/icon combination*/
									position: relative;
									bottom: 50px;
									float: right;
									font-weight: 600;
									text-align: right;
									color: black;
									font-size: 1.2em;
								}
				
								/*End smaller version of 'How It Works'*/
				/*Start 'Did You Know?' section*/
				#did-you-know{
					padding: 20px 150px; /*Text padding*/
					height: 200px;
					width: auto;
					margin-bottom: 5px;
					background-image: url("images/1920x1080/didbackground1920.jpg");
					background-size: 1366px 294px;
					background-repeat: no-repeat;
				}

				#did-you-know h1{
					color: #c10324;
					text-align: center;
					font-size: 2em;
				}

				#did-you-know p{
					color: white;
					text-align: center;
					font-size: 1.4em;
				}

				/*End 'Did You Know?' section*/
				/*Start the disclaimer "7 Days a week..." styling*/

				#disclaimer{
					width:auto;
					display: block;
					text-align: center;
					position: relative;
					bottom: 20px;
					height:80px; /*CHANGED*/
					z-index: 2;
					background-color: #c10324
				}

				.disclaimer-lines, #disclaimer h1{
					display: inline-block;
					padding: 15px;
				}

				.disclaimer-lines{
					width:190px; /*CHANGED*/
					height:30px; /*CHANGED*/
					background-image:url("images/1920x1080/disclaimerlines.png");
					background-size: 200px 30px; /*CHANGED*/
					background-position: center;
					background-repeat: no-repeat;
				}

				#disclaimer h1{
					color: white;
					width: 784px; /*CHANGED*/
					height: 36px; /*CHANGED*/
					font-size: 2.3em; /*CHANGED*/
					position: relative;
					bottom: 21px; /*CHANGED*/
				}
				/*End disclaimer div styling*/
				/*Start of 'What Members Are Saying' section*/

				#members-say{
					width: auto;
					display: block;
					height: 800px; /*CHANGED*/
					position: relative;
					bottom: 22px; /*CHANGED*/
					z-index: 1;
					background-image: url("images/1366px/cinemaseats1366.jpg"); /*CHANGED*/
					background-size: 1366px 800px; /*CHANGED*/
				}

				#members-say-lady{
					width:535px; /*CHANGED*/
					height:720px; /*CHANGED*/
					background-image:url("images/1920x1080/whatcustomers1920.png");
					background-size: 535px 720px; /*CHANGED*/
					background-position: center;
					background-repeat: no-repeat;
					float: right;
					position: relative;
					right: 25px; /*CHANGED*/
					top: 80px; /*CHANGED*/
				}


				/*End of 'What Members Are Saying' section*/
				/*Start of What Members Are Saying quotes carousel - This CSS is mostly not written by myself. It has just been modified. Source: http://bestjquery.com/tutorial/testimonial/demo69/*/

				#quotes_container{ /*container for slider and controls*/
					float: left;
					position: relative;
					top: 25px; /*CHANGED*/
					left: 67px; /*CHANGED*/
					width: 780px; /*CHANGED*/
					height: 580px; /*CHANGED*/
				}

				.testimonial{
					margin: 0 50px 10px 0; /*CHANGED*/
					text-align: center;
					position: relative;
				}

				.testimonial:before{ /*don't show touch screen box*/
					visibility: hidden;
				}

				.testimonial .description:before{ /*Don't show icons above logo 1*/
					visibility: hidden;
				}
				.testimonial .description:after{ /*Don't show icons above logo 2*/
					visibility: hidden;
				}

				.testimonial .description{ /*comments styling*/
					padding: 25px;
					margin-bottom: 20px; /*CHANGED*/
					color: white;
					font-family: 'Century Schoolbook', sans-serif; /*'Century Schoolbook' same as PSD design*/
					font-weight: bold;
					font-style: italic;
					font-size: 2.6em; /*CHANGED*/
					position: relative;
				}

				.pic-title{ /*container for pic and title*/
					display: flex;
					align-items: center;
					position: relative;
					left: 150px; /*CHANGED*/
				}

				.testimonial .pic{ /*custom image, no border*/
					width: 130px; /*CHANGED*/
					height: 130px; /*CHANGED*/
					background-image:url("images/1920x1080/logocomments1920.png");
					background-size: 130px 130px; /*CHANGED*/
					margin-bottom: 10px; /*CHANGED*/
				}

				.testimonial .title{
					font-size: 2.8em; /*CHANGED*/
					width: 219px; /*CHANGED*/
					height: 150px; /*CHANGED*/
					text-align: left;
					padding-left: 20px; /*CHANGED*/
					color: white;
					font-family: 'Open Sans', 'Century Gothic Regular', sans-serif;
					letter-spacing: 1px;
					text-transform: uppercase;
					margin: 0 0 7px 0;
				}


				.testimonial .post{
					display: block;
					font-size: 3em;
					font-family: 'Open Sans', 'Century Gothic Regular', sans-serif;
					color: white;
					text-transform: capitalize;
				}
				.owl-theme .owl-controls{ /*container for slider controls*/
					margin-top: 0;
					position: relative;
					right: 50px; /*CHANGED*/
				}
				.owl-theme .owl-controls .owl-page span{ /*slider controls styles and sizes*/
					width: 25px; /*CHANGED*/
					height: 18px; /*CHANGED*/
					background: #553e4e;
					border-radius: 0;
					opacity: 0.8;
					box-shadow: 0 0 8px rgba(0, 0, 0, 0.45);
					transition: all 0.3s ease 0s;
				}
				.owl-theme .owl-controls .owl-page.active span{ /*slider controls styles and sizes part 2*/
					width: 17px; /*CHANGED*/
					height: 17px; /*CHANGED*/
					border-radius: 50%;
					background: white;
				}

				/*End of What Members Are Saying Quotes Carousel*/
				/*Start of second divider*/

				#second-divider{
					width: 1366px; /*CHANGED*/
					height: 32px; /*CHANGED*/
					background-image:url("images/1920x1080/dividersecond1920.jpg");
					background-size: 1366px 32px; /*CHANGED*/
					position: relative;
					bottom: 22px;
					z-index: 5;
				}

				/*End of second divider*/
				/*Start of footer section*/

				#footer-container{ /*Overall dimensions and positioning of the footer*/
					width: 1148px; /*CHANGED*/
					height: 960px; /*CHANGED*/
					position: relative;
					left: 100px; /*CHANGED*/
					bottom: 30px; /*CHANGED*/
				}

				#popcorn-pic{ /*Popcorn picture floating left in the footer*/
					float: left;
					width: 535px; /*CHANGED*/
					height: 630px; /*CHANGED*/
					background-image:url("images/1920x1080/popcornfooter1920.png");
					background-size: 535px 630px; /*CHANGED*/
					position: relative;
					top: 125px; /*CHANGED*/
				}

				#signoff-footer{ /*All text centered in footer, float right*/
					width: 536px; /*CHANGED*/
					text-align: center;
					float: right;
				}

				#third-divider{ /*Third divider above social media icons*/
					display: block;
					clear: left;
					float: left;
					width: 1148px; /*CHANGED*/
					height: 5px; /*CHANGED*/
					background-image:url("images/1920x1080/dividerthird1920.png");
					background-size: 1148px 5px; /*CHANGED*/
					margin-top: 50px; /*CHANGED*/
				}

				#signoff-footer h1{ /*The styles for the "Contact" footer*/
					color: white;
					font-size: 3.6em; /*CHANGED*/
				}

				#signoff-footer p{ /*Sign off footer in same font style as header, smaller text*/
					font-family: 'Staatliches';
					color: white;
					font-size: 1.5em; /*CHANGED*/
				}

				#signoff-footer a{ /*Force links in footer to be white*/
					color: white;
					text-decoration: none;
				}

				#signoff-footer a:hover{ /*Link hover in footer red*/
					color: #c10324;
				}

				#footer-logo{ /*The footer logo, inline-block to float center*/
					display: inline-block;
					width: 150px; /*CHANGED*/
					height: 150px; /*CHANGED*/
					background-image:url("images/1920x1080/logocomments1920.png");
					background-size: 150px 150px; /*CHANGED*/
				}

				#social-media-icons{ /*container for all social media icons in footer*/
					display: block;
					text-align: center;
					width: 180px; /*CHANGED*/
					height: 350px; /*CHANGED*/
					margin: 30px auto; /*CHANGED*/
					position: relative;
					top: 50px; /*CHANGED*/
				}

				#facebook-pic, #twitter-pic{ /*display the icons as inline-block to center them*/
					display: inline-block;
				}

				#facebook-pic{ /*Facebook icon*/
					float: left;
					width: 75px; /*CHANGED*/
					height: 75px; /*CHANGED*/
					background-image:url("images/1920x1080/facebookwhite.png");
					background-size: 75px 75px; /*CHANGED*/
				}

                #twitter-pic{ /*Twitter icon*/
                    float: right;
                    width: 108px;
                    height: 50px;
                    font-family: 'Staatliches';
                    font-size: 1.2em;
                    text-align: center;
                    position: relative;
                    left: 20px;
                    margin-top: -80px;
                    color: white;
                }


				#facebook-pic:hover{ /*Facebook icon hover*/
					background-image:url("images/1920x1080/facebookred.png");
				}

				#twitter-pic:hover{ /*Twitter icon hover*/
					background-image:url("images/1920x1080/twitterred.png");
				}

				#mainform{
width:960px;
margin:20px auto;
padding-top:20px;
font-family: 'Fauna One', serif;
}
#form{
border-radius:2px;
padding:20px 30px;
box-shadow:0 0 15px;
font-size:14px;
font-weight:bold;
width:350px;
margin:20px 250px 0 35px;
float:left;

}
h3{
text-align:center;
font-size:20px;
}
input{
width:100%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}
input[type=button]{
background-color:#123456;
border:1px solid white;
font-family: 'Fauna One', serif;
font-Weight:bold;
font-size:18px;
color:white;
}
textarea{
width:100%;
height:80px;
margin-top:5px;
border-radius:3px;
padding:5px;
resize:none;
}
span{
color:red
}
#note{
color:black;
font-Weight:400;
}
#returnmessage{
font-size:14px;
color:green;
text-align:center;
}

/*End of footer section*/
/*Start Of forms styling*/

#formdiv, #contact_formdiv{
	width: 75% !important;
	display: block !important;
}

#contact_formdiv{
	margin: -100px auto !important;
	margin-bottom: -30px !important;
	font-family: 'Open Sans', 'Century Gothic Regular', sans-serif !important;
}

input, label, #formdiv h4, #errormsg, #ddlDepartments{
	height: 30px !important;
	font-size: 1em !important;
	font-family: 'Open Sans', 'Century Gothic Regular', sans-serif !important;
}

#ddlDepartments{
	width: auto !important;
	margin-bottom: 10px !important;
}

label a, h4 a{
	color: #c10324 !important;
}


input, textarea{
	width: 100% !important;
	margin-bottom: 10px !important;
}


textarea {
	height: 150px !important;
	font-size: 1em !important;
	font-family: 'Open Sans', 'Century Gothic Regular', sans-serif !important;
}

button{
	font-size: 1em !important;
	background-color: #c10324 !important;
	font-family: 'Open Sans', 'Century Gothic Regular', sans-serif !important;
	width: 250px !important;
}

/*Center form images*/

.dt-sc-portfolio-container{
	margin-left: auto !important;
	margin-right: auto !important;
}


/*Redeem form styles*/

#redeemform{
	width: 80% !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
    margin-bottom: 130px;
	font-family: 'Open Sans', 'Century Gothic Regular', sans-serif !important;
    padding: 50px;
}

.formleft{
    margin-top: 20px;
	float: left !important;
    padding-left: 20px;
	width: 40% !important;
}

.formright{
    margin-top: 20px;
	float: right !important;
    padding-right: 20px;
	width: 40% !important;
}

}
/*End of forms styling*/