/***************************************************************************
 * MaxCMS Template Responsive Stylesheet                                   *
 ***************************************************************************/

/* Desktop */
@media (min-width: 1280px) {
	/* {{{ General CSS */
	.no_desktop {
		display:				none;
	}
	/* }}} */
}

/* Tablet Landscape */
@media (min-width: 1024px) and (max-width: 1279px) {
	/* {{{ General CSS */
	.no_tablet-l,
	.no_tablet {
		display:				none;
	}
	/* }}} */
}

/* Tablet Portrait */
@media (min-width: 768px) and (max-width: 1023px) {
	/* {{{ General CSS */
	.no_tablet-p,
	.no_tablet {
		display:				none;
	}
	/* }}} */

	/* {{{ Compare CSS */
	#compareContainer > .comparePlayerContainer {
		height:					auto;
		max-width:				285px;
	}

	#compareContainer > .comparePlayerContainer > .playerImage {
		display:				block;
		margin:					0 auto;
	}

	#compareContainer > .comparePlayerContainer > .playerDetail {
		display:				block;
		height:					auto;
		margin:					0 auto;
	}
	/* }}} */

	/* {{{ Video Favorites CSS */
	#videoFaveTable thead tr th.col-winner,
	#videoFaveTable thead tr th.col-loser,
	#videoFaveTable thead tr th.col-game,
	#videoFaveTable thead tr th.col-date,
	#videoFaveTable thead tr th.col-score,
	#videoFaveTable thead tr th.col-video {
		width:					auto;
	}
	/* }}} */
}

/* Mobile Landscape */
@media (min-width: 480px) and (max-width: 767px) {
	/* {{{ General CSS */
	html, body {
		font-size:				10px;
	}

	p {
		font-size:				12px;
	}

	.no_mobile-l,
	.no_mobile {
		display:				none;
	}
	/* }}} */

	/* {{{ Compare CSS */
	#compareContainer > #versusContainer {
		display:				block;
		margin:					10px auto;
	}

	#compareContainer > .comparePlayerContainer > .playerImage {
		margin-bottom:			0;
	}
	/* }}} */

	/* {{{ Streamers/Streamer Profile CSS */
	#streamerTable thead tr th.col-date-added,
	#streamerTable thead tr th.col-game {
		width:					auto;
	}
	/* }}} */

	/* {{{ Videos CSS */
	#videoTable thead tr.videoHF td,
	#videoTable tfoot tr.videoHF td {
		text-align:				center;
	}

	#videoTable thead tr.videoHF td > div.videoHF-list > select.game_list,
	#videoTable tfoot tr.videoHF td > div.videoHF-list > select.game_list {
		margin-bottom:			5px;
	}

	#videoTable thead tr th.col-date-added,
	#videoTable thead tr th.col-game,
	#videoTable tbody tr td.col-date-added,
	#videoTable tbody tr td.col-game {
		width:					auto;
	}
	/* }}} */

	/* {{{ Video Favorites CSS */
	#videoFaveTable thead tr th.col-winner,
	#videoFaveTable thead tr th.col-loser,
	#videoFaveTable thead tr th.col-game,
	#videoFaveTable thead tr th.col-date,
	#videoFaveTable thead tr th.col-score,
	#videoFaveTable thead tr th.col-video {
		width:					auto;
	}
	/* }}} */
}

/* Mobile Portrait */
@media (max-width: 479px) {
	/* {{{ General CSS */
	html, body {
		font-size:				10px;
	}

	p {
		font-size:				12px;
	}

	.no_mobile-p,
	.no_mobile {
		display:				none;
	}
	/* }}} */

	/* {{{ Player CSS */
	.playerImage {
		display:				block;
		margin:					0 0 20px 0;
		text-align:				center;
		width:					100%;
	}

	.playerDetail {
		display:				block;
		height:					auto;
		margin-bottom:			20px;
		width:					100%;
	}

	.playerDetail > #compareAgainst {
		position:				static;
	}
	/* }}} */

	/* {{{ Compare CSS */
	#compareContainer > .comparePlayerContainer {
		height:					auto;
		max-width:				100%;
	}

	#compareContainer > .comparePlayerContainer > .playerDetail {
		margin-bottom:			0;
	}

	#compareContainer > #versusContainer {
		display:				block;
		margin:					10px auto;
	}
	/* }}} */

	/* {{{ Streamers/Streamer Profile CSS */
	#streamerTable thead tr th.col-game {
		width:					auto;
	}
	/* }}} */

	/* {{{ Videos CSS */
	#videoTable thead tr.videoHF td,
	#videoTable tfoot tr.videoHF td {
		text-align:				center;
	}

	#videoTable thead tr.videoHF td > div.videoHF-list > select.game_list,
	#videoTable tfoot tr.videoHF td > div.videoHF-list > select.game_list {
		margin-bottom:			5px;
	}

	#videoTable thead tr th.col-date-added,
	#videoTable thead tr th.col-game,
	#videoTable tbody tr td.col-date-added,
	#videoTable tbody tr td.col-game {
		width:					auto;
	}
	/* }}} */

	/* {{{ Video Favorites CSS */
	#videoFaveTable thead tr th.col-winner,
	#videoFaveTable thead tr th.col-loser,
	#videoFaveTable thead tr th.col-game,
	#videoFaveTable thead tr th.col-date,
	#videoFaveTable thead tr th.col-score,
	#videoFaveTable thead tr th.col-video {
		width:					auto;
	}
	/* }}} */
}