@media (min-width: 1440px) {
	.page-home .sj-outer-row-3 .sj_element_events h3 {
		margin-left: 6%;
	}
}

@media (max-width: 1460px) {
	body.sj h1.theme-site-name {
		font-size: 40px;
	}
	.school-details {
		padding-left: 15px;
	}
	.right-box {
		padding-right: 15px;
	}
}
@media (max-width: 960px) {
	.footer-wrapper:after,
	.footer-wrapper:before,
	.header-wrapper:before,
	.header-wrapper:after {
		display: none;
	}

	.page-main-page .sj-outer-row-3 .sj_element_events h3 {
		left: 0;
	}

	.page-main-page .sj-outer-row-3 .sj_element_image {
    	padding-top: 0;
	}

	.school-details,
	.box-container {
		display: block;
		width: 100%;
		text-align: center;
	}

	.box-container {
		padding-top: 0;
	}

	body.sj h1.theme-site-name {
		text-align: center;
		width: 100%;
		font-size: 38px;
	}

	.page-home .sj-outer-row-3 .sj_element_events h3:after, .content .column-1col .element-text h3:after, .column-1col .element-news h3:after, .column-1col .element-events h3:after,
	.page-home .sj-outer-row-3 .sj_element_events h3:before, .content .column-1col .element-text h3:before, .column-1col .element-news h3:before, .column-1col .element-events h3:before {
		display: none;
	}

	.header-wrapper {
		position: relative;
	}

	.footer-inner .school-address,
	.footer-inner .theme-social {
		display: block;
		width: 100%;
		text-align: center;
		padding: 10px;
	}
	.content .element-text h3, .custom_title, .column h3, .element-blog h2, .element-news h3, .element-events h3, .sj_element_form h3, .element-newsletters h3, .page-Generated-news .content h2, .page-Generated-search .content h2 {
		font-size: 30px;
	}

	.right-box{
		width: 100%;
		padding: 0;
		text-align: center;
	}

	.theme-social{
		width: auto;
	}

	.school-details{
		padding-left: 15px;
	}

	.school-name{
		margin: 0;
	}

	.nav_mobile{
		margin: 0;
	}

	.page-main-page .sj-outer-row-1 .element-image{
		width: 49%;
	}

	.page-main-page .sj-content-row-3{
		padding: 20px;
	}

	.page-main-page .sj-content-row-3:before,
	.page-main-page .sj-content-row-3:after{
		display: none;
	}

	.page-main-page .sj-outer-row-4{
		padding: 30px 0;
	}
	.footer-inner:before, .footer-inner:after {
		width: 35px;
		height: 35px;
	}
}

@media(max-width: 500px){
	.page-main-page .sj-outer-row-1 .element-image{
		width: 99%;
	}
}