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

	.box_16,
	.box_20,
	.box_25,
	.box_30,
	.box_50,
	.box_66,
	.box_70,
	.box_80,
	.box_33{
		float: none !important;
		width: 100% !important;
	}

	.box_500px{
		width: 100% !important;
	}

	.mobileFullWidth{
		width: 100% !important;
	}

	#homeContent .rotate{
		transform: none;
	}

	.formation_field{
		padding: 0 0 20px 0;
	}

	.player_block{
		font-size: 8px;
	}

	.wrapper_1200{
		
	}

	#page_contaner{
		padding: 5px;
	}

	.wrapper_800,
	.wrapper_900,
	.wrapper_1000,
	.wrapper_1200,
	.wrapper_1300{
		width: 100%;
		/*padding: 5px !important;*/
	}

	.player_details_pager{
		display: block;
	}

	.details_columns[page="1"]{
		display: table-cell;
	}

	.details_columns[page="2"],
	.details_columns[page="3"],
	.details_columns[page="4"],
	.details_columns[page="5"],
	.details_columns[page="6"]{
		display: none;
	}

	/*
	.small_input{
		width: 100% !important;
	}
	*/

	.show_more_player_details{
		display: inline-block;
	}

	.show_more_player_details:hover{
		text-decoration: none !important;
	}

	.pos_container_select_minutes{
		float: left;
		width: 80%;
	}

	.pos_container_button_minutes{
		display: block;
	}
	
	.ui-dialog{
		width: 100% !important;
		height: 100% !important;
	}
	
	.ui-dialog-content{
		height: 100% !important;
	}

	.liveTeam{
		font-size: 25px;
	}

	.running_match_option_block{
		width: 70px;
	}

	.liveScore{
		font-size: 3em !important;
	}

	#imageTop{
		background-size: 100% 100%; 
		background-position: 0 0;
	}

	#closeHomeMenuContainer{
		display: block;
	}

	#logo{
		text-align: center;
	}

	nav{
		position: absolute;
		display: none;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #232B38;
		z-index: 999;
		margin-top: 0;
	}

	nav ul{
		display: block;
	}

	nav ul a.homeMenuItem{
		margin-right: 0px !important;
		padding: 10px; 20px;
		border-bottom: 1px solid #646F79;
	}

	#homeMobileMenuButton{
		display: block;
	}

	.tableOverview.mobileView *{
		font-size: 0.9em;
	}

}

@media screen and (max-width: 768px){
	.calendar_container{
		float: none;
		width: 100%;
	}

	.calendar_circle{
		width: 20px !important;
		height: 20px !important;
		line-height: 20px !important;
		font-size: 0.9em !important;

	}

	.box_50{
		display: block !important;
		float: none !important;
		width: 100% !important;
	}
}

@media screen and (max-width: 820px){
	.box_800{
		float: none !important;
		width: 100% !important;
	}

	
}