@media screen and (max-width: 1200px) {

	.promo_newslist .promo_newslist_item {
		width: 33.33333%;
	}
	.promo_newslist.inline .promo_newslist_item:nth-child(4) {
		display: none;
	}

}

@media screen and (max-width: 1100px) {

	#season_slider_wrapper .next {
		right: -26px;
		background-color: rgba(0,0,0, 1);
	}
	#season_slider_wrapper .prev {
		left: -26px;
		background-color: rgba(0,0,0, 1);
	}
	#season_slider_positioner {
		padding: 0 0;
	}
	#season_slider .season_slider {
		height: 180px;
		padding: 10px 10px;
	}
	#team_stats .team_stats_item {
	    padding-left: 10px;
	    padding-right: 10px;
	}
	#content .pre_text table tr td span.hide_on_mobile {
		display: none;
	}
	#content .pre_text table tr td span.hide_on_mobile+span {
		display: inline;
	}
}

@media screen and (max-width: 1000px) {

	.promo_newslist .promo_newslist_item {
		width: 50%;
	}
	.promo_newslist.inline .promo_newslist_item:nth-child(3) {
		display: none;
	}
	.promo_articles .promo_article span {
	    font-size: 14px;
	}
	.photoin_wrapper .photoin_item {
	    width: 25%;
	}
	.photogroups_wrapper .photogroups_item {
	    width: 50%;
	}
	.song_wrapper .song_text {
		border: 1px solid rgba(0,0,0, 0.2);
		border-top: 2px solid #bf1818;
		width: 100%;
	}
	.song_wrapper .song_video {
		width: 100%;
	}
	#trophies_wrapper .trophies_item {
		width: 50%;
	}
}

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

	#season_slider_positioner {
		border-left: 0;
		border-right: 0;
	}
	#season_slider .season_slider_buttons {
		position: absolute;
		top: 50%;
		left: 70px;
		margin-top: -51px;
		background: rgba(0,0,0, 0.95);
		padding: 0;
		border-radius: 3px;
		width: 130px;
		white-space: normal;
		display: none;
	}
	#season_slider .season_slider_buttons.active {
		display: block;
		animation-name: slideFastUp;
		-webkit-animation-name: slideFastUp;	
		animation-duration: 0.2s;	
		-webkit-animation-duration: 0.2s;
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;
	}
	#season_slider .season_slider img {
		width: 60px;
		height: 60px;
		cursor: pointer;
	}
	#season_slider .season_slider_type {
		padding-left: 70px;
		padding-top: 0;
	}
	#season_slider .season_slider_title {
		padding-left: 70px;
	}
	#season_slider .season_slider_date {
		padding-left: 70px;
	}
	#season_slider .season_slider_buttons a,
	#season_slider .season_slider_buttons span {
		display: block;
		margin: 2px;
		text-align: center;
		padding: 2px 5px;
	}
	#season_slider .season_slider_image:before {
		background: #bf1818 url(/images/design/new/navi_opener.png) 50% 50% no-repeat;	
		background-size: 16px 16px;
		position: absolute;
		top: 100%;
		left: 50%;
		border-radius: 50%;
		width: 32px;
		height: 32px;
		margin-left: -16px;
		content: '';
		margin-top: -20px;
		cursor: pointer;
	}
	#season_slider .season_slider_image:after {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		content: '';
		cursor: pointer;
	}
	#season_slider .season_slider {
		height: 130px;
		padding: 10px 10px;
	}
	
	#season_slider_wrapper {
		padding: 0 20px;
	}
	#header_wrapper {
		padding: 0 20px;
	}
	#logo_wrapper:before {
		top: -28px;
		left: -76px;
		width: 90px;
		height: 116px;
	}
	#logo_wrapper {
		left: 52px;
	}
	#auth_wrapper .auth_input input {
		width: 140px;
	}
	#auth_wrapper .auth_input+.auth_input input {
		width: 100px;
	}
	#auth_functions {
		margin-left: -11px;
	}
	#navi_wrapper {
		top: 0;
		left: -10px;
	}
	#main_wrapper {
		padding: 0 0;
	}
	#season_slider_wrapper .next,
	#season_slider_wrapper .prev {
		background-color: transparent;
		background-size: 24px 24px;
	}
	.promo_articles .promo_article {
		width: 100%;
	}
	.promo_articles .promo_article span {
	    font-size: 18px;
	}
	#content .pre_text table tr td .season_game_type {
		display: block;
		font-size: 13px;
	}
	#content .pre_text table.fixtures,
	#content .pre_text table.compact {
		display: block;
		width: 100%;
	}
	#content .pre_text table.fixtures tr,
	#content .pre_text table.compact tr {
		display: block;
		box-sizing: border-box;
		margin-bottom: 10px;
		font-size: 0;
		line-height: 0;
		text-align: center;
		border: 1px solid rgba(0,0,0, 0.15);
	}
	#content .pre_text table.fixtures tr.pre_table_header,
	#content .pre_text table.compact tr.pre_table_header {
		display: none;
	}
	#content .pre_text table.fixtures tr td {
		display: inline-block;
		width: 33.333%;
		box-sizing: border-box;
		font-size: 13px;
		line-height: 1.3;
		border: none;
		background: transparent;
		text-align: center;
	}
	#content .pre_text table.fixtures tr td strong {
		font-size: 15px;
	}
	#content .pre_text table.fixtures tr:nth-child(odd) {
		background: rgba(0,0,0, 0.04);
	}
	#content .pre_text table.compact tr {
		padding: 10px 0;
	}
	#content .pre_text table.compact tr td {
		display: inline-block;
		box-sizing: border-box;
		font-size: 15px;
		line-height: 1.3;
		border: none;
		padding: 5px 12px;
		background: transparent;
		text-align: center;
	}
	#content .pre_text table.compact tr td strong {
		font-size: 15px;
	}
	#content .pre_text table.compact tr:nth-child(odd) {
		background: rgba(0,0,0, 0.04);
	}
}

