@media(max-width: 1600px){
	.scroll-bar .scroll-bar-right .scroll-text strong {
		font-size: 26px;
	}
	.page-main-page .footer-details {
		text-align: right;
		padding-right: 5%;
		padding-left: 12%;
	}
	body:not(.page-main-page) .footer-details {
		padding-left: 7.5%;
	}
	.footer-details h1:before {
		width: 85px;
		height: 85px;
	}
	.nav > ul > li{
		flex: 0 0 calc(100%/6);
		max-width: calc(100%/6);
	}
	.popup-box {
		width: 50%;
	}
}
@media(max-width: 1400px){
	.footer-details h1 {
		font-size: 24px;
	}
	.footer-details p {
		font-size: 15px;
	}
	.footer-details h1:before {
		width: 75px;
		height: 75px;
	}
	.header-inner-content .right-box {
		flex: 0 0 35%;
	}
	.header-inner-content .school-details-wrapper {
		flex: 0 0 65%;
	}
}
@media(max-width: 1220px){
	.popup-box {
		width: 70%;
	}
	body:not(.page-main-page) .footer-details {
		text-align: right;
		padding-right: 30px;
	}
	.header-inner-content {
		padding: 15px 40px;
	}
	.nav > ul > li > a,.nav > ul > li > a span {
		font-size: 14px;
	}
	.school-details .theme-school-logo img {
		max-width: 120px;
	}
	.info-btn > i,.info-btn > a,.theme-social .fa-stack {
		width: 35px;
		height: 35px;
	}
	.scroll-bar .scroll-bar-right .scroll-text strong {
		font-size: 24px;
	}
	.slide-wrapper .scroll-bar .scroll-bar-left,.slide-wrapper .scroll-bar .scroll-bar-right {
		flex: 0 0 50%;
	}
	.page-main-page .sj-content-row-1 .element-image .sj_element_image_caption {
		padding: 15px 0;
		font-size: 20px;
	}
	.page-main-page .sj-content-row-2 .element-text h1 {
		font-size: 36px;
	}
	.nav > ul > li {
		width: 16.6666667%;
	}
	.page-main-page .sj_element_events dl.sj_events .sj-event-image .day,.page-main-page .sj_element_newsletters ul li small .day {
		font-size: 30px;
	}
	.page-main-page .sj_element_events dl.sj_events .sj-event-image,.page-main-page .sj_element_newsletters ul li small {
		width: 75px;
		height: 75px;
	}
	.page-main-page .sj_element_newsletters ul li,.page-main-page .sj_element_events dl.sj_events {
		padding: 10px 10px 10px 100px;
	}
	.footer-details h1 {
		font-size: 22px;
	}
	.footer-details p {
		font-size: 13px;
	}
	.footer-details h1:before {
		width: 50px;
		height: 50px;
	}
}
@media(max-width: 1150px){
	.ss-imgs {
		background-attachment: inherit !important;
	}
	.theme-site-name {
		font-size: 28px;
	}
	#count-list li {
		width: 100%;
		font-size: 5rem;
		margin: 10px 0;
	}
	#count-list li#children::after, #count-list li#teachers::after, #count-list li#schools::after {
		font-size: 18px;
	}
}
@media(max-width: 960px){
	.popup-box {
		width: 85%;
	}
	.info-btn,.theme-social a{
		margin-bottom: 10px;
	}
	body ,html {
		overflow-x: hidden !important;
	}
	.column {
		opacity: 1 !important;
		transform: none;
	}
	.page-main-page .sj-outer-row-3{
		background: #2b6e68;
		background-attachment: none;
	}
	.footer-quicklinks .quick-link a {
		padding: 10px;
		font-size: 16px;
	}
	body:not(.page-main-page) .footer-details {
		text-align: center;
		padding: 20px 0 15px 0;
	}
	.footer-quicklinks {
		padding: 15px 0 20px 0;
	}
	.footer-quicklinks .quick-links-wrapper {
		margin: 0 auto;
		max-width: 50%;
	}
	.page-main-page #theme-slideshow {
		max-height: 400px;
	}
	.slide-wrapper .scroll-bar {
		flex-wrap: wrap;
	}
	.slide-wrapper .scroll-bar .scroll-bar-left {
		padding-top: 2.5px;
	}
	.header-inner-content .right-box .right-box-logo img {
		max-width: 75%;
	}
	.slide-wrapper .scroll-bar .scroll-bar-left {
		flex: 0 0 80%;
	}
	.slide-wrapper .scroll-bar .scroll-bar-right {
		flex: 0 0 20%;
	}
	.scroll-bar .scroll-bar-right #scroll-btn {
		flex: 0 0 100%;
	}
	.scroll-bar .scroll-bar-right #scroll-btn img {
		max-width: 30px;
	}
	.scroll-bar .scroll-bar-left .theme-strap-line {
		font-size: 15px;
	}
	.page-main-page .content-inner {
		padding-top: 20px;
	}
	.header-inner-content {
		flex-wrap: wrap;
	}
	.header-inner-content .school-details {
		flex: 0 0 100%;
		display: block;
	}
	.page-main-page .footer-details {
		text-align: center !important;
		padding: 20px 30px;
	}
	.footer-details,.footer-map,.footer-quicklinks {
		width: 100%;
		text-align: center;
	}
	.footer-details .footer-details-inner {
		text-align: center;
		max-width: 100%;
	}
	.footer-details h1:before {
		display: none;
	}
	.footer-details h1 {
		margin-bottom: 25px;
		margin-top: 0 !important;
	}
	.header-top p{
		display: block;
		margin-bottom: 5px;
	}
	.scrollx {
		overflow-x: auto;
	}
	.element-text table {
		width: auto;
	}
	.footer-images img{
		margin: 0 10px;
	}
	.footer-images{
		padding: 0 60px;
	}
	.has-side-menu .content{
		padding-top: 0;
		margin: 0;
		padding-left: 0;
		max-width: 100%;
		flex: 0 0 100%;
	}
	.header-top{
		text-align: center;
	}
	.site-name-strap{
		margin: 0;
		text-align: center;
		width: 100%;
	}
	.header-inner {
		padding: 0;
		display: block;
		height: auto;
		position: relative;
	}
	.header-inner-content .right-box .right-box-icons {
		margin: 0;
	}
	.header-inner-content .right-box {
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		display: table;
		text-align: center;
		margin: 15px auto 5px auto;
		flex: 0 0 100%;
	}
	.translate-button img {
		padding: 4px;
	}
	.head-btn {
		width: 40px;
		height: 40px;
	}
	.theme-google-translate{
		padding: 10px;
	}
	.search form{
		padding: 10px;
	}
	.theme-strap-line{
		font-size: 20px;
	}
	.theme-school-logo img{
		width: 100px;
	}
	.nav_mobile{
		margin: 0;
	}
	.page-main-page .sj-outer-row-1 .sj-content-row-1,.page-main-page .sj-outer-row-2 .sj-content-row-2 {
		max-width: 100%;
	}
	.page-main-page .sj-outer-row-1 .column{
		text-align:center;
	}
	.page-main-page .sj-content-row-1 .column-3col-1 .element-image:first-child, .page-main-page .sj-content-row-1 .column-3col-3 .element-image:first-child {
		margin-bottom: 0;
	}
	.page-main-page .sj-content-row-1 .column-3col-2 .element-image, .page-main-page .sj-content-row-1 .column-3col-1 .element-image, .page-main-page .sj-content-row-1 .column-3col-3 .element-image {
		width: calc(50% - 20px);
		vertical-align: top;
		margin: 5px 10px;
	}
	.page-main-page .sj-content-row-1 .column-3col-2 .element-image:first-child {
		margin: 5px 10px;
	}
	.page-main-page .sj-content-row-1 .element-image .sj_element_image_caption {
		padding: 15px 10px;
		font-size: 16px;
	}
	.page-main-page .sj-outer-row-1 .column {
		padding: 0;
	}
	.page-main-page .sj-outer-row-2 .sj-content-row-2 {
		display: block;
	}
	.page-main-page .sj-content-row-2 .element-text h1 {
		font-size: 26px;
	}
	.page-main-page .sj-outer-row-2 {
		padding: 25px 0;
	}
	.page-main-page .sj-content-row-3{
		padding: 30px;
	}
	.page-main-page .sj-content-row-3 .column-2col-1{
		border: none;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	.element-news h2,.element-events h2{
		width: 100%;
		text-align: center;
		line-height: 1;
	}
	.sj_element_news ul li, .sj_element_events dl.sj_events dd, .sj_element_newsletters p {
		font-size: 11px;
	}
	.page-main-page .element-text p {
		font-size: 15px;
	}
	.footer-map .element .leaflet-touch {
		height: 250px !important;
	}
	.page-loader h1 {
		font-size: 28px !important;
		padding: 0px 20px;
	}
	.info-bar {
		padding: 10px calc(4% + 40px) 10px 0;
	}
}
@media(max-width: 600px){
	.footer-quicklinks .quick-links-wrapper {
		margin: 0 auto;
		max-width: 70%;
	}
	.page-loader span{
		padding: 15px;
	}
	.popup-box {
		width: 90%;
	}
}
@media(max-width: 400px){
	.sj_element_events dl.sj_events .sj-event-image .day{
		font-size: 25px;
	}
	.sj_element_events dl.sj_events .sj-event-image .month{
		top: 50%;
		font-size: 18px;
	}
}