@media only screen and (max-width: 1441.98px) {
	*{}

footer .footerTop .schoolsSec .schoolItem {
	word-break: break-word;
}


	/*=================================================== HOME ===================================================*/

	/**************** Events ****************/
	#home .eventSection .upcomingEvents{
		padding-right: 1em;
		padding-left: 2em;
	}
	#home .eventSection .upcomingEvents .eventItem .dateWrapper{
		flex: 0 0 14%;
		max-width: 14%;
	}
	#home .eventSection .upcomingEvents .eventItem .eventDescription{
		padding-left: 1.5em;
	}

	#contactUs .contentSection .contactWrapper{
		padding: 0;
	}
}



@media only screen and (max-width: 1199.98px) {
	*{}


	/*=================================================== HOME ===================================================*/


	/**************** Main Banner ****************/
	.mainBannerSection .bannerContent{
		max-width: 60%;
	}


/*=================================================== HOME ===================================================*/


#events .upcomingEvents .eventsWrapper .eventItem{
	display: block;
}
#events .upcomingEvents .dateBox{
	display: block;
	margin-bottom: 1em;
}
#events .upcomingEvents a{
	display: flex;
	align-items: center;
	white-space: normal;
}

}

@media (min-width:768.98px) and (max-width: 1024.98px) {
	#events .upcomingEvents a{white-space: nowrap;font-size: 0.9em;}
}