@media screen and (max-width: 740px) {
	
	#header {
		padding: 60px 0 20px;
		height: auto;
	}
	#logo_wrapper {
		padding-left: 50px;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: auto;
		left: auto;
		padding-bottom: 30px;
		text-align: left;
	}
	#logo_wrapper:before {
		left: -24px;
		top: -24px;
	}
	#socials_wrapper {
		left: 50px;
		top: 64px;
	}
	#logo {
		font-size: 30px;
	}
	#logo_wrapper em {
		max-width: 180px;
	}
	#auth_wrapper {
	    top: 65px;
	}
	.pre_form form .pre_input {
		width: 100%;
	}
	#trophies_wrapper .trophies_item {
		width: 100%;
	}
}

@media screen and (max-width: 640px) {

	#main:after {
		display: none;
	}
	#sidebar {
		background: #eeeeee;
		margin-left: 0;
		float: none;
		width: auto;
		position: relative;
	}
	#content {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	.promo_articles .promo_article {
		width: 50%;
	}
	.promo_articles .promo_article span {
	    font-size: 14px;
	}
	#content .pre_text table tr td {
	    padding: 8px 5px;
	}
}

@media screen and (max-width: 600px) {
	#season_slider_wrapper {
		margin-top:-30px;
	}
	#mobile_opener {
		right: 35px;
	}
	#logo_wrapper {
		margin-top: -38px;
	}
	#mobile_user {
		display:block;
	}
	#auth_wrapper {
		z-index: 101;
	    background: rgba(21, 21, 21, 0.95);
	    padding: 10px;
	    width: 180px;
	    top: 60px;
	    right: 0;
	    border-top: 2px solid #bf1818;
	    border-bottom: 1px solid rgba(255,255,255, 0.1);
	    border-left: 1px solid rgba(255,255,255, 0.1);
	    border-right: 1px solid rgba(255,255,255, 0.1);
		-moz-box-shadow:     0px 3px 15px 0 rgba(0,0,0, 1);
		-webkit-box-shadow:  0px 3px 15px 0 rgba(0,0,0, 1);
		box-shadow:          0px 3px 15px 0 rgba(0,0,0, 1);
		display: none;
	}
	#mobile_user.active+#auth_wrapper {
		display: block;
		animation-name: slideFastUp;
		-webkit-animation-name: slideFastUp;	
		animation-duration: 0.2s;	
		-webkit-animation-duration: 0.2s;
		animation-timing-function: ease;	
		-webkit-animation-timing-function: ease;
	}
	#auth_wrapper:after {
		position: absolute;
	    top: -7px;
	    right: 4px;
	    width: 0;
	    height: 0;
	    border-left: 7px solid transparent;
	    border-right: 7px solid transparent;
	    border-bottom: 7px solid #bf1818;
	    display: block;
	    content: '';
	    transition: 0.5s;
	}
	#auth_wrapper .auth_input {
	    display: block;
	    padding-right: 0;
	}
	#auth_wrapper .auth_input input,
	#auth_wrapper .auth_input+.auth_input input {
		display: block;
	    width: 100%;
	}
	#auth_wrapper .auth_input+.auth_input {
	    padding-top: 5px;
	}
	#auth_functions {
		padding: 7px 10px 0 10px;
	}
	#auth_functions a {
		display: block;
		margin: 0 0;
	}
	#auth_wrapper #auth_button {
		display: block;
		text-align: center;
		width: 100%;
		box-sizing: border-box;
	}
	#season_slider .season_slider {
		width: 100%;
	}
	#season_slider_positioner:before {
		display: none;
	}
	#footer ul {
		padding: 20px 0 10px 0;
		max-width: 280px;
		margin: 0 auto;
	}	
	#footer ul li+li {
		border-left: none;
	}
	#footer ul li {
		padding: 2px 2px;
	}
	#footer ul li a {
		padding: 2px 7px;
		font-size: 14px;
	}
	#footer {
		min-height: 0;
		padding-bottom: 20px;
	}
	#content .pre_text table tr td {
	    font-size: 13px;
	}
	#content .pre_text table tr td:first-child {
	    padding-left: 5px;
	}
	#content .pre_text table tr td.align-left {
	    padding-left: 5px;
	}
	#content .pre_text table tr td.hide_on_mobile {
	    display: none;
	}
	.table_sort {
		display: inline-block;
		padding: 0px 0px;
		border-radius: 0px;
		border: none;
		margin: 0;
	}
	.table_sort:hover {
		border: none;
	}
	.table_sort.active {
		border: none;
	}
	.pre_title:after {
	    display: none;
	}
	#comments .comment_ava {
	    padding: 0px 0 0px 40px;
	}
	#comments .comment_ava img {
	    width: 30px;
	    height: 30px;
	    margin-top: -15px;
	}
	#comments .comment_info {
	    font-size: 15px;
	}
	#comments .comment_date {
	    padding: 2px 0 0 0;
	}
	.comment_opts {
	    top: 0;
	}
	#comments .comment_body {
	    font-size: 14px;
	}
	.pre_header1, h1 {
		font-size: 24px;
	}
	.pre_header2, h2 {
		font-size: 22px;
	}
	.pre_header3, h3 {
		font-size: 20px;
	}
	.pre_header4, h4 {
		font-size: 18px;
	}
	.pre_header5, h5 {
		font-size: 17px;
	}
	.pre_button.mini {
	    padding: 5px 10px;
	}
	.pre_content.buttons_top a {
	    margin: 2px;
	}
	.pre_content.buttons_top {
	    padding-left: 18px;
	    padding-right: 18px;
	}
	.floated {
	    float: none;
	    padding-left: 0px;
	    max-width: 100%;
	    text-align: center;
	}
	#navi_wrapper.mobile #navi_positioner {
		display: none;
	}
	.floated_crest {
		float: none;
		text-align: center;
		padding: 0 0 20px 0;
	}
	#trophies_wrapper .trophies_item {
		width: 50%;
	}
}

