@media only screen and (max-width: 1100px)   {	
	
	#home #calendarWrapper
	,#week #calendarWrapper{
		width:calc(100% - 230px);
	}
	
}

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

	#breadCrumbs .generalContainer
	, #contentContainer{
		width:100% !important;
	}
	
	#calendarNavWrap{
		margin-bottom: 20px;
	}

	.eventDetails dt{
		width:100%;
	}
	
	.eventDetails dd{
		margin-left:0;
		width:100%;
	}
	
	#content{
		width:calc(100% - 260px) !important;
		margin-right:30px;
	}
	
	#event #content{
		width:calc(100% - 283px) !important;
		margin-left:30px;
	}

}

@media only screen and (max-width:820px)   {
	#overlayMenu_container{
		width:90% !important;	
	}
	
	#overlayMenu_container ul{
		width:90%;
		margin:0 auto;
		font-size:15px;
		float:none;
	}
}

@media only screen and (max-width: 760px)   {
	#calendarFilterWrap{
		display:none
	}
	
	#calendarWrapper {
		width:100% !important;
	}

    #calendarMonthContainer{
        grid-template-columns: 1fr;
    }
	
	.calendar table{
		width:100%;
		margin:auto;
	}
	
	#content{
		width:100% !important;
		padding:30px;
		box-sizing:border-box;
		margin-right:0 !important;
	}
	
	#event #content{
		width:calc(100% - 283px) !important;
		padding-left:0 !important;
		margin-right:20px !important;
	}
	
	.eventDetails dd{
		width:calc(100% - 135px);
	}

    .eventDetails .buttonWrapper a{
        margin-bottom: 20px;
    }
	
}


@media only screen and (max-width: 600px){
	
	#content{
		padding-top:0;
	}
	
	#event #content 
	,#event  .eventDetails{
		width:100% !important;
		border-top:none;
		margin-right:0 !important;
		margin:0;
		padding-left:30px !important;
		padding-bottom:0;
	}
	
	#event #sidebar{
		margin-left:30px;	
	}
	
	.eventDetails dd{
		margin-left:0;
		width:100%;
	}
	
	#week #calendarWrapper .dayEvents{
		min-height:200px !important;
	}
		
	.calendarNavigation{
		/*font-size:14px;*/	
		text-align:center;
	}
	
	.calendarNavigation a{
		/*width:15px;	
		font-size:12px;	*/
	}
	
	#calendarNavWrap{
		padding-top:8px;
	}
		
	.pageLinks{
		float:none;
		text-align:center;	
	}
	
	.pageLinks a{
		font-size:12px;	
	}
	
	.pageLinks a:not(:last-child)::after{
		right:-10px;
	}
		
	.pageLinks a{
		margin-right:15px;
	}
	
	.pageLinks a:last-child{
		margin-right:0;
	}
	
	.calendar .day_labels th:nth-child(1) span
	,.calendar .day_labels th:nth-child(2) span
	,.calendar .day_labels th:nth-child(3) span
	,.calendar .day_labels th:nth-child(4) span
	,.calendar .day_labels th:nth-child(5) span
	,.calendar .day_labels th:nth-child(6) span
	,.calendar .day_labels th:nth-child(7) span{
		display:none;
	}
	
	.calendar .day_labels th:nth-child(1):after{content:"Sun";}
	.calendar .day_labels th:nth-child(2):after{content:"Mon";}
	.calendar .day_labels th:nth-child(3):after{content:"Tues";}
	.calendar .day_labels th:nth-child(4):after{content:"Wed";}
	.calendar .day_labels th:nth-child(5):after{content:"Thurs";}
	.calendar .day_labels th:nth-child(6):after{content:"Fri";}
	.calendar .day_labels th:nth-child(7):after{content:"Sat";}

	.find-in-training{
		padding: 80px 40px;
		box-sizing: border-box;
		line-height: 1.5;
	}
	
}

@media only screen and (min-device-width: 270px) and (max-device-width: 736px) and (orientation: landscape) { 

	#content{
		padding-top:0;
	}

	#week #calendarWrapper .dayEvents{
		min-height:120px !important;
	}
}

@media only screen and (max-width: 375px){
	
	#calendarWrapper td{
		text-align:center;	
	}
		
	#calendarWrapper .hideWeekends .dayEvents{
		min-height:auto;
	}
	
	#calendarWrapper .dayEvents .event{
		display:none;
	}
	
	#calendarWrapper .dayEvents span.hasEvents{
		opacity:1;
		z-index:100;
		background-color:#888;
		width:34px;
		height:34px;
		border-radius:50%;
		content:" ";
		display:block;
		cursor:pointer;
		z-index:99;
	}
	
	#calendarWrapper .dayEvents span.hasEvents:hover{
		background-color:#9E3A98;
	}
	
	#week #calendarWrapper .dayEvents{
		min-height:145px !important;	
	}
		
}

@media only screen and (max-width: 320px){
	
	#week .calendarNavigation{
		font-size:17px;	
	}
	
	#week #calendarWrapper .dayEvents{
		min-height:auto !important;	
	}
	
}