/* Large Screens (Desktops) */

@media only screen and (max-width : 1430px) {
	/*.section {
		max-width: 1200px;
	}*/
}

@media only screen and (max-width : 1278px) {
	#gallery .slides {
		padding-left: 40px;
		padding-right: 40px;
	}
	
	#gallery .slides .owl-prev {
		left: 9px;
	}
	
	#gallery .slides .owl-next {
		right: 9px;
	}

	#gallery .heading {
		text-align: center;		
	}
	
}

/* Medium Screens (Tablets - Landscape) */

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

	#slider .slides li .overlay {
		width: 970px;
		margin-left: -485px;
	}
	
	#slider .slides li .overlay .inner .innerMost {
		padding-bottom: 3em;
	}
	
	#about .section {
		margin-bottom: 20px;
	}
	
	#about .image {
		width: 48.186%;
	}
	
	#about .text {
		margin-left: 52.54237288135593%;
	}
	
	#testimonials .slider {
		width: 50%;
	}
	
	#testimonials .image {
		width: 50%;
	}
	
	#testimonials .slider .slides li .text {
		width: 484px;
		padding-right: 35px;
		padding-top: 80px;
		padding-bottom: 100px;
	}
	
	#testimonials .slider .slides .owl-prev, 
	#testimonials .slider .slides .owl-next {
		bottom: 100px;
	}
	
	#ourCentre .image {
		width: 466px;
	}
	
	#ourCentre .text {
		margin-left: 510px;
	}

	#footer .top .contactUs {
		width: 290px;
	}
	
	#footer .top .posts {
		margin-left: 30px;
	}

}

@media only screen and (max-width : 1020px) {
	#testimonials .slider .slides li .text {
		padding-left: 15px;
	}
}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding: 0 15px;
	}
	
	#header {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#header .callUs {
		font-size: 13px;
		top: 0;
	}
	
	#header .socials {
		top: 0;
	}
	
	#header .logo {
		font-size: 11px;
	}
	
	#navigation ul li {
		margin: 0 8px 0 12px;
	}
	
	#slider .slides li .overlay {
		width: 750px;
		margin-left: -375px;
		font-size: 14px;
	}
	
	#slider .slides li .overlay .inner .innerMost {
		padding-left: 15px;
	}
	
	#content .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#about .section {
		margin-bottom: 20px;
	}
	
	#about .image {
		display: block;
		float: none;
		width: 400px;
		margin: 0 auto 20px;
	}
	
	#about .text {
		margin-left: 0;
		text-align: center;
	}
	
	#curriculum .section {
		padding-top: 40px;
		padding-bottom: 10px;
	}
	
	#curriculum ul {
		margin-top: 37px;
	}
	
	#curriculum ul li {
		font-size: 18px;
	}
	
	.heading {
		text-align: center;
	}
	
	#testimonials .slider {
		width: 70%;
	}
	
	#testimonials .image {
		width: 30%;
	}
	
	#testimonials .slider .slides li .text {
		width: auto;
		padding-left: 10%;
		padding-right: 10%;
	}
	
	#testimonials .slider .slides li .text .heading {
		text-align: left;
	}
	
	#ourCentre {
		text-align: center;
	}

	#ourCentre .section {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	
	#ourCentre .image {
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
	
	#ourCentre .text {
		margin-left: 0;
	}

	#footer .top .posts {
		float: right;
		margin-left: 0;
		margin-top: 30px;
	}

	#footer .top .contactUs {
		width: 344px;
	}
	
	#footer .top .info {
		float: none;
		clear: both;
		width: auto;
		text-align: center;
		padding-top: 20px;
	}
}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	#header {
		border-bottom: 4px solid #0068ac;
		text-align: center;
		padding-top: 6px;
		padding-bottom: 0;
	}
	
	#menuBtn {
		display: block;
	}
	
	#header .logo {
		font-size: 8px;
		width: 220px;
		margin-bottom: 5px;
	}
	
	#header .logo .image {
		float: none;		
		display: block;
		margin: 0 auto;
		width: 162px;
		margin-bottom: 9px;
	}
	
	#header .logo .title {
		float: none;
		display: block;
		margin: 0 auto 3px;
		width: 210px;
	}
	
	#header .logo .subtitle {
		float: none;
		display: block;
		margin: 0 auto;
		width: 162px;
	}
	
	#header .callUs {
		position: static;
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		padding-left: 0;
		background: none;
		margin-bottom: 5px;
	}
	
	#header .socials {
		position: static;
	}
	
	#header .socials li {
		margin: 0 5px;
	}
	
	#header .socials li a img {
		top: -26px;
	}
	
	#topNavi {
		display: none;
	}
	
	#slider .slides li .overlay {
		width: auto;
		left: 7%;
		right: 15px;
		margin-left: 0;
		font-size: 5px;
	}
	
	#slider .slides li .overlay .inner .innerMost {
		padding-left: 0;
	}
	
	#slider .slides li .overlay .subtitle {
		margin-bottom: 10px;
	}
	
	#slider .slides li .overlay .enrolNow, #slider .slides li .overlay .tourNow {
		font-size: 6px;
		margin-top: 0;
	}
	
	#slider .slides .owl-dots {
		bottom: 5px;
	}
	
	#slider .slides .owl-dots .owl-dot {
		width: 10px;
		height: 10px;
		margin: 0 3px;
	}
		
	#content .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#about .section {
		margin-bottom: 20px;
	}
	
	#about .image {
		width: auto;
		max-width: 250px;
	}
	
	#curriculum .section {
		padding-top: 30px;
	}
	
	#curriculum ul li {
		display: block;
		width: 100%;
		margin: 0 0 30px;
		text-align: center;
	}
	
	.heading {
		font-size: 50px;
	}

	#curriculum ul {
		margin-top: 30px;
	}
	
	#testimonials {
		display: block;
	}
	
	#testimonials .slider {
		display: block;
		width: 100%;
		text-align: center;
	}
	
	#testimonials .slider .slides li .text {
		width: auto;
		padding: 30px 15px 80px;
	}
	
	#testimonials .slider .slides li .text blockquote:after {
		text-align: center;
		left: 0;
		right: 0;
	}
	
	#testimonials .slider .slides li .text .heading {
		text-align: center;
	}
	
	#testimonials .slider .slides .owl-nav {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 30px;
		pointer-events: none;
	}
	
	#testimonials .slider .slides .owl-nav .owl-prev,
	#testimonials .slider .slides .owl-nav .owl-next {
		position: static;
		display: inline-block;
		margin: 0 10px;
		pointer-events: auto;
	}
	
	#testimonials {
		position: relative;
		padding-top: 225px;
	}
	
	#testimonials .image {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		display: block;
		width: 100%;
		height: 225px;
		background-position: center 20%;
	}
	
	#ourCentre .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#gallery .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	#gallery .slides {
		padding-left: 25px;
		padding-right: 25px;
	}
	
	#gallery .slides .owl-prev {
		left: -5px;
	}
	
	#gallery .slides .owl-next {
		right: -5px;
	}
	
	#footer .top .contactUs {
		float: none;
		width: auto;
		text-align: center;
	}
	
	#footer .top .contactUs .fields {
		max-width: 350px;
		margin: 0 auto;
	}
	
	#footer .top .posts {
		float: none;
		margin: 30px auto 10px;
		max-width: 338px;
		width: auto;
	}
}

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

}

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

}
