/* TEMP mobile responsive clingon */
/* Just add in Bigtable and leftable, and Rightable IDs on tables below. Then LogoID. Then all 624s to WIDTH="624" class="midtable" */

.popupwind { position: absolute; visibility: hidden; z-index:200; }
body { overflow:scroll; overflow-x:hidden;} 
body {color: #000000; font-family: Verdana, Arial Narrow, sans-serif; font-size:12px; line-height: 13px; text-align: right; display: inline;  vertical-align:top; text-align: left; }
#destxt {color: #000000; font-family: Verdana, Arial Narrow, sans-serif; font-size:12px; line-height: 13px; text-align: right; display: inline; position: relative; vertical-align:top; text-align: left; } 

table {vertical-align:top;}
table td{vertical-align:top;}

#headertable {width:100%; height:90px; line-height: 0; float:left; z-index:555; background:white;}
#bannerad {width:729px; float:left; background:white; z-index:666;}

.oldw324 {width:324px;}

#seatno { font-size:32px; line-height:14px;}
#class {font-size:14px; line-height:14px;}
   
@media screen and (max-width: 1244px) {	
	#bigtable {width:1004px!important; max-width:1004px!important;}
	#righttable {display:none;}
}  
@media screen and (max-width: 1044px) {	
	#bigtable {width:850px!important; max-width:1004px!important;}
	#lefttable {display:none;}
	#logotd {display:none;}
}

@media screen and (max-width: 1000px) {	
	.midtable {width:600px!important; border:0px white solid;}
	#summarybox {display:none;}
}

#mobilemenu {display:none;}

@media screen and (max-width: 842px) {
	#bigtable {width:700px!important;}	
	.midtable {width:500px!important; }
	#TopMenu {display:none;}

	#mobilemenu {display:block; border:1px black solid; text-align:center; background: blue; height:24px;}
	#mobilemenu a {font-size: 19px; line-height: 24px; color:white; background: blue; text-decoration:none; border-left:1px black solid; padding: 0px 20px;}
	table {background:initial;}

	#headertable {display:block; width:500px!important; height:initial!important; margin:0 auto;}
	#bannerad {display:block; width:500px!important; height:initial!important; float:initial; margin:0 auto;}

	#bigtable {width:500px!important;}	
	.midtable {width:300px!important;}
	.midtable td {width:300px!important; display:block; float:left;}
	.breadcrumbs {font-size:16px; display:none;}
	.midtable {font-family: Arial, sans-serif; font-size:12px;}
	#seatimg {width:100%!important; max-width:300px!important; height:initial!important;}
	#seatimg2 {width:100%!important; max-width:300px!important; height:initial!important;}
	#seatkey {width:100%!important; max-width:620px!important; height:21px; border:1px black solid;}
	#seatkey2 {width:100%!important; max-width:620px!important; height:21px; border:1px black solid;}
	
	/* Avoid the text too small to read google bug */
	body {font-size:14px;}
	#destxt {font-size:14px;}
	#txt {font-size:14px;}
	#class {font-size:14px;}
	.midtable {font-size:14px;}
	#seatdescr {font-size:14px!important;}
	#seatdescr p {font-size:14px;}
	#positive {font-size:14px;}
	#negative {font-size:14px;}
	#food {font-size:14px;}
	#ife {font-size:14px;}
	#loungeD {font-size:14px;}
	#booking {font-size:14px;}
	#alink {font-size:14px;}
	p {font-size:14px;}
	#txtg {font-size:14px;}
	#txtleft {font-size:14px;}
}

@media screen and (max-width: 500px) {	
	#headertable {width:100%!important;}
	#bannerad {width:300px!important; }
	#bigtable {width:100%!important;}	
	.midtable {width:200px!important;}
	.midtable td {width:200px!important; display:block; float:left;}
	#mobilemenu a {padding: 0px 10px;}
	.oldw324 {width:100%; max-width:324px;}
	#seatimg {width:200px!important;}
}