/*
Responsive Template Name: RS-MQF 940 V.2
File: Media Queries CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@-ms-viewport{width:device-width;} /* http://msdn.microsoft.com/en-gb/library/ie/hh869615%28v=vs.85%29.aspx */

/* 240 + 320px */

@media screen and (max-width:400px) {
	#header, #topnav, #toppernav, #footer{max-width:95%; margin:0 auto;}

	#topnav ul, #toppernav ul{display:none;}

  .mobile_hidden{display:none;}
  body, #footer{font-size: 80%}

	.one_half,
	.one_third, .two_third,
	.one_quarter, .two_quarter, .three_quarter,
	.one_fifth, .two_fifth, .three_fifth, .four_fifth{display:block; float:none; width:auto; margin:0 0 2% 0; padding:0;}


	#header #hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}

  	#header #hgroup h1{font-size:1.2em;}

	#header, #footer{text-align:center;}
	#footer p{float:none; line-height:1.6em;}
	#footer p:first-child{margin-bottom:8px;}

	.tage {width: 40% !important; float: none !important; display: block; margin: auto; clear: both;}
	.headliner {text-align: center !important;}
	.mayfair { width: 12%;}
	table.dataTable {font-size: 0.5em !important;}
	.ticketframe {height: 1300px !important; width: 100% !important;}
  h1.landing_tabs {font-size: 1em;color: white;padding-top: 4%;}
}

/* 480px */

@media screen and (min-width:400px) and (max-width:600px) {
	#header, #topnav, #toppernav, .container2, #footer{max-width:95%; margin:0 auto;}

	#demogames{display: none;}
	#topnav ul, #toppernav ul{display:none;}
	/*#topnav form, #toppernav form{display: none;}*/


  #header #hgroup h1{font-size:0.8em;}
  h2{font-size: 170%}

	#footer p{float:none;}
	#footer p:first-child{margin-bottom:8px;}
  h1.landing_tabs {font-size: 0.3em;color: white;padding-top: 4%;}
}


/* 768px */

@media screen and (min-width:601px) and (max-width:800px) {
	#header, #topnav, #toppernav, .container2, #footer{max-width:95%; margin:0 auto;}

	#demogames{display: none;}
	#topnav ul{display:none;}
  #toppernav form{display: none;}


  #header #hgroup h1{font-size:1.2em;}
  h2{font-size: 220%}
  h1.landing_tabs {font-size: 0.5em;color: white;padding-top: 4%;}
}

@media screen and (min-width:800px) and (max-width:900px) {
	#header, #topnav, #toppernav, .container2, #footer{max-width:95%; margin:0 auto;}

	#demogames{display: none;}
  #topnav ul{display:none;}
  #toppernav form{display: none;}

  #header #hgroup h1{font-size:1.6em;}
  h2{font-size: 270%}
  h1.landing_tabs {font-size: 0.7em;color: white;padding-top: 4%;}
}

/* 940px */

@media screen and (min-width:900px) {
	#header, #topnav, #toppernav, .container2, #footer{max-width:940px; margin:0 auto;}

	#demogames{display: none;}
  /*#topnav ul, #toppernav ul{display:none;}*/
  #topnav form, #toppernav form{display:none;}

	.container3{padding: 20px 80px 20px 80px}

  .container2{margin:0 auto; font-size:1.2em; line-height: 1.6}
  .container2{padding:30px 0; clear:both;}

  #header #hgroup h1{font-size:2.0em;}
  h2{font-size: 300%}
  h1.landing_tabs {font-size: 1em;color: white;padding-top: 4%;}
}

/* Hide The Jquery Generated Navigation Form from 601px upwards */

@media screen and (min-width:900px) and (max-width:1920px) {
	#topnav form, #toppernav form{display:none}
}