@media screen and (max-width: 480px) {
	
	#navi_positioner .navi_item.has_items a {
		border-radius: 3px;
	}
	.promo_articles .promo_article {
		width: 100%;
	}
	.promo_articles .promo_article span {
	    font-size: 18px;
	}
	.inline_mobile a.pre_button {
		display: block;
		text-align: center;
	}
	#content .pre_text p {
	    font-size: 14px;
	}
	#team_stats_positions {
		background-size: 140% 100%;
		margin-left: -20px;
		margin-right: -20px;
		padding-top: 30px;
	}
	#team_stats_timeline_wrapper {
		margin: 0 -20px;
	}
	#team_stats .team_stats_item img {
	    max-height: 40px;
	}
	#team_stats .team_stats_item {
	    padding-left: 0px;
	    padding-right: 0px;
	}
	#team_stats_positions .team_stats_position {
	    padding-bottom: 5px;
	    margin: 0 -20px;
	}
	#team_stats .team_stats_item_icons span {
	    border-radius: 1px;
	    height: 16px;
	    width: 16px;
	    margin-bottom: 1px;
	}
	#team_stats .team_stats_item_icons {
	    top: -6px;
	    bottom: -24px;
	    left: 100%;
	    width: 16px;
	}
	#team_stats_positions .team_stats_position.replacements:before {
	    background-size: 100% 100%;
		width: 37px;
	    height: 78px;
	    top: -25px;
	    left: 30px;
	}
	#team_stats_opponent_title {
		font-size: 18px;
	}
	#team_stats_opponent_position {
	    padding: 0px 10px 20px;
	}
	#trophies_wrapper .trophies_item {
		width: 100%;
	}
}


