@media only screen and (min-width: 990px) and (max-width: 1366px)  {
	.wrapper { width: 85%; }
}

@media only screen and (min-width: 760px) and (max-width: 990px) {
	.wrapper { width: 94%; margin-right: 3%;}
	.header , .footer, .realShowDesc .buttons, .contentPanel{ padding-right: 0; }
}


@media only screen and (min-width: 0px) and (max-width: 760px) {
	.wrapper { width: 94%; margin-right: 3%;}
	.header , .footer, .realShowDesc .buttons, .contentPanel{ padding-right: 0; }
	
	.realPanel .column {
	float: none;
	width: 100%;
	margin-left: 0;
	}
	
	.contentPanel .panL, .contentPanel .panR , .contactFormItem , .pan13{
	width: 100%;
	margin-bottom: 3%;
	float: none;
	}
	
	.header .logo {
		float: none;
		text-align: center;
	}
	.header .mainMenu {
	clear: both;
	float: none;
	text-align: center;
	padding-top: 30px;
	}
	.mainMenu ul {
	text-align: center;
	}
	
	
	.realShow {
		display: block;
	}
	.realShow .logoThumb {
		display: block;
		padding: 10% 0;
		width: 100%;
	}
	.realShow .imgThumb {
		display: block;
		width: 100%;
	}
	.realShow .logoThumb img {
	//width: auto;
	}
	
	.realShowDesc .buttons {
		float: none;
		padding-left: 0;
		text-align: center;
	}
}