@media all and (min-width: 1024px) and (max-width: 1280px) {
	/* REMOVE AFTER TESTING!! */
	#wrapper { /*border: 1px solid green;*/ }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
	/* REMOVE AFTER TESTING!! */
	#wrapper {
		/*border: 1px solid yellow;*/
		width: 100%;
	}

	#goldlinks { margin-top: 20px; }

	#nav ul {
		margin: 100px 0 0;
		padding: 0 70px;
		text-transform: uppercase;
	}

	.content img {
		height: auto;
		max-width: 40%;
	}

	.content .item-img img { max-width: 100%; }

}

@media all and (min-width: 480px) and (max-width: 768px) {
	/* REMOVE AFTER TESTING!! */
	#wrapper {
		/*border: 1px solid blue;*/
		width: 100%;
	}

	#st-trigger-effects { display: block; }

	#nav, #footer-menu { display: none; }

	body {
		font: 22px/26px 'Arial Nova W01', sans-serif;
	}

	#header {
		background: url(../images/tab-port-header-bg.png) repeat-x;
		min-height: 245px;
	}

	#logo {
		margin: 15px 0 0 40px;
		width: 204px;
	}

	#logo h1 a:link, #logo h1 a:visited, #logo h1 a:active {
		background: transparent url(../images/tab-port-logo.png) no-repeat;
		line-height: 87px; /* height of the image */
		width: 204px; /* width of the image */
	}

	#goldlinks {
		color: #fff;
		height: 127px;
		line-height: 1;
		margin-top: 16px;
		text-align: center;
	}

	#goldlinks ul {
		font: 36px 'Open Sans Condensed';
		height: 132px;
		line-height: 1;
	}

	#goldlinks li {
		padding: 10px 0 0;
		width: 100%;
	}

	#goldlinks li:first-child {
		border-bottom: 2px solid #fff;
	}

	#goldlinks li:first-child::after {
		content: "";
	}

	#goldlinks li a:link, #goldlinks li a:visited, #goldlinks li a:active {
		color: #fff;
		letter-spacing: 1px;
		padding: 0;
		text-align: center;
		text-decoration: none;
	}

	#goldlinks li a:hover, #goldlinks li.current_page_item a, #goldlinks li.current-page-ancestor a {
		color: #0056b8;
	}

	#home-content {
		background-color: #2058a7;
		background-size: auto auto, 100% auto;
		min-height: 1349px;
		padding: 40px 15px 0;
	}

	.homeright {
		padding: 5px;
	}

	.homeright .bigtext {
		font: 57px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1.05em;
	}

	.homeright .medtext {
		font: 28px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1.05em;
	}

	.homeright .smalltext {
		font: 24px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	.homeright .xsmalltext {
		font: 19px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	#home-content .bigtext, .homeleft .bigtext {
		font: 57px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	#home-content .medtext, .homeleft .medtext {
		font: 28px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	#home-content .smalltext, .homeleft .smalltext {
		font: 24px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	#home-content .xsmalltext {
		font: 19px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
		margin-top: 0;
	}

	.homeleft .xsmalltext {
		font: 22px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
		margin-top: 8px;
	}

	#content {
		padding: 20px 40px 0;
	}

	.fliptext {
		margin-right: 20px;
	}

	.item-desc {
		margin-top: -10px;
	}

	.item-desc h2.pagetitle {
		font-size: 40px;
		line-height: 42px;
		margin-bottom: 20px;
	}

	.foot-block {
		float: left;
		margin-right: 100px;
	}
}

@media all and (orientation: landscape) and (max-width: 768px) {
	/* REMOVE AFTER TESTING!! */
	#wrapper {
		/*border: 1px solid orange;*/
		width: 100%;
	}

	#st-trigger-effects { display: block; }

	#nav, #footer-menu { display: none; }

	body {
		font: 22px/26px 'Arial Nova W01', sans-serif;
	}

	#header {
		background: url(../images/tab-port-header-bg.png) repeat-x;
		min-height: 245px;
	}

	#logo {
		margin: 15px 0 0 40px;
		width: 204px;
	}

	#logo h1 a:link, #logo h1 a:visited, #logo h1 a:active {
		background: transparent url(../images/tab-port-logo.png) no-repeat;
		line-height: 87px; /* height of the image */
		width: 204px; /* width of the image */
	}

	#goldlinks {
		color: #fff;
		height: 127px;
		line-height: 1;
		margin-top: 16px;
		text-align: center;
	}

	#goldlinks ul {
		font: 36px 'Open Sans Condensed';
		height: 132px;
		line-height: 1;
	}

	#goldlinks li {
		padding: 10px 0 0;
		width: 100%;
	}

	#goldlinks li:first-child {
		border-bottom: 2px solid #fff;
	}

	#goldlinks li:first-child::after {
		content: "";
	}

	#goldlinks li a:link, #goldlinks li a:visited, #goldlinks li a:active {
		color: #fff;
		letter-spacing: 1px;
		padding: 0;
		text-align: center;
		text-decoration: none;
	}

	#goldlinks li a:hover, #goldlinks li.current_page_item a, #goldlinks li.current-page-ancestor a {
		color: #0056b8;
	}

	#home-content {
		background-color: #2058a7;
		background-size: 80% auto, 100% auto;
		min-height: 1349px;
		padding: 40px 15px 0;
	}

	.homeblock, .dedi {
		margin: 0 auto;
		width: 80%;
	}

	.homeleft, .homeright {
		float: unset;
		text-align: center;
	}

	.homeright {
		padding: 20px 0 0;
	}

	.homeright .bigtext {
		font: 31px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1.05em;
	}

	.homeright .medtext {
		font: 28px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1.05em;
	}

	.homeright .smalltext {
		font: 14px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	.homeright .xsmalltext {
		font: 12px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	#home-content .bigtext, .homeleft .bigtext {
		font: 31px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	#home-content .medtext, .homeleft .medtext {
		font: 28px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	#home-content .smalltext, .homeleft .smalltext {
		font: 14px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	#home-content .xsmalltext {
		font: 12px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
		margin-top: 0;
	}

	.homeleft .xsmalltext {
		font: 12px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
		margin-top: 8px;
	}

	.dedi {
		margin: 0 auto 15px;
		width: 70%;
	}

	a.register {
		font-size: 20px;
		height: 41px;
		line-height: 41px;
		width: 303px;
	}

	#content {
		padding: 20px 15px 0;
	}

	.content img {
		height: auto;
		max-width: 30%;
	}

	.fliptext {
		margin-right: 30px;
	}

	.item-img img {
		max-width: 100% !important;
		width: 100% !important;
	}

	.item-desc {
		margin-top: -10px;
	}

	.item-desc h2.pagetitle {
		font-size: 40px;
		line-height: 42px;
		margin-bottom: 20px;
	}

	#sponsors img {
		height: auto;
		max-width: 60%;
	}

	.foot-block {
		float: left;
		margin-right: 100px;
	}
}

