/* Large Screens (Desktop) */

@media only screen and (max-width : 1440px) {
	
	#header #navigation ul li {
		margin-left: 46px;
	}
}

/* Medium Screens (Tablets - Landscape) */

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

	#header {
		padding-left: 20px;
		padding-right: 20px;
	}
		
	#header #navigation ul li {
		margin-left: 32px;
	}
		
	#intro .image {
		width: 574px;
	}
	
	#about .text {
		margin-right: 0;
		width: 53%;
	}
	
	
}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#mainWrapper {
		padding-top: 45px;
	}
	
	#header {
		height: 45px;
	}
		
	#header #navigation {
		font-size: 14px;
		margin-top: 12px;
	}

	#header #navigation ul li {
		margin-left: 20px;
	}
	
	#header #navigation ul li ul {
		padding-top: 11px;
	}
	
	#banner .section {
		height: 230px;
	}
	
	#banner .logo {
		width: 247px;
	}
	
	#intro .section {
		height: 600px;
	}
	
	#intro .logo {
		margin-left: 0;
		width: 260px;
	}
	
	#intro .slides {
		margin-top: 27px;
		max-width: 310px;
	}
	
	#intro .image {
		width: 474px;
	}
	
	#about .image {
		width: 30%;
		margin-top: -40px;
	}

	#about .text {
		width: 67%;
	}

	#about .links {
		padding-top: 30px;
		margin-left: -8px;
		margin-right: -8px;
	}
	
	#about .links li {
		padding-left: 8px;
		padding-right: 8px;
		font-size: 19px;
	}
	
	#footer:after {
		height: 190px;
	}
	
	#footer:before {
		top: 188px;
	}
		
	#footer .enrolNow {
		font-size: 39px;
	}

	
}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	
	#mainWrapper {
		padding-top: 0;
	}
	
	#menuBtn {
		display: block;
	}
	
	#header {
		position: static;
		height: 5px;
	}

	#header #navigation {
		display: none;
	}
	
	#intro .section {
		height: auto;
		padding-left: 0;
		padding-right: 0;
	}
	
	#intro .logo {
		position: static;
		display: block;
		margin: 0 auto;
		width: 200px;
		margin-bottom: 25px;
	}
	
	#intro .image {
		position: relative;
		left: 0;
		top: 0;
		width: 100% !important;
		padding-bottom: 66.66666666666667%;
		border-top: 3px solid #0099cc;
		border-bottom: 2px solid #0099cc;
	}
	
	#intro .image .inner:after {
		display: none;
	}
	
	#intro .slides {
		max-width: 100%;
		text-align: center;
		margin-bottom: 44px;
	}
	
	#intro .slides li {
		padding-left: 15px;
		padding-right: 15px;		
	}
	
	#intro .slides .owl-nav {
		margin-top: 20px;
	}

	#about .text {
		float: none;
		width: auto;
		margin-top: 30px;
		text-align: center;
	}
	
	#about .image {
		float: none;
		position: static;
		display: block;
		width: 200px;
		margin: -20px auto 0;
	}
	
	.heading {
		margin-bottom: 25px;
	}
	
	#about .links {
		display: block;
		padding-top: 10px;
	}
	
	#about .links li {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	
	#about .links li a {
		display: block;
		padding: 20px 10px;
	}
	
	#banner {
		margin-top: 224px;
		border-top: 3px solid #0099cc;
		border-bottom: 2px solid #0099cc;
	}
	
	#banner .section {
		height: auto;
		padding-bottom: 50%;
	}
	
	#banner .logo {
		position: absolute;
		left: 50%;
		margin-left: -100px;
		top: -201px;
		width: 200px;
	}
	
	#banner:after {
		display: none;
	}
	
	#content .section {
		padding-top: 40px;
	}
	
	.circleImage {
		display: block;
		margin: 0 auto;
	}
	
	#footer:after {
		height: 60px;
	}
	
	#footer:before {
		top: 58px;
	}

	#footer .text {
		padding-top: 116px;
	}
	
	#footer .text .contacts {
		margin-bottom: 33px;
	}
	
	#footer .socials {
		right: 15px;
	}
	
	#footer .enrolNow {
		left: 50%;
		top: -50px;
		margin-left: -82px;
		font-size: 20px;
	}

}

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

	
}