/* Large Screens (Desktops) */

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

}

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

	#slider .slides li .text .inner {
		width: 600px;
	}

	#intro .text {
		width: 692px;
	}
	
	#slider,
	#intro {
		margin-bottom: 35px;
	}

	#difference .listing li .inner {
		padding-left: 24px;
		padding-right: 24px;
	}

	#matters {
		margin-bottom: 40px;
	}

	#matters .section {
		padding-bottom: 10px;
	}

	#matters .image {
		width: 430px;
	}

	#matters .text {
		margin-top: 7px;
	}

}

/* Medium Screens (Tablets - Landscape) */

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

	#header .logo {
		left: 0;
	}

	#header #navigation ul li {
		font-size: 16px;
	}
	
	#videoIntro {
		height: 450px;
	}

	#slider .slides li .text .inner {
		width: 485px;
	}

	#slider .slides li .image .lighting {
		left: 7px;
	}

	#intro .section {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	#intro .text {
		margin-right: 0;
		width: 635px;
	}

	#intro .image {
		width: 255px;
		margin-left: 26px;
	}

	#intro .image p {
		font-size: 17px;
	}

	#intro .image .lighting {
		left: -1px;
		top: -21px;
	}

	#why .section {
		padding-left: 50px;
		padding-right: 50px;
	}

	#why .listing {
		--gap: 17px;
	}

	#difference .listing {
		--gap: 15px;
	}
		
	#programs {
		margin-bottom: 40px;
	}

	#programs .listing {
		--gap: 10px;
	}

	#programs .listing li .text {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#matters .image {
		width: 400px;
		margin-left: 0;
	}

	#matters .text {
		width: 538px;
		margin-right: 0;
	}

	#footer .section {
		padding-top: 70px;
	}

	#footer .left {
		margin-left: 0;
		width: 280px;
	}

	#footer .left .logo {
		width: 290px;
	}

	#footer .middle {
		margin-left: 60px;
	}

	#footer .logos {
		margin-right: 0;
	}

	#footer .copyright:before {
		left: 80px;
		right: 80px;
	}

}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}

	#header .logo {
		left: 15px;
		width: 250px;
	}

	#header .enrolBtn, #header .phoneBtn {
		right: 15px;
	}

	body.scrolled #header .logo {
		width: 200px;
	}

	#header #navigation {
		right: 15px;
		bottom: 8px;
	}

	#header #navigation ul li ul {
		padding-top: 8px;
	}
	
	#videoIntro {
		height: 400px;
	}

	#slider .slides li .text .inner {
		width: 375px;
	}

	.heading {
		font-size: 40px;
	}

	#slider .slides li .text .subheading {
		font-size: 19px;
	}

	#slider .slides li .text .inner .blueStar {
		left: 5px;
		top: 441px;
	}

	#intro {
		margin-bottom: 10px;
	}
	
	#intro .image {
		margin-left: 0;
		width: 227px;
	}

	#intro .image p {
		font-size: 15px;
	}

	#intro .text {
		width: 456px;
	}

	#why .section {
		margin-bottom: 40px;
	}

	#why .listing {
		--gap: 13px;
	}

	#why .listing li p {
		font-size: 24px;
	}

	#programs .section {
		padding-bottom: 30px;
	}

	#programs .listing {
		margin-top: 45px;
	}
	
	#programs .listing li {
		width: 50%;
		--gap: 25px;
	}

	#programs .listing li .text {
		padding-left: 24px;
		padding-right: 24px;
	}

	#difference .section {
		padding-bottom: 50px;
	}
	
	#difference .listing li {
		width: 50%;
	}
	
	#matters .image {
		width: 227px;
	}

	#matters .text {
		width: 456px;
	}

	#programs {
		margin-bottom: 20px;
	}
	
	#matters {
		margin-bottom: 15px;
	}

	#matters .image .lighting {
		left: -7px;
		top: -25px;
	}

	#feedback {
		margin-bottom: 30px;
	}

	#footer .section {
		padding-top: 56px;
	}

	#footer .title {
		font-size: 25px;
	}

	#footer .left {
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		width: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}		

	#footer .left .logo {
		width: 315px;
		margin: 0 auto 2px;
	}

	#footer .left .socials {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		margin-bottom: 30px;
	}

	#footer .left .socials li {
		margin-left: 5px;
		margin-right: 5px;
	}

	#footer .middle {
		margin-left: 0;
	}

	#footer .logos {
		margin-left: 66px;
	}

	#footer .links {
		margin-left: 0;
	}

	#footer .logos {
		margin-left: 98px;
	}
}

/* Extra Small Screens */

