@media only screen and (max-width: 1100px) {
  .open-offer-section .slick-arrow {
      left: -30px;
  }
  .open-offer-section .slick-list {
      margin: 0 !important;
  }
  .open-offer-section .slick-arrow.slick-next {
      right: -30px;
  }
}

@media only screen and (max-width: 1020px) {
.selectbox { width: 70%;}
.row1 > span.inlinespantext { width:70%;}
.text-box { width:70%;}
.text-box-postcode { width:85%;}

.view-password {  right: 30px; }
.view-password-login {  right: 140px !important; }
}
@media only screen and (max-width: 1000px) {
.termscondiation-div .change-email.buttonfull { margin-left: 0;}
.open-offer-section .slick-arrow { width: 28px; height: 28px;}  
.open-offer-section .slick-arrow.slick-prev {
  left: -20px;
}
.open-offer-section .slick-arrow.slick-next {
  right: -20px;
}
.open-offer-section .slick-slider { padding: 0 10px;}
}

@media only screen and (max-width: 960px) {
.film_terms { display: none;}

.container { width:94%;}
header { width:94%;}
#contentinfo { width:85%;}
#nav { border-radius:0; overflow:visible;}
/*#topnav { width:94%;}*/
 
footer { width:94%;}

.row1 span.Termsandcondi { width: 61%;}
/*.row1 span.inlinespantext { width: 61%;} */

/*.leftside-content {  width: 68%;}*/

.selectbox { width: 64%;}
.row1 > span.inlinespantext { width:64%;}
.text-box { width:64%;}
.text-box-postcode { width:85%;}
.view-password {right: 65px;}
.view-password-login {  right: 170px !important; }
} 


/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 880px) {
.footer-distributed .footer-company-name { padding:0;}
.footer-distributed .footer-center p { padding:0;}
	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}
.footer-distributed .footer-company-about { padding:0;}
	.footer-distributed .footer-center i{
		margin-left: 0;
	}

}

 
 
@media only screen and (max-width: 864px) {
	

footer .leftlink {
  float: none;
  text-align: center;
}
footer p {
  float: none;
  padding: 10px 0 0 0;
  text-align: center;
}
.fullpage-content {
  padding: 20px 0;
}


.row1 span.Termsandcondi { width: 56%;}
/*.row1 span.inlinespantext { width: 56%;}*/
	
.view-password-login {  right: 125px !important; }
 }
@media (max-width: 768px) {
  .logo-center25 .desktop { display: none; }
  .logo-center25 .mobile { display: inline-block; }
}

