/* Large Screens (Desktop) */

@media only screen and (max-width : 1450px) {
	#moreSchools ul li .overlay {
		font-size: 32px;
	}
}

@media only screen and (max-width : 1300px) {
	#gallery .images .owl-prev {
		left: 1.8%;	
	}

	#gallery .images .owl-next {
		right: 1.8%;	
	}
}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section {
		max-width: 970px;
	}

	#header #navigation ul li {
		margin-left: 24px;
	}
	
	#navBar .section {
		padding-top: 22px;
		padding-bottom: 22px;
	}
	
	#navBar #subNav ul li {
		margin-left: 21px;
	}
	
	#slider .overlay .title {
		font-size: 40px;
	}
	
	#slider .overlay .bird {
		left: -43px;
		bottom: -89px;
		width: 208px;
	}
	
	#banner .overlay .title {
		font-size: 36px;
	}
	
	#content .section {
		padding-top: 45px;
		padding-bottom: 45px;
	}
	
	#schools .section {
		padding-top: 0;
		padding-bottom: 60px;
	}
	
	#schools .listing li .image .overlay em {
		font-size: 52px;		
	}
	
	#schools .listing li.fullWidth a .image { 
		width: 470px;
	}
	
	#gallery .section {
		padding-top: 44px;
		padding-bottom: 50px;
	}
		
	#moreSchools ul li .overlay {
		font-size: 25px;
	}
	
	#footer #links ul li {
		margin-right: 19px;
	}
}

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

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.heading,
	h1.PageHeader {
		font-size: 30px;
		margin-bottom: 42px;
	}
	
	#header .logo {
		width: 250px;
		margin-top: 9px;
	}
	
	#header #navigation {
		top: 97px;
		right: 15px;
	}
	
	#header #navigation ul li {
		font-size: 15px;
		margin-left: 14px;
	}
	
	#header #navigation ul li:after {
		top: -97px;
	}
	
	#navBar .section {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#navBar #subNav ul li {
		font-size: 15px;
		margin-left: 16px;
	}
	
	#slider .overlay .bird {
		left: -14px;
		bottom: -61px;
		width: 169px;
	}
	
	#slider .overlay .title {
		left: 166px;
	}
	
	#banner .overlay .title {
		font-size: 28px;
	}
	
	#content .section {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	
	#introText .section {
		font-size: 14px;
		padding: 39px 15px 50px 106px;
	}
		
	#schools .heading {
		font-size: 44px;
	}
	
	#schools .listing li .image {
		height: 220px;
	}
	
	#schools .listing li .image .overlay em {
		font-size: 38px;
	}
	
	#schools .listing li .text {
		padding: 30px 30px 70px;
	}
	
	#schools .listing li.fullWidth a .image {
		width: 345px;
	}
	
	#intro .left .title {
		font-size: 27px;
	}
	
	#gallery .section {
		padding-top: 35px;
		padding-bottom: 40px;
	}
	
	#gallery .title {
		font-size: 30px;
		margin-bottom: 30px;
	}
	
	#gallery .title span:before, 
	#gallery .title span:after {
		height: 4px;
		margin-top: -2px;
	}

	#footer #links ul li {
		font-size: 16px;
		margin-right: 13px;
	}
	#slider .overlay .bird {
		display: none;
	}
}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	#menuBtn {
		display: block;
	}
	
	#mainWrapper {
		padding-top: 115px;
	}
	
	#header #navigation {
		display: none;
	}
	
	#header .section {
		height: 115px;
		padding-top: 17px;
	}
	
	#header .logo {
		float: none;
		display: block;
		margin: 0 auto;
		width: 240px;
	}
	
	#navBar {
		display: none;
	}
	
	#introText .section {
		padding-left: 15px;
		text-align: center;
	}
	
	#slider .overlay .bird {
		width: 22%;
		left: -3%;
		bottom: -10%;
	}
	
	#slider .overlay .title {
		width: 100%;
		left: 0;
		right: 0;
		bottom: 6vw;
		text-align: center;
		font-size: 5vw;
	}
	
	#banner {
		border-bottom: 33px solid #006600;
	}
	
	#banner .overlay .title {
		font-size: 19px;
		padding: 5px;
		text-align: center;
	}
	
	#introText .section {
		padding-top: 18px;
		padding-bottom: 20px;
	}
	
	#content .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#schools .section {
		padding-top: 0;		
		padding-bottom: 35px;
	}

	.heading,
	h1.PageHeader {
		font-size: 30px;
		margin-bottom: 25px;
	}
	
	#schools .heading {
		font-size: 35px;
	}
	
	#schools .listing li {
		display: block;
		margin-right: 0;
		width: auto;
		margin-bottom: 38px;
	}
	
	#schools .listing li .image {
		height: 194px;
	}
	
	#schools .listing li .image .overlay em {
		font-size: 33px;
	}
	
	#schools .listing li .text {
		padding-top: 30px;
	}

	#schools .listing li.fullWidth a {
		display: block;
	}
	
	#schools .listing li.fullWidth a .image {
		display: block;
		width: auto;
		height: 194px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	#schools .listing li.fullWidth a .text {
		display: block;
		-webkit-border-bottom-left-radius: 100px;
		-moz-border-radius-bottomleft: 100px;
		border-bottom-left-radius: 100px;		
	}
	
	#intro .left {
		float: none;
		width: auto;
		margin-bottom: 30px;
	}
	
	#intro .right {
		float: none;
		width: auto;
	}
	
	#intro .right .facebook {
		text-align: center;
	}
	
	#intro .right .fbButton {
		float: none;
		display: block;
		margin: 0 auto 30px;
	}
	
	#gallery {
		margin-bottom: 19px;
	}
	
	#gallery .section {
		padding-top: 25px;
		padding-bottom: 30px;
	}
	
	#moreSchools ul {
		padding-left: 11px;
		padding-bottom: 11px;
	}
	
	#moreSchools ul li {
		width: 50%;
		margin-bottom: 8px;
	}
	
	#footer {
		text-align: center;
	}
	
	#footer #links ul li {
		margin: 0 0 15px;
		display: block;
	}
	
	#footer .copyright span {
		display: block;
	}
	
	#footer .copyright em {
		display: none;
	}
	

}

@media only screen and (max-width : 500px) {

}

@media only screen and (max-width : 478px) { 
	#gallery .images .owl-prev {
		left: 3%;	
	}

	#gallery .images .owl-next {
		right: 3%;	
	}
	#slider .overlay .bird {
		display: none;
	}
}