@media (max-width: 960px){

	.header-wrapper {
	    background-position: 50% 50%;
	    padding-bottom: 290px;
	}


	
	.school-address p {
	    display: inline-block;
	}
	
	.header-inner {
	    padding: 0;
	    text-align: right;
	}
	
	.form-box {
	    position: static;
	    padding: 0 10px 5px;
	    max-width: 100%;
	    width: auto;
	}
	
	.school-details {
	    width: 100%;
	    padding: 5px 0;
	    text-align: center;
	}
	
	.theme-school-logo {
	    width: 100%;
	    max-width: 100%;
	}
	
	.nav_mobile {
	    margin: 15px 0;
	}
	
	.slicknav_menu a {
		color: #fff;
	}
	
	.slicknav_menu a:hover {
		color: #fff;
		background: #196c75;
	}

	.theme-social {
		text-align: right;
    	position: relative; 
	}

	.page-main-page .content-wrapper {
    	margin-top: -180px;
	}


}


@media (max-width: 600px){

	.theme-site-name {
	    font-size: 42px;
	}
	
	.form-box {
	    max-width: 100%;
	    width: 100%;
	    text-align: center;
	}


}


@media (max-width: 450px){

	.theme-site-name {
	    font-size: 36px;
	}
	
	.theme-site-name span {
	    font-size: 21px;
	}

}