/* tablet */
@media screen and (max-width: 900px) {

	body {font-size: 87.5%; -webkit-text-size-adjust: none;}
	#wrapper {overflow: hidden; margin-top:0; min-height:1000px;}
	#header {background-image:none;}
	.funded-logos {}
	.funded-logos img{}
	.funded-logos li {width:33%; margin:10px 0;}
	.text-links {display:none;}
	.login-state {display:none;}
	
	#back_to_top {
		display: block;
		padding: 0 3em;
		clear: both;
	}	
	
	html, body, #wrapper, #header, #copy, #footer {
		width: auto !important;
		max-width: 100% !important;
		float: none; clear: both;
		padding: 0;
		min-width: auto;
	}
	
	#footer {font-size: 0.9em;}
	#footer .footer-links {text-align:center;}
	#footer .footer-links .funded-logos {float:none;}
	#footer .footer-links .social-links {position:relative; clear:both; margin:0 25%; width:50%;}
	#footer .footer-links .social-links ul li {width:25%;}
	#footer .footer-links .social-links .connectWithUs {clear:both;}
	
	#header {
		height: 9em;
		border-top-width: 8px;
		margin:0;
	}
	
	h1.meattrack-logo {
		padding:0.25em 0 0 1em;
		top:0;
	}
	
	h1.meattrack-logo > a {
		width: 100%;
		max-width: 100% !important;
		float: none; clear: both;
		background-size: auto 100%;
		height: 5em;
		padding:0;
		top:0;
	}
	
	#main {padding: 0;}
	#content {display: block}
	
	/* dropdown menu */
	
	#dropdown {
		position: absolute;
		top: 6em;
		left: auto;
		right:0;
		text-align: left;
		margin: 0;
		border: 0;
		width: 50%;
		-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.5);
		box-shadow: 0 3px 8px rgba(0,0,0,0.5);
		float: left;
	}
	#dropdown ul {
		padding: 0;
		margin: 0 auto;
		width: auto;
	}
	#dropdown li {
		display: block;
		float: none;
	}
	#dropdown ul ul {
		padding: 0;
		position: static;
		border: 0;
		background: none;
		margin-left: 2em;
		box-shadow: none;
		width: auto;
	}
	#dropdown ul ul ul {margin-left: 2em;}
	#dropdown a, #dropdown ul ul a, #dropdown ul ul ul a {
		padding: 1em;
		margin: 0;
		border-radius: 0;
		border-bottom: 1px dashed rgba(255,255,255,0.4);
		border-right:none;
		border-left:none;
		background:transparent;
	}
	
	#dropdown a:hover, #dropdown ul ul a:hover, #dropdown ul ul ul a:hover {
		background: rgba(0, 0, 0, 0.6) !important;
	}
	/* disable hover expand */

	#dropdown li:hover ul {
		max-height: 0;
	}
	/* expand link */
	#dropdown  a.expand {display: block;}
	/* expand ul classes */
	#dropdown li ul.open, #dropdown li ul.closemenu {
		max-height: 0;
		overflow: hidden;
		-moz-transition: max-height 0.3s;
		-webkit-transition: max-height 0.3s;
		-o-transition: max-height 0.3s;
		transition: max-height 0.3s;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	#dropdown li ul.open {
		max-height: 1000px;
	}
	
	#nav {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		max-height: 0;
		overflow: hidden;
		-moz-transition: max-height 0.5s;
		-webkit-transition: max-height 0.5s;
		-o-transition: max-height 0.5s;
		transition: max-height 0.5s;
		background:none;
	}
	
	.nav_toggle {display: block;}
	#nav_toggle_off {display: none;}
	
	.nav_toggle {
		position: absolute;
		top: 0;
		right: 0;
		padding: 0 3em;
		height: 6em;
		line-height: 6em;
		text-transform: uppercase;
		z-index: 2001;
		background: #144aac;
		color: #fff;
	}
	.nav_toggle span {
		font-size: 1.5em;
		padding-left: 0.2em;
		position: relative;
		top: 0.1em;
	}
	.nav_toggle:hover {
		color: #fff;
		background: #8f0222;
	}
	
	.nav_toggle:active {
		color: #fff;
	}
	
	.nav_toggle:visited {
		color: #fff;
	}
	
	:target {
		max-height: 100% !important;
	}
	:target ~ #nav_toggle_off {
		display: block;
		z-index: 2002;
	}
	
	#dropdown :target {
		max-height: 1000px;
	}
	
	.subnav {display: none;}
	.mobile_subnav {display: block;}
	#dropdown .mobile_subnav a {background-color: #ec8a21;}
	
	.mt-thanks, .footer-links {float:none;text-align:center;}
	.centerContent{width:90%; margin:0 auto;}
	
	ul.columns {padding:0;}
	.pageContent {padding:2%}
	a.formButton {margin:10px 0px;}
	div.itemContent table td  {list-style: none; display: list-item;}
	table.masterupc tr td  {list-style: none; display: list-item;}
	table.foldingtable tr td  {list-style: none; display: list-item;}
	
	.urmis_new_label {background:none; padding:0; margin: 0;}
	
	img {max-width:100%}
	div.package-size-wrap {max-width:93% !important;}
	
	
	.form-horizontal .control-label {float:none; width:100%; text-align:left;}
	.form-horizontal .controls {margin-left:0;}
	
	#slide-wrap {display:none;}
	
	.interface-navigation-container {max-width:100% !important;}
	.CollapsiblePanelContent{max-width:100% !important; left:0 !important;}
	#datanav a.imps-number-button {display:none !important;}
	#datanav a.imps-product-name-button {display:none !important;}
	
	.home_boxes {width:44%; margin: 1% 3%}
	.home_box_area {height:808px;}
	
	.puzzleMT{display:none;}
	.home_meattrack_t1 {width:100%}
	.home_meattrack_t2 {width:100%}
	.home_meattrack_t3 {width:100%}
	.home_meattrack_t1 {}
	.home_meattrack_t1 span {font-size: 0.9em;}
	.home_meattrack_t2 {}
	.home_meattrack_t2 span {font-size: 0.9em;}
	.home_meattrack_t6 {}
	
	div.CommonNameHeader_Whole {width:100% !important;height:auto !important;}
	
	.tblContent th {white-space:normal !important;}
	
	.urmisStackButton {width:30%;}
	.urmisStackButton a {width:150px;}
	
	div.urmis_links table td  {list-style: none; display: list-item;}
	
	.my-player-dimensions {height:400px !important;}
	
	.leftHomeBoxes .homeBox, .rightHomeBoxes .homeBox {font-size:1.3em;}

}

/* phone */
@media screen and (max-width: 500px) {

	body {font-size: 81.25%;}

	#header {
		height: 4em;
		padding-left: 1.5em;
	}
	a.home {
		height: 4em;
	}
	
	#nav {
		top: -2em;
	}
	
	h1.meattrack-logo > a {height:2em;}

	#back_to_top  {padding: 0 1.5em;}
	
	.nav_toggle {
		padding: 0 1.5em;
		height: 4em;
		line-height: 4em;
	}
	
	h1 {font-size: 2em !important;}
	
	.home_meattrack_t1 {font-size: 20px; line-height:24px;}
	.home_meattrack_t1 span {font-size:22px;}
	.home_meattrack_t2 {font-size: 35px; top:60px; line-height:42px;}
	.home_meattrack_t2 span {font-size: 55px;}
	.home_meattrack_t3 {top: 130px;}
	.home_meattrack_t6 {font-size: 25px; top:140px;}
	.home_meattrack_t5 {top:145px;}
	.home_meattrack_t3 a {width:320px; margin-left:-160px;}
	
	.signupArea {width:95% !important; margin:25px !important;}
	input, textarea, .uneditable-input {width: 140px;}
	select{width: 140px;}
	
	.my-player-dimensions {height:300px !important;}
}