@media (max-width: 1300px) {
	.theme-slideshow-caption {
		padding: 0px 5%;
	}
	.nav > ul > li > a, .nav > ul > li {
		width: 150px;
		height: 150px;
		font-size: 14px;
	}
	.top-bar .top-buttons {
		display: block;
		width: auto;
		position: relative;
		right: 0;
		height: 100%;
		width: 100%;
		text-align: center;
		background: #d3d5fb;
	}
	.top-bar {
		text-align: center;
	}
}
@media (max-width: 1200px) {
	.nav > ul > li > a, .nav > ul > li {
		width: 115px;
		height: 115px;
		font-size: 12px;
		background-size: 80% !important;
		line-height: normal;
		background-position-y: 8px !important;
	}
	.sj_element_events dl.sj_events dt small .day, .sj_element_events dl.sj_events dt small .month {
		font-size: 22px !important;
	}
	.header-inner {
		background-size: 85%;
	}
}
@media (max-width: 960px) {
	.page-main-page .copyright {
		font-size: 11px;
	}
	.sidenav {
		display: none;
	}
	.theme-slideshow-caption {
	    font-size: 24px;
	}
	.nav {
		display: none;
	}
	.content h1 {
		font-size: 38px;
	}
	.content h2 {
		font-size: 36px;
	}
	.content h3 {
		font-size: 32px;
	}
	.content h4 {
		font-size: 26px;
	}
	.content h5 {
		font-size: 22px;
	}
	.content h6 {
		font-size: 26px;
	}
	.top-bar .school-address {
		padding: 5px;
	}
	.page-main-page .nav {
		display: none;
	}
	.header-inner {
		background: none;
	}
	.theme-strap-line {
		font-size: 18px;
	}
	#theme-slideshow-captions {
		font-size: 26px;
	}
	.slideshow-wrapper{
		min-height: 0;
	}
	.theme-strap-line{
		padding-bottom: 6px;
	}
	.nav_mobile{
		margin: 0;
	}
	.school-address p{
		display: inline-block;
	}
	.theme-school-logo,.school-details,.box-container,.school-name{
		width: 100%;
		max-width: none;
		text-align: center;
		padding: 7px;
		margin: 0;
	}
	.nav > ul > li > a .nav-title{
		font-size: 24px;
		width: 100%;
		text-align: center;
	}
	.nav > ul > li > a{
		width: 250px !important;
		height: 250px !important;
		font-size: 8px;
	}
	.nav > ul > li{
		height: 250px !important;
		width: 250px !important;
	}
	.page-main-page .nav{
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding:20px 0;
		top: -24px;
	}
	.sidenav {
		margin-top: 15px;
		width: 100%;
	}
	.sj_element_events dl.sj_events dt small .day, .sj_element_events dl.sj_events dt small .month {
		font-size: 18px;
	}
	.sj_element_events dl.sj_events dt small .month {
		font-size: 20px !important;
	}
	.sj_element_events dl.sj_events dt small:after {
		display: none;
	}
	.sj_element_events dl.sj_events dt small {
		padding-right: 0px;
	}
	.school-address.with-dividers p {
		font-size: 10px;
	}
	button.slick-arrow:after {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
}
@media (max-width: 600px){
	.theme-slideshow-caption {
	    font-size: 16px;
	}
	.events-footer {
		display: none;
	} 
	.content h1 {
		font-size: 34px;
	}
	.content h2 {
		font-size: 30px; 
	}
	.content h3 {
		font-size: 26px;
	}
	.content h4 {
		font-size: 22px;
	}
	.content h5 {
		font-size: 20px;
	}
	.content h6 {
		font-size: 18px;
	}
	.school-address.with-dividers p {
		font-size: 12px;
	}
	.school-address.with-dividers {
		text-align: center;
	}
	.nav > ul > li > a .nav-title{
		font-size: 9px;
		width: 63px;
		top: 40px;
		left: -6px;
		line-height: 15px;
	}
	.nav > ul > li > a{
		width: 50px !important;
		height: 50px !important;
		font-size: 8px;
	}
	.nav > ul > li{
		height: 50px !important;
		width: 50px !important;
	}
	.page-main-page .nav{
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding:20px 0;
		top: -24px;
	}
}