@media all and (max-width: 480px) {
	/* REMOVE AFTER TESTING!! */
	#wrapper {
		/*border: 1px solid red;*/
		width: 100%;
	}

	#st-trigger-effects { display: block; }

	#nav, #footer-menu { display: none; }

	body {
		font: 22px/26px 'Arial Nova W01', sans-serif;
	}

	#header {
		background: #deb946 url(../images/mob-port-header-bg.png) repeat-x;
		min-height: 154px;
	}

	#st-trigger-effects {
		height: 42px;
		right: 16px;
		top: 18px;
	}

	#logo {
		margin: 15px 0 0 16px;
		width: 129px;
	}

	#logo h1 a:link, #logo h1 a:visited, #logo h1 a:active {
		background: transparent url(../images/mob-port-logo.png) no-repeat;
		line-height: 56px; /* height of the image */
		width: 129px; /* width of the image */
	}

	#goldlinks {
		color: #fff;
		height: 88px;
		line-height: 1;
		margin-top: 12px;
		text-align: center;
	}

	#goldlinks ul {
		font: 24px 'Open Sans Condensed';
		height: 77px;
		line-height: 1;
	}

	#goldlinks li {
		padding: 10px 0 0;
		width: 100%;
	}

	#goldlinks li:first-child {
		border-bottom: 2px solid #fff;
	}

	#goldlinks li:first-child::after {
		content: "";
	}

	#goldlinks li a:link, #goldlinks li a:visited, #goldlinks li a:active {
		color: #fff;
		letter-spacing: 1px;
		padding: 0;
		text-align: center;
		text-decoration: none;
	}

	#goldlinks li a:hover, #goldlinks li.current_page_item a, #goldlinks li.current-page-ancestor a {
		color: #0056b8;
	}

	#home-content {
		background-color: #2058a7;
		background-size: 80% auto, 100% auto;
		min-height: 1270px;
		padding: 40px 15px 0;
	}

	.homeblock, .dedi {
		margin: 0 auto;
		width: 100%;
	}

	.homeleft, .homeright {
		float: unset;
		text-align: center;
	}

	.homeright {
		padding: 20px 0 0;
	}

	.homeright .bigtext {
		font: 26px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1.05em;
	}

	.homeright .medtext, .dedi .smalltext {
		font: 20px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1.05em;
	}

	.homeright .smalltext {
		font: 14px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	.homeright .xsmalltext {
		font: 12px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	#home-content .bigtext, .homeleft .bigtext {
		font: 26px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	#home-content .medtext, .homeleft .medtext {
		font: 20px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	#home-content .smalltext, .homeleft .smalltext {
		font: 14px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
	}

	#home-content .xsmalltext {
		font: 19px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
		margin-top: 0;
	}

	#home-content .tor {
		font: 24px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1.05em;
	}

	.homeleft .xsmalltext {
		font: 12px 'Open Sans Condensed';
		font-weight: bold;
		line-height: 1em;
		margin-top: 8px;
	}

	.dedi {
		margin: 0 auto 15px;
		width: 70%;
	}

	a.register {
		font-size: 16px;
		height: 33px;
		line-height: 33px;
		width: 251px;
	}

	#content {
		font-size: 16px;
		line-height: 20px;
		padding: 20px 15px 0;
	}

	.content img {
		height: auto;
		max-width: 30%;
	}

	.fliptext {
		margin-left: 40px;
		margin-right: 0;
	}

	.item-img, .item-desc {
		width: 100%;
	}

	.item-img {
		float: right;
	}

	.item-img img {
		max-width: 100% !important;
		width: 100% !important;
	}

	.item-desc {
		float: left;
		margin-top: 0;
	}

	.item-desc h2.pagetitle {
		font-size: 40px;
		line-height: 42px;
		margin-bottom: 20px;
	}

	#sponsors img {
		height: auto;
		max-width: 90%;
	}

	#footer {
		padding: 48px 15px 0;
	}

	.foot-block {
		float: left;
		margin-right: 0px;
	}

		#footer-credits {
		font-size: 10px;
	}

	#footer h3.widgettitle {
		font: 20px 'Open Sans Condensed';
	}
}

/* Portrait */
@media screen and (orientation: portrait) { /* Portrait styles here */ }
/* Landscape */
@media screen and (orientation: landscape) { /* Landscape styles here */ }

/* Mobile navigation menu styles */
@media only screen and (max-width: 768px) {

}