@media only screen and (min-width: 768px) {
.desktopleft { text-align:left;}
}
@media only screen and (max-width: 767px) {

.content.contect-home { display: block;}
.homepage-content { width: 100%; padding-right: 0;  max-width: 470px; padding-bottom: 20px; background-image: url(../images/homepage_fill.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: bottom;}
.homepage-form { width:100%;}
.homepage-content p { font-size:13px;}

.content { width: 100%; float:none;}
aside#rightsidebar {  float: none;  margin: 20px 0;  width: auto;}

.asidebanner {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  margin: 0;
  padding: 20px 5px 10px;
}
.asidebanner img { display:inline-block;}


.tabledata table, .tabledata table thead, .tabledata table tbody, .tabledata table th, .tabledata table td, .tabledata table tr {
  display: block;
}
.tabledata table thead tr {
  left: -9999px;
  position: absolute;
  top: -9999px;
}
.tabledata table td::before {
  background: #F2F2F2   none repeat scroll 0 0;
  bottom: 0;
  color: #787878;
  content: attr(data-label);
  font-weight: normal;
  left: 0;
  padding:3px 10px 6px 6px;
  position: absolute; 
  text-align: left;
  top: 0;
  width: 42%;  
}
.tabledata table td {
  border-bottom:solid 1px #ccc;
  padding-left: 50% !important; word-wrap: break-word;
  position: relative; line-height:22px;
  text-align: left !important; font-size:14px;
  white-space: normal;
}

.tabledata table tr:nth-child(2n) {
  background: #fff none repeat scroll 0 0;
}


.tabledata table tr {
  margin-bottom: 15px;
}
.tabledata table tbody tr:last-child { margin-bottom:0;}
.tabledata table td:last-child { border-bottom:none;}
.tabledata table td:first-child { border-top:solid 1px #ccc;}
.mobile_hideredio { display:none !important;}
.film_terms { display: none !important;}
.desk-print { display:none !important;}

 

.eventbanner { margin: 0 -3.2% 20px;}

.content { padding-top:15px;}
.selectbox { width:72%;} 
.text-box { width:72%;}
.text-box-postcode { width:85%;}
.rightside-bar { display: none ;}
.leftside-content { width:100%; max-width:inherit; padding-top:0;}
/*.maintitle { font-size:32px; line-height: 36px;
}*/

.tabledata table {
  border-bottom: 0 none;
  border-right: 0 none;
  border-top: 0 none;
}

.public_formdiv .g-recaptcha > div { width: 300px !important;}
.terms-textarrow { display:block !important; }
.textarrow-up { display:block !important;}


.eventlist { display:block; margin:0;}
.eventblock { margin:0 0 20px 0; width:100%;} 
.maintitle { font-size:26px;}
.eventblock h3 { padding-left:15px; padding-right:15px;}
.allevents-detail {padding-left:15px; margin-bottom:10px; text-align:left; font-size:12px; color:#666;}

.buttom-back-forward { padding-bottom:20px;}
.maintitle.mt20 { margin-top:0 !important;}
.view-password {  right: 15px; }
.view-password-login {  right: 170px !important; }
}

@media only screen and (max-width: 750px) {

.mainheader { padding-bottom:2px;}
.logo-right { float: right;}
.logo-left { float: left;}
.logo-center { margin: 0; width: 90px;}
.logo-center > img { width: auto;}
    .logo-center .mobile {
      display: block;
		padding-left:10px;
    }
    .logo-center .desktop {
      display: none;
    }
.mobile-logo { display:inline-block;}
.dasktop-logo { display:none;}
.togglebar { position: absolute;
  left: 0px;
  top:0px; display:none;
}
.toggleMenu.active { background-color:#1684bd;}
/* body { background:#dddddd ;}*/
#logo {
  float: none;
  margin: 0;
  padding: 30px 0;
}
/*#topnav {
  background: #fff none repeat scroll 0 0;
  height: auto;
  left: -3.5%;
  max-width: none;
  padding-top: 0;
  position: absolute;
  top: 0;
  width: 107%;
  z-index: 20;
}*/
.topnav { display:block !important;}
#topnav ul { padding-left:0; display:block !important; margin:0; height:40px;}
#topnav ul li { border-right:none; padding:0; margin:0; text-align: center; width:25%;}
#topnav ul li a {
  float: none; font-size:16px;
  padding: 7px 0;
  text-align: center;
}

}

@media only screen and (max-width: 700px) {
.film_terms { display: none !important;}

/* UPDATE */

.black_radius { background: #DDDDDD none repeat scroll 0 0;  border-radius: 57%; height: 70px; left: 50%; margin-left: -40px; position: absolute; bottom: -20px; width: 80px;}
/* END */

.mobile_logo_left { float:left; margin: 0; padding: 0 0 0 10px;}  
.mobile_logo_right { margin: 0; padding: 0; z-index:1; position: absolute; text-align: center; width: 100%;}
.seats_text_mobile { border: 2px solid #7fdbdd; display: block; margin-top:10px; line-height: 15px; padding: 3px 10px; text-transform: uppercase;}
.bigtext { font-size:13px;}
.small_text { font-size:10px;}


.selectbox { width:67%;} 
.text-box { width:67%;}
.text-box-postcode { width:85%;}

.ticket-img > img {
  width: 100%;
}

.view-password {
  right: 35px;
}

.open-offer-section .slick-arrow.slick-prev {
  left: -15px;
}
.open-offer-section .slick-arrow.slick-next {
  right: -15px;
}

}

@media only screen and (max-width: 568px) {
.text-box {  width: 100%;}
.selectbox {  width: 100%;} 
.row1 span.email-text { margin: 0;  padding-left: 0;}
.text-mobile-display { display:block;}
.row1 .change-email.buttonfull { margin: 0;}
a.button:link, a.button:visited, .button { width:100%;}
.formdiv label { padding-bottom:5px;} 
 
.cncl_btn {
  float: none;
  margin-right: 2px;
}
.login-buttonsection { padding: 0;}
#notes_div > label {
  width: 100%;
}
#location_note_div {
  margin: 5px 0 0;
}
.row1 span.inlinespantext { width: 100%;}
.view-password {
  right: 10px;
}
.view-password-login {  left: auto !important; right: 10px !important; }
.open-offer-section .slick-arrow.slick-prev {
  left: -10px;
}
.open-offer-section .slick-arrow.slick-next {
  right: -10px;
}
.view-password-login {
    right: 20px;
}
.event-calendar {
  padding: 10px;
}
.event-calendar .dot {
  width: 4px;
  height: 4px;
}

.event-calendar .dot:nth-child(4), .event-calendar .dot:nth-child(4) ~ span {
  display: none;
}

.calc_price_mobile{  display:block  }
.calc_price_desktop { display:none }

}

@media only screen and (max-width: 380px) { 
 
.tearmcheckbox { top:8px;} 

.logo-left { width: 55px; padding:0;}



}
@media only screen and (max-width: 379px) {
#topnav ul li:first-child { width: 20%;}	
#topnav ul li:last-child { width: 22%;}	
#topnav ul li:nth-child(2) { width: 33%;}
	
.row1 .checkboxlist ul li {
  width: 48%;
}
footer ul li {
  font-size: 13px;
  padding: 0 8px 0 3px;
} 

#topnavbar a.contact {  font-size: 10px; margin-top:3px;}
#topnavbar ul li a { padding: 2px 5px 3px; font-size:10px}

/*.maintitle {
  font-size: 26px;
}
*/


.formdiv label { width: 48%; vertical-align:top;}
.row1 span {/* display: inline-block;*/ width: 50%;}
.row1 span.d-flex {/* display: inline-block;*/ width: 100%;}

.row1 .change-email { margin: 5px 0 0 50%;}
.row1 .button { margin-top:5px;}

.row1 span.Termsandcondi { width: 50%;}
/*.row1 span.inlinespantext { width: 50%;} */
.checkmark { width:22px !important;}
.mobile-label { width:100% !important;}

}


@media only screen and (max-width: 360px) {
/*====== View Booking page ============ */


.ticket .textleft { float: none; text-align: left; width: 100%;}
.ticket .textlright { padding: 0;}
.mobile_logo_left { float: none;}
.mobile_logo_right { margin: 10px 0 0; position: relative;}
.ticketright_info { position: relative; width: 100%; border-bottom-width: 1px; border-bottom-style:solid; border-top-width: 1px; border-top-style:solid; padding: 5px 0; margin-top: 5px; display:block;}
.twocolom { border: medium none; padding-right: 0;}
.cncl_btn { float: left; margin-right: 0; width: 100%;}
a.button.cancelbtn { display: block; width: auto;}
a.button.sharebtn { display: block; width: auto;}
.leftpart {  display: block;}

.ticket_inside .ticket_textrow:last-child { border-bottom-width:1px; border-bottom-style:solid;}
.qrcodesection { border-bottom-width: 1px;}
}

@media only screen and (max-width: 350px) {
.formdiv label { width: 100%;}
.row1 span { width: 100%;}
.row1 .change-email { margin:0;}
.row1 span.Termsandcondi { width: 100%;}	
.row1 span.inlinespantext { width: 100%;}	
	
}