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

				#page-header{ /*Header for all pages that aren't the home page*/
					position: static;
					width: 1024px;
					height: 299px;
					background-image: url("images/1024px/pageheader1024.jpg");
					margin-bottom: 0px;
					background-size: 1024px 299px; /*CHANGED*/
					padding-top:0px;
				}

				#header{
					position: static;
					top: 0px;
					width: auto;
					height: 619px; /*CHANGED*/
					background-image: url("images/1024px/cinemaheader1024.jpg");
					background-size: 1024px 619px; /*CHANGED*/
				}

				#headertext{
					width: 220px; /*CHANGED*/
					height: 220px; /*CHANGED*/
					position: relative;
					top: 130px; /*CHANGED*/
					float: right;
					padding-right: 33px; /*CHANGED*/
				}

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

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

				#header p{
					color: white;
					font-size: 0.9em; /*CHANGED*/
					position: relative;
					bottom: 28px; /*CHANGED*/
				}
				/*End header styling*/
				/*Start FAQ section styling*/
				#faq-section{
					width: auto;
					padding: 0px 50px; /*Text padding*/
					padding-top: 10px;
					height: 683px;
					background-image: url("images/1024px/faqbackground1024.jpg");
					background-size: 1024px 683px; /*CHANGED*/
				}

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

				#faq-section p{
					color: white;
					font-size: 1em;
				}

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

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

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

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

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

				#whatsnew p{
					color: white;
					width: 313px; /*CHANGED*/
					height: 55px; /*CHANGED*/
					font-size: 0.95em; /*CHANGED*/
					bottom: 0px;
					position: relative;
					top: 260px; /*CHANGED*/
				}

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

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

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

				/*Start movie slider styling*/

				#film_roll_container{
					width: 1024px; /*CHANGED*/
					height: 254px; /*CHANGED*/
					position: absolute;
					margin-top: -94px;  /*CHANGED*/
					z-index: 6;
				}

				#film_roll img{ /*image sizes for carousel - CHANGE FOR EACH RESOLUTION*/
					width: 174px; /*CHANGED*/
					height: 254px; /*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-title{ /*Mobile only - hidden on desktop*/
					display: none;
				}

				#how-it-works{
					position: static;
					width: auto;
					display: block;
					height: 791px; /*CHANGED*/
					background-image: url("images/1024px/cinemareel1024.jpg");
					background-size: 1024px 791px; /*CHANGED*/
				}

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

				#howitworksman{ /*refers to the 'How does it work?' image of the guy with the thought bubble*/
					visibility: visible;
					position: relative;
					top: 300px; /*CHANGED*/
					left: 55px; /*CHANGED*/
					float: left;
					width: 327px; /*CHANGED*/
					height: 474px; /*CHANGED*/
					background-image: url("images/1024px/howitworks1024.png");
					background-size: 327px 474px; /*CHANGED*/
					background-position: center;
					background-repeat: no-repeat;
				}

				.how-it-works-section{ /*refers to each individual text/icon image combination*/
					width: 490px; /*CHANGED*/
					clear: right;
					display: flex;
					align-items: center; /*center the icon and text divs vertically*/
					position: relative; /*CHANGED/ADDED*/
					bottom: 75px; /*CHANGED/ADDED*/
					padding: 5px; /*Reset mobile styles*/
				}

				#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: 145px; /*CHANGED*/
					width: 145px; /*CHANGED*/
					float: right;
					background-size: 145px 145px; /*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: 310px; /*CHANGED*/
					padding-right: 10px; /*CHANGED*/
					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: 1.6em; /*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: 400;
					text-align: right;
					color: black;
					font-size: 1em; /*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: 213px;
									width: 1024px;
									background-image: url("images/1024px/whatsnewcondensed1024.jpg");
									background-size: 1024px 213px;
									text-align: center;
									z-index: 3;
								}
				
								.how-it-works-section-condensed{ /*refers to each individual text/icon image combination*/
									width: 280px;
									height: 150px;
									top: 20px;
									clear: right;
									display: inline-block;
									padding-right: 5px;
									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: 120px;
									margin-top: 5px;
									padding-right: 10px;
									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: 40px;
									font-size: 1.3em;
								}
				
								.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: 0.8em;
								}
				
								/*End smaller version of 'How It Works'*/
				/*Start 'Did You Know?' section*/
				#did-you-know{
					padding: 15px 110px; /*Text padding*/
					height: 170px;
					width: auto;
					margin-bottom: 5px;
					background-image: url("images/1024px/didbackground1024.jpg");
					background-size: 1024px 220px;
					background-repeat: no-repeat;
				}

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

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

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

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

				.disclaimer-lines, #disclaimer h1{
					display: inline-block;
					padding: 5px; /*CHANGED*/
				}

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

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

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

				#members-say-lady{
					visibility: visible;
					width: 350px; /*CHANGED*/
					height: 545px; /*CHANGED*/
					background-image:url("images/1024px/whatcustomers1024.png");
					background-size: 350px 545px; /*CHANGED*/
					background-position: center;
					background-repeat: no-repeat;
					float: right;
					position: relative;
					right: 46px; /*CHANGED*/
					top: 73px; /*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: 590px; /*CHANGED*/
					height: 447px; /*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: 20px; /*CHANGED*/
					margin-bottom: 10px; /*CHANGED*/
					color: white;
					font-family: 'Century Schoolbook', sans-serif; /*'Century Schoolbook' same as PSD design*/
					font-weight: bold;
					font-style: italic;
					font-size: 1.95em; /*CHANGED*/
					position: relative;
				}

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

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

				.testimonial .title{
					font-size: 2em; /*CHANGED*/
					width: 178px; /*CHANGED*/
					height: 96px; /*CHANGED*/
					text-align: left;
					padding-left: 15px; /*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*/
					visibility: visible;
					margin-top: 0;
					position: relative;
					right: 40px; /*CHANGED*/
				}
				.owl-theme .owl-controls .owl-page span{ /*slider controls styles and sizes*/
					width: 20px; /*CHANGED*/
					height: 15px; /*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: 15px; /*CHANGED*/
					height: 15px; /*CHANGED*/
					border-radius: 50%;
					background: white;
				}

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

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

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

				#footer-container{ /*Overall dimensions and positioning of the footer*/
					width: 874px; /*CHANGED*/
					height: 738px; /*CHANGED*/
					position: relative;
					left: 76px; /*CHANGED*/
					bottom: 5px; /*CHANGED*/
				}

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

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

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

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

				#signoff-footer p{ /*Sign off footer in same font style as header, smaller text*/
					font-family: 'Staatliches';
					color: white;
					font-size: 1.2em; /*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: 110px; /*CHANGED*/
					height: 110px; /*CHANGED*/
					background-image:url("images/1920x1080/logocomments1920.png");
					background-size: 110px 110px; /*CHANGED*/
				}

				#social-media-icons{ /*container for all social media icons in footer*/
					display: block;
					text-align: center;
					width: 130px; /*CHANGED*/
					height: 220px; /*CHANGED*/
					margin: 20px auto; /*CHANGED*/
					position: relative;
					top: 40px; /*CHANGED*/
				}

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

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

                #twitter-pic{ /*Twitter icon*/
                    float: right;
                    width: 108px;
                    height: 50px;
                    font-family: 'Staatliches';
                    font-size: 1em;
                    text-align: center;
                    position: relative;
                    left: 30px;
                    margin-top: -60px;
                    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");
				}

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

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

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

input, label, #formdiv h4, #errormsg, #ddlDepartments{
	height: 25px !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: 120px !important;
	width: 100% !important;
	font-size: 1em !important;
	margin-bottom: 0px !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: 210px !important;
}

/*Center form images*/

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

}
/*End of forms styling*/