@media screen and (max-width: 400px) {
	
	.promo_newslist .promo_newslist_item {
		width: 100%;
		display: block;
		padding-left: 135px;
	}
	.promo_newslist .promo_newslist_item:before {
		display: none;
	}
	.promo_newslist .promo_newslist_item:first-child {
		border-top: none;
	}
	.promo_newslist .promo_newslist_item a:first-child {
		position: absolute;
		top: 20px;
		left: 20px;
		width: 100px;
		display: block;
	}
	.promo_newslist_inline .promo_newslist .promo_newslist_item.opponent > a:first-child {
		position: absolute;
		top: 15px;
		left: 15px;
		width: 75px;
		height: 75px;
	}	
	.promo_newslist_inline .promo_newslist .promo_newslist_item.opponent img {
	    max-width: 75px;
	    max-height: 75px;
	}
	.promo_newslist_inline .promo_newslist .promo_newslist_item.opponent img.flag {
	    max-width: 20px;
	    max-height: 20px;
	    left: 90px;
	    top: 15px;
	    right: auto;
	}
	.promo_newslist_item .promo_newslist_role {
	    padding-top: 10px;
	}
	.promo_newslist .promo_newslist_stats {
	    padding-top: 0;
	    padding-bottom: 6px;
	}
	.promo_newslist .promo_newslist_title {
	    font-size: 13px;
	    line-height: 1.3;
	}	
	#content .pre_button_wrapper .pre_button {
		display: block;
		text-align: center;
		font-size: 14px;
	}
	#content .pre_button_wrapper .pre_button.large {
		padding-top: 8px;
		padding-bottom: 6px;
	}
	#content .pre_text table.fixtures tr td {
		width: 50%;
	}
	#team_stats_positions {
		background-size: 180% 100%;
	}
}