/* Large Screens (Desktop) */

@media only screen and (max-width : 1330px) {
	#header #navigation {
		right: 25px;
	}
	
	#header #navigation ul li {
		margin-left: 30px;
	}
}

@media only screen and (max-width : 1290px) {
	.section,
	#header .section {
		max-width: 990px;
	}
		
	#header #navigation {
		bottom: 12px;
		right: 15px;
	}
	
	#header .logo {
		width: 411px;
		top: 1px;
		left: 15px;
	}
		
	body.scrolled #header .logo {
		width: 298px;
	}
	
	#header #navigation ul li {
		margin-left: 25px;
	}
	
	#header .linkBtns {
		right: 15px;
	}
			
	#footer .top .logo {
		width: 300px;
	}
	

}

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


}

/* Medium Screens (Tablets - Landscape) */

@media only screen and (max-width : 1225px) {
	.section,
	#header .section {
		max-width: 970px;
	}
	
	#slider .slides li .overlay .section .text {
		vertical-align: middle;
	}
	
	#slider .slides li .overlay .section .text .inner {
		margin-bottom: 45px;
	}
		
	#gallery .images .owl-nav {
		margin-top: 80px;
	}
	
	#mainWrapper .owl-nav .owl-prev, 
	#mainWrapper .owl-nav .owl-next {
		margin: 0 8px;
	}
	
	#value .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}


	.responsive-iframe {
		height: 2807px;
	}
	
	.responsive-iframe.enrolment {
		height: 14850px;
	} 

}

/* Small Screens  (Tablets - Portrait ) */

@media only screen and (max-width : 991px) {
	.section,
	#header .section {
		max-width: 750px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#header .logo {
		width: 360px;		
	}
	
	#slider .slides li .overlay .section .text .inner p {
		font-size: 36px;
	}
	
	#slider .slides li .overlay .section .text .inner {
		max-width: 590px;
	}
	
	#slider .slides li .overlay .section .text .enrolNow {
		font-size: 19px;
	}

	#slider .slides .owl-nav .owl-prev {
		-webkit-transform: rotate(180deg) scale(0.6);
		    -ms-transform: rotate(180deg) scale(0.6);
		        transform: rotate(180deg) scale(0.6);
		margin-left: 0;
	}

	#slider .slides .owl-nav .owl-next {
		-webkit-transform: scale(0.6);
		    -ms-transform: scale(0.6);
		        transform: scale(0.6);
		margin-right: 0;
	}
	
	#intro {
		text-align: center;
	}
	
	#intro .image {
		float: none;
		margin: 0 auto 40px;
		display: block;
		width: 300px;
		border-radius: 30px;
	}
	
	#intro .text {
		float: none;
		width: auto;
	}
	
	#gallery .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
			
	#gallery .slider {
		margin-left: 0;
		margin-right: 0;
	}
	
	#gallery .subheading {
		margin-bottom: 0;
	}
	
	#gallery .images li img {
		border-radius: 25px;
	}
	
	#gallery .images .owl-nav {
		margin-top: 65px;
	}
	
	#value .section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	#value .imageText {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		text-align: center;
	}
	
	#value .imageText .image {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		margin: 0 auto 35px;
	}
	
	#value .imageText .text {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		padding-right: 0;
	}
	
	#footer .top .section {
		padding-top: 50px;
		padding-bottom: 50px;
		display: block;
	}
	
	#footer .top .logo {
		clear: both;
		margin: 0 auto;
		display: block;
		width: 300px;
	}
	
	#footer .top .hours,
	#footer .top .contacts {
		float: left;
		width: 50%;
		margin-bottom: 30px;
	}
	
	.responsive-iframe {
		height: 4400px;
	}
	
	.responsive-iframe.enrolment {
		height: 15140px;
	}
		
}

/* Extra Small Screens (Mobiles) */
@media only screen and (max-width : 767px) {
	
	#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 ease;
	}
	
	#menuBtn {
		display: block;
	}
	
	#header #navigation {
		display: none;
	}
	
	#header .logo,
	body.scrolled #header .logo {
		position: static;
		display: block;
		margin: 0 auto 20px;
		width: 280px;
	}
	
	#header {
		position: relative;
	}
	
	#header .section,
	body.scrolled #header .section {
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	#header .linkBtns {
		position: static;
		display: table;
		margin: 0 auto;
	}
	
	#header .linkBtns .enrolNow {
		display: block;
		margin: 0 0 10px;
		min-width: 100%;
	}
	
	#header .linkBtns .facebook {
		margin: 0;
		min-width: 100%;
	}
	
	#slider .slides li .overlay .section .text .inner {
		max-width: 70vw;
		margin-bottom: 0;
	}
	
	#slider .slides li .overlay .section .text .inner p {
		font-size: 4.5vw;
	}
	
	#slider .slides li .overlay .section .text .enrolNow {
		font-size: 3vw;
	}
	
	#content {
		margin-top: 0;
	}
	
	#slider .slides .owl-nav {
		margin-top: -28px;
	}
	
	#slider .slides .owl-nav .owl-next {
		-webkit-transform: scale(0.4);
		    -ms-transform: scale(0.4);
		        transform: scale(0.4);
		margin-right: -10px;
	}
	
	#slider .slides .owl-nav .owl-prev {
		-webkit-transform: scale(0.4) rotate(180deg);
		    -ms-transform: scale(0.4) rotate(180deg);
		        transform: scale(0.4) rotate(180deg);
		margin-left: -10px;
	}
	
	#content {
		border-radius: 0;
	}
	
	#content .section {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	#gallery .section {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	
	#gallery .images {
		margin-top: 60px;
	}
	
	#gallery .images li img {
		border-radius: 10px;
	}
	
	#gallery .images .owl-item.center img {
		-webkit-box-shadow: 0 0 0 2px #fff, 0 0 20px 0 rgba(0,0,0,0.5);
		        box-shadow: 0 0 0 2px #fff, 0 0 20px 0 rgba(0,0,0,0.5);
	}
	
	#value .imageText .text {
		width: auto;
	}
	
	#value .imageText .image {
		width: 100%;
		max-width: 400px;
		border-radius: 25px;
	}
	
	#footer .top .section {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	
	#footer .top .hours, #footer .top .contacts {
		width: auto;
		text-align: center;
	}
	
	#footer .top .contacts {
		float: none;
		border: 0;
	}
	
	#footer .top .contacts li {
		padding: 0;
	}
	
	#footer .top .hours {
		float: none;
		border: 0;
		margin-bottom: 20px;
	}
	
	#footer .top .hours li {
		padding-right: 0;
	}
	
	#footer .top .logo {
		max-width: 300px;
		width: auto;
	}
	
	.responsive-iframe {
		height: 5040px;
	}
	
	.responsive-iframe.enrolment {
		height: 15899px;
	}


}


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

	
}

@media only screen and (max-width : 400px) { 
	#menuBtn {
		left: 13px;
		top: 96px;
	}
	
}