@media only screen and (max-width : 767px) {
	#menuBtn {
		display: block;
	}

	#mainWrapper,
	body.scrolled #mainWrapper {
		padding-top: 0;
		transition: -webkit-transform .4s ease;
		-webkit-transition: -webkit-transform .4s ease;
		-o-transition: transform .4s ease;
		transition: transform .4s ease;
		transition: transform .4s ease, -webkit-transform .4s ease;
		transition: transform .4s ease, -webkit-transform .4s
	}

	#header {
		position: static;
		border-top: 6px solid #5fa6db;
		border-bottom: 4px solid #5fa6db;
	}

	#header .section,
	body.scrolled #header .section {
		height: auto;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	#header #navigation {
		display: none;
	}

	#header .logo,
	body.scrolled #header .logo {
		position: relative;
		display: block;
		margin: 0 auto 10px;
		left: 15px;
		width: 250px;
	}

	#header .enrolBtn, #header .phoneBtn {
		position: static;
		display: table;
		margin: 0 auto;
	}
	
	#videoIntro {
		height: auto;
		padding-bottom: 56.25%;
	} 

	#slider .slides li {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	#slider .slides li .image {
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: -1;
		        order: -1;
		height: 335px;
		margin-bottom: -3px;
	}

	#slider .slides li .text, #slider .slides li .image {
		width: 100%;
	}

	#slider .slides li .text .subheading {
		font-size: 17px;
	}

	#slider .slides li .image .inner {
		margin-left: 0;
	}

	#slider .slides li .image .inner svg {
		width: 133px;
	}

	#slider .slides li .text .inner {
		width: 100%;
	}

	#slider .slides li .image .lighting {
		top: 9px;
		left: 15px;
	}

	#slider .slides li .image .blueStar.one {
		left: 11px; 
	}

	#slider .slides li .image .greenStar {
		left: 280px;
	}

	#slider .slides li .text .inner .blob {
		left: 24px;
		top: -3px;
	}

	#slider .slides li .text .inner .blueStar {
		left: 8px;
		top: 475px;
	}

	#slider .slides li .text .subheading {
		font-size: 18px;
		margin-bottom: 19px;
	}
	

	#content .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	#intro {
		margin-bottom: 10px;
	}

	#intro .section {
		display: block;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	#intro .image {
		width: 250px;
		margin: 0 auto 30px;
	}

	#intro .image p {
		font-size: 17px;
	}

	#intro .image .lighting {
		left: 14px;
		top: -11px;
	}

	#intro .text {
		width: 100%;
	}

	#why {
		padding-left: 15px;
		padding-right: 15px;
	}

	#why .section {
		padding: 40px 15px 60px;
		border-radius: 40px;
	}
	
	#why .heading {
		margin-bottom: 35px;
	}

	#why .listing {
		display: block;
	}

	#why .listing li {
		width: 100%;
		margin-bottom: 30px;
	}

	#why .listing li p {
		font-size: 22px;
	}

	#difference .section {
		padding-bottom: 30px;
	}

	#difference .listing li {
		width: 100%;
		text-align: center;
	}

	#difference .listing li .ico {
		margin-left: auto;
		margin-right: auto;
	}

	#programs {
		margin-bottom: 20px;
	}

	#programs .listing {
		display: block;
		margin: 0;
	}

	#programs .listing li {
		margin: 0 auto 30px;
		width: 300px;
		max-width: 100%;
		padding: 0;
		text-align: center;
	}

	#programs .listing li .text .age {
		margin-left: auto;
		margin-right: auto;
	}

	#matters {
		margin-bottom: 0;
	}

	#matters .section {
		display: block;
	}

	#matters .image {
		width: 250px;
		margin: 0 auto 30px;
	}

	#matters .image .lighting {
		left: 21px;
		top: -16px;
	}

	#matters .text {
		width: 100%;
		text-align: center;
	}

	#matters .text .listing li {
		display: block;
		padding: 30px 24px;
	}

	#matters .text .listing li .ico {
		margin: 0 auto 15px;
	}

	#feedback .section {
		padding-top: 15px;
		padding-bottom: 20px;
	}

	#footer {
		border-top-left-radius: 40px;
		border-top-right-radius: 40px;
	}

	#footer .section {
		display: block;
		padding-top: 44px;
		text-align: center;
	}

	#footer .left .logo {
		width: 260px;
	}

	#footer .right {
		margin-bottom: 30px;
	}

	#footer .middle {
		width: 100%;
		margin-bottom: 30px;
	}

	#footer .links li {
		margin-bottom: 5px;
	}

	#footer .contacts li {
		margin-bottom: 20px;
	}

	#footer .contacts li a {
		padding-left: 0;
		padding-top: 30px;
	}

	#footer .contacts li.phone,
	#footer .contacts li.email,
	#footer .contacts li.location {
		background-position: center top;
	}

	#footer .logos {
		margin: 0;
	}

	#footer .logos .listing {
		width: 150px;
		max-width: 100%;
		margin: 0 auto;
	}

	#footer .logos li:nth-child(2) {
		left: 0;
	}

	#footer .copyright {
		margin-top: 37px;
	}

	#footer .copyright:before {
		left: 15px;
		right: 15px;
	}
		
	.heading {
		font-size: 28px;
	}

	.lighting {
		width: 45px;
		height: 40px;
	}
	
}

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

}

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