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

.rightside-bar { display: none ;}

}



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

.selectbox { width: 70%;}

.row1 > span.inlinespantext { width:70%;}

.text-box { width:70%;}

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

}



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

.termscondiation-div .change-email.buttonfull { margin-left: 0;}



}



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

.film_terms { display: none;}



.container { width:94%;}

header { width:94%;}

#contentinfo { width:94%;}

#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%;}



} 





/* 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%;}*/

 }



/*Updated the below section to min width 1024px from 768px so that it works in app in iPad properly*/



@media only screen and (min-width: 1025px) {

.desktopleft { text-align:left;}

}



/*Updated the below section to max width 1024px from 767px so that it works in app in iPad properly*/



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

 .rightside-bar { display: none ;}



/* body { background:#dddddd ;}*/

#logo {

  float: none;

  margin: 0;

  padding: 30px 0;

}

#topnav {

  background: #4b646d none repeat scroll 0 0;

  height: auto;

  left: 3%;

  max-width: none;

  padding-top: 0;

  position: absolute;

  top: 44px;

  width: 210px;

  z-index: 20;

}



.topnav { display:none;}

#topnav ul { padding-left:0;}

#topnav ul li { border-bottom: 1px solid #DFDFDF; border-right:none; float: right; padding:0; margin:0; text-align: right;width:100%;}

#topnav ul li a {float:none; display:block; padding:0 15px 0px; text-align: left; border-radius:0; color: #FFFFFF; }



.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;}



.nav-new { display:block;}

#nav { display:none;}







.content { padding-top:15px;}

.selectbox { width:72%;} 

.text-box { width:72%;}

.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;}

}



@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:14px;}

.small_text { font-size:10px;}





.selectbox { width:67%;} 

.text-box { width:67%;}



.ticket-img > img {

  width: 100%;

}





}



@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%;}

}



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

 

.tearmcheckbox { top:8px;} 

}

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

.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 .change-email { margin: 5px 0 0 50%;}

.row1 .button { margin-top:5px;}







.row1 span.Termsandcondi { width: 50%;}

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



}





@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%;}	

	

}