.smallScreen,#topBarContent .smallScreen,.dateTitle .smallScreen {
	display: none;
}
.mediumScreen {
	display: none;
}
.bigScreen {
	display: block;
}
@media only screen and (max-width: 320px){
}
@media only screen and (min-width: 321px) and (max-width: 480px) {

}
@media only screen and (max-width: 599px) {
	.smallScreen,#topBarContent .smallScreen,.dateTitle .smallScreen { display: block; }
	.bigScreen,#topBarContent .bigScreen,.dateTitle .bigScreen { display: none; }
	.smallColumn,.mediumColumn,.halfColumn,.bigColumn { width: 100%; }
	.eventBox {width: 100%}
	.smallColumnSpacer {margin-left: 0; }
	.stripeDay { width: 10%; }
	.stripeDay.right { float: left; }
	.stripeContent { width: 90%; }
	#newsBox { min-height: 100px; font-size: 30px; line-height: 30px; }
	#topBarContent,.dateTitle { text-align: right; font-size: 30px; line-height: 50px; padding: 0 10px; }
	.mainTitleCaption,.movieCategoryTitle { font-size: 30px; line-height: 30px; }
	.coverImage,.movieText, .movieImage,.movieDetails {
		width: 100%;
	}

	#mapOverlay { width: 100%; }
}
@media only screen and (min-width: 481px) and (max-width: 640px) {
	.smallColumn { width: 100%; }
	.mediumColumn { width: 100%; }
	.bigColumn { width: 100%; }
	.eventBox {width: 100%}
	.smallColumnSpacer {margin-left: 0; }
	.stripeDay { width: 10%; }
	.stripeDay.right { float: left; }
	.stripeContent { width: 90%; }
	#topBarContent,.dateTitle { font-size: 30px; line-height: 50px; }
	.dateTitle {padding: 30px 30px 0;line-height: 0}
	.mainTitleCaption { font-size: 30px; line-height: 30px; }
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	.smallScreen { display: block; }
	.bigScreen,#topBarContent .bigScreen,.dateTitle .bigScreen { display: none; }
	#mapOverlay {
		width: 100%;
	}
	.smallColumn { width: 100%; }
	.mediumColumn { width: 100%; margin-top: 40px; }
	.bigColumn { width: 100%; }
	
	.eventBox { width: 50%}
	.smallColumnSpacer { margin-left: 0;}
	.stripeDay { width: 10%; }
	.stripeContent { width: 80%; }
	.dateTitle {padding: 30px 30px 0;line-height: 0}
	#topBarContent,.dateTitle { text-align: right; font-size: 30px; line-height: 50px; }
	.mainTitleCaption { font-size: 30px; line-height: 30px; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mainColumn { width: 100%;}
	.eventBox { width: 50% }
	.stripeDay { width: 10%; }
	.stripeContent { width: 80%; }
	#topBarContent,.dateTitle { font-size: 30px; line-height: 50px; }
	.dateTitle {padding: 30px 30px 0;line-height: 0}
	.mainTitleCaption { font-size: 30px; line-height: 30px; }
}
@media only screen and (min-width: 1025px) and (max-width: 1660px) {
	#topBarContent,.dateTitle { font-size: 45px; line-height: 50px; }
	.dateTitle {padding: 30px 30px 0;line-height: 0}
	.mainTitleCaption { font-size: 45px; line-height: 30px; }
}
@media only screen and (min-width: 1660px) {
	.mainColumn {
		max-width: auto;
		width: 1660px;
	}	
	#mainMenuGrp {
		width: 250px;
	}
}