@media screen and (max-width: 1200px){
	.wrapper_1200{
		padding: 5px;
		width: 100% !important;
	}

	.product_title{
		height: auto !important;
		margin-bottom: 20px;
	}
}

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

	.wrapper_800,
	.wrapper_1000,
	.wrapper_575{
		width: 100% !important;
	}

	.box_description{
		width: auto;
	}
	
	.box_80,
	.box_70,
	.box_66,
	.box_50,
	.box_40,
	.box_30,
	.box_33,
	.box_25,
	.box_20,
	.block_575,
	.box_60{
		float: none !important;
		width: 100% !important;
	}

	.box_20_50{
		width: 50%;
	}

	.box_33_by2{
		width: 50%;
	}

	.box_20_50 .image_container{
		height: 130px;
	}

	.box_25_50{
		width: 50%;
	}

	.social_links{
		display: none;
	}
	
	#menu_2{
		display: block;
	}
	
	.tableOverview th,
	.tableOverview td{
		font-size: .7em;
	}
	
	.toolbar_side_menu{
		display: table-cell;
		width: 80px;
	}
	
	#middle_side,
	#middle_side_small{
		float: none !important;
		width: 100% !important;
		left: 0 !important;
	}
	
	#left_side{
		float: none !important;
		position: fixed;
		top: 0 !important;
		left: -100%;
		width: 100% !important;
		z-index: 9999;
	}
	
	#right_side{
		float: none !important;
		position: fixed;
		top: 0 !important;
		right: -100%;
		width: 100% !important;
		z-index: 9999;
	}
	
	#close_left_side_container,
	#close_right_side_container{
		display: block;
	}
	
	#left_side_show,
	#right_side_show{
		display: block;
		font-size: 2em;
	}
	
	#close_left_side,
	#close_right_side{
		font-size: 3em;
	}
	
	.side_header{
		font-size: 1.3em;
	}
	
	nav{
		display: none;
	}
	
	#logo_container{
		text-align: center;
	}
	
	.mobile_view{
		display: block;
	}
	
	.desktop_view{
		display: none;
	}
	
	#ready_popup{
		top: 0;
		left: 0;
		width: 100%;
		padding: 5px;
	}

	#ready_popup .desktopView{
		display: none;
	}

	#ready_popup .mobileView{
		display: block;
	}
	
	#homeBanner span{
		font-size: 1em;
		bottom: 10px;
		right: 10px;
	}

	#toolbar{
		top: 0;
	}
	
	#toolbar_login{
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100% !important;
	}
	
	#toolbar_login .toolbarButton{
		float: left;
		width: 50%;
		margin-right: 0 !important;
	}
	
	.toolbarButton table td{
		width: 50%;
	}
	
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	input[type="url"],
	.custom-combobox-input,
	select,
	textarea{
		width: 100% !important;
		padding: 5px 0 !important;
	}

	.spinner input{
		width: 32px !important;
		height: 32px !important;
		padding: 0 !important;
		display: inline-block !important;
	}

	.full_width_mobile{
		width: 100%;
	}

	.gratisButton{
		display: inline-block;
		position: static !important;
		height: 52px;
	}

	.mobileAutoH{
		height: auto !important;
	}
	
	.ui-dialog{
		width: 90% !important;
	}

	.topImageContent{
		position: static !important;
		margin-top: 10px;
	}

	.topImageContent .black_transparent_box{
		background-color: #f6f6f6;
		color: #333 !important;
	}

	.topImageContentButtons{
		margin-top: 0 !important;
		background-color: #f6f6f6;
		margin-bottom: 10px;
	}

	.topImageContent .black_transparent_box *{
		color: #333 !important;
	}


	/*
	.topImageContent{
		left: 0 !important;
		top: 0 !important;
		bottom: 0 !important;
		width: 100% !important;
		height: 100% !important;
	}

	.topImageContent .block_header{
		font-size: 15px;
	}
	
	.topImageContent .topImageContentText{
		font-size: 10px;
	}
	*/
}

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


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

	.mobileFullWidth{
		width: 100%;
	}

	.intext_iframe{
		width: 100% !important;
	}

	.intext_image{
		position: relative;
		/*margin-left: -16px;*/
		text-align: center;
	}

	.exerciseVideoIframe{
		height: 250px !important;
	}
}