/* Medium Screens (Tablets) */

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

}

@media only screen and (max-width : 1400px) {
	#header .logo {
		left: -84px;
		top: 175px;
		width: 374px;
	}
}

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

}

@media only screen and (max-width : 1225px) {
	.section {
		width: 970px;
	}
	
	#header .owl {
		left: -42px;
	}
	
	#header .logo {
		left: 7px;
		top: 242px;
		width: 276px;
	}
	
	#footer .top {
		-webkit-background-size: 99%;
		-moz-background-size: 99%;
		background-size: 99%;
		-ms-behavior: url(/backgroundsize.min.htc);	
	}
	
}

@media only screen and (max-width : 1170px) {
	#feedback .slides .owl-prev {
		left: 15px;
	}	
	
	#feedback .slides .owl-next {
		right: 15px;
	}

	#feedback .slides li blockquote {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media only screen and (max-width : 1145px) {
	#header .topNavi {
		right: 0;
	}
}

@media only screen and (max-width : 1115px) {
	#header .dolls {
		width: 270px;
		left: 6px;
	}
}

/* Small Screens */

@media only screen and (max-width : 991px) {
	.section {
		width: 750px;
	}
		
	#header .contacts {
		top: 11px;
	}
	
	#header .contacts li {
		display: block;
	}
	
	#header .contacts li.phone,
	#header .contacts li.email {
		margin-left: 0;
	}
	
	#header .slider, #header .slider .inner {
		width: 490px;
		top: 176px;
	}

	#header .logo {
		top: 180px;
	}
	
	#header .owl {
		width: 240px;
		left: 3px;
	}
	
	#header .section {
		height: 523px;
	}

	#centres {
		padding-bottom: 20px;
	}

	#centres .listing {
		margin-left: -15px;
		margin-right: -15px;
	}

	#centres .listing li {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 40px;
	}

	#footer .top .links {
		width: 300px;
	}
	
	#header .logo {
		left: 10px;
		top: 184px;
		width: 239px;
	}

	#header .dolls {
		width: 228px;
		left: 6px;
	}

	#header .inner {
		background-position: center 121px;
		-webkit-background-size: 1046px;
		-moz-background-size: 1046px;
		background-size: 1046px;
	}

	#header .topNavi {
		top: 90px;
	}
	
	#header .topNavi li {
		float: none;
		display: inline-block;
	}
	
	#header .slider .slides .owl-prev, #header .slider .slides .owl-next {
		width: 45px;
		height: 42px;
	}
	
	#header .slider .slides .owl-prev, #header .slider .slides .owl-next {
		right: -14px;
	}
	
	#header .slider .slides .owl-prev {
		top: 70px;
	}
	
	#header .slider .slides .owl-next {
		top: 123px;
	}
	
	#highlights ul li span {
		border-width: 7px;
	}
	
	#highlights ul {
		margin-left: -30px;
	}
	
	#highlights ul li {
		padding-left: 30px;
	}
	
	#welcome {
		font-size: 16px;
	}
	
	#welcome .title,
	#feedback .title,
	#acknowledgement .title {
		font-size: 38px;
	}

	#enrolment .form::after {
		right: 1px;
		top: -25px;
		width: 164px;
	}
	
	#enrolment .form .title {
		font-size: 34px;
	}
	
	#enrolment .form .submitBtn {
		font-size: 18px;
	}

	#enrolment .form .dolls {
		float: none;
		width: auto;
		clear: both;
		padding-top: 20px;
	}

	#enrolment .form .dolls img {
		display: block;
		width: 240px;
		margin: 0 auto;
	}

	#enrolment .form .right {
		float: right;
		width: 48.29787234042553%;
	}

	#welcome .cols .left,
	#welcome .cols .right {
		width: 360px;
	}
	
	#enrolment .form .boy {
		right: -16px;
		top: -14px;
		width: 138px;
	}

	#footer .top .socials {
		width: 196px;
	}
	
	#footer .top .links {
		margin-bottom: 15px;
	}
	
	#footer.forHome .top .section {
		padding-top: 44px;
	}

	#footer .top .logo {
		width: 190px;
	}

	
	#footer {
		font-size: 13px;
	}
	
}

/* Extra Small Screens */
@media only screen and (max-width : 767px) {
	.section {
		width: 480px;
	}
	
	#menuBtn {
		display: block;
	}
	
	#header .section {
		padding-top: 15px;
		height: 683px;
	}
	
	#header .owl {
		display: none;
	}
	
	#header .topNavi {
		display: none;
	}
	
	#header .logo {
		display: block;
		position: static;
		width: 51%;
		margin: 0 auto 15px;
	}
	
	#header .contacts li {
		font-size: 17px;
	}
	
	#header .contacts {
		position: static;
		display: block;
		margin: 0 auto 20px;
		text-align: center;
	}

	#header .topLinks {
		position: static;
		overflow: hidden;
		margin-bottom: 20px;
	}

	#header .contacts {
		float: none;
		margin-bottom: 11px;
	}

	#header .contacts li {
		float: none;
	}

	#header .socials {
		float: none;
		text-align: center;
	}
	
	#header .socials li {
		float: none;
		margin: 0 -4px 0 0;
		display: inline-block;
		vertical-align: top;
	}
	
	#header .slider {
		position: static;
		display: block;
		width: 90%;
		margin: 0 auto 15px;
	}
	
	#header .slider .slides .owl-prev, #header .slider .slides .owl-next {
		right: -28px;
	}
	
	#header .slider .inner {
		width: auto;
	}
	
	#header .facebook {
		right: 10px;
	}
	
	#header .slider .slides .owl-prev {
		top: 45px;
	}

	#header .dolls {
		display: block;
		position: static;
		margin: 0 auto;
	}
	
	.section {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	#welcome {
		padding-left: 0;
	}
	
	#welcome .title {
		text-align: center;
	}

	#welcome .cols .left, #welcome .cols .right {
		float: none;
		width: auto;
	}

	#welcome .cols .left {
		margin-bottom: 20px;
	}

	#centres .title {
		font-size: 38px;
		margin-bottom: 30px;
	}

	#centres .listing li {
		margin-bottom: 30px;
	}

	#centres .listing li a .inner {
		padding: 10px 10px 0;
	}

	#centres .listing li .name {
		font-size: 22px;
	}
	
	#content #highlights {
		margin-bottom: 30px;
	}
	
	#highlights ul li {
		width: 40%;
		margin-bottom: 20px;
	}
	
	#highlights:after {
		display: none;
	}
	
	#highlights ul li span {
		border-width: 5px;
	}
	
	#content {
		padding-top: 20px;
	}
		
	#enrolment {
		margin-top: 70px;
	}
	
	#enrolment:after {
		left: -58px;
		top: -231px;
		width: 299px;
		height: 280px;
	}
	
	#enrolment .form .left,
	#enrolment .form .right {
		float: none;
		width: auto;
	}

	#enrolment .form .right {
		margin-left: 0;
	}

	#enrolment .form .dolls {
		margin-top: 0;
	}

	#enrolment .form .dolls img {
		width: 190px;
	}
	
	#enrolment .form:after {
		display: none;
	}
	
	#enrolment .form .title {
		font-size: 26px;
		margin-bottom: 10px;
	}
	
	#enrolment .form .field .textbox {
		height: 45px;
	}
	
	#enrolment .form .field textarea  {
	   height: 100px;
	}
	
	#enrolment .form .field .textbox, #enrolment .form .field textarea {
		font-size: 13px;
	}
	
	#enrolment .form .submitBtn {
		width: 100%;
	}
	
	#enrolment .form .field {
		margin-bottom: 10px;
	}

	#enrolment::after {
		left: -13px;
		top: -220px;
		width: 177px;
		height: 269px;
	}

	#enrolment .form .boy {
		right: -16px;
		z-index: -1;
		top: -57px;
	}

	#welcome {
		padding-bottom: 10px;
	}

	#footer .top .socials {
		float: none;
		width: auto;
	}

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

	#footer .top .socials li a {
		display: block;
		text-align: center;
	}

	#footer .top .socials li a img {
		display: block;
		margin: 0 auto;
	}
	
	#footer.forHome {
		margin-top: -4px;
	}
	
	#footer .top .links {
		padding: 0 10%;
		width: auto;
		margin-bottom: 14px;
	}
	
	#footer .top .links li {
		width: 50%;
	}
	
	#footer .bottom .copyright {
		font-size: 11px;
	}
	
	#footer .bottom .section:after {
		bottom: 3px;
		right: 18px;
		width: 109px;
	}

	#footer .top .links {
		float: none;
		overflow: hidden;
		padding: 0;
		margin-bottom: 30px;
		text-align: center;
	}

	#footer .top .links li {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}

	#footer .top .links li:last-child {
		margin-bottom: 15px;
	}

	#footer .top .contacts {
		float: none;
		display: table;
		margin: 0 auto;
	}

	#footer .top .logo {
		position: static;
		display: block;
		margin: 20px auto 0;
	}

	
}

@media only screen and (max-width : 500px) {
	.section {
		width: 420px;
	}
	
	#header .section {
		height: 614px;
	}
	
	#header .slider .slides .owl-next {
		top: 89px;
	}
	
	#header .slider .inner {
		padding: 8px 8px 28px; 
	}

	#centres .title,
	#welcome .title,
	#acknowledgement .title {
		font-size: 34px;
	}

	#centres .listing {
		margin-left: -10px;
		margin-right: -10px;
	}

	#centres .listing li {
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 25px;
	}
	
	#footer .bottom .copyright {
		font-size: 10px;
	}

}

@media only screen and (max-width : 478px) { 
	.section {
		width: 330px;
	}
	
	#header .contacts li {
		font-size: 13px;
	}
	
	#header .section {
		height: 507px;
	}

	#header .dolls {
		width: 150px;
	}
	
	#header .slider .slides .owl-prev, #header .slider .slides .owl-next {
		width: 33px;
		height: 31px;
		right: -20px;
	}
	
	#header .slider .slides .owl-prev {
		top: 24px;
	}
	
	#header .slider .slides .owl-next {
		top: 66px;
	}
	
	#highlights ul {
		margin-left: -15px;
	}
	
	#welcome .title {
		font-size: 31px;
	}
	
	#highlights {
		margin-bottom: 0;
	}
	
	#welcome {
		font-size: 14px;
	}
	
	#highlights ul li {
		padding-left: 15px;
	}

	#centres .title,
	#welcome .title {
		font-size: 26px;
	}

	#centres .listing li {
		display: block;
		width: auto;
		margin: 0 0 30px;
	}
	
	#feedback {
		margin-bottom: 20px;
	}
	
	#acknowledgement {
		margin-top: 55px;
	}

	#enrolment {
		margin-top: 0;
	}
	
	#enrolment .form .title {
		font-size: 23px;
	}
	
	#enrolment::after {
		width: 103px;
		height: 162px;
		top: -127px;
		left: 9px;
	  }

		#enrolment .form .boy {
		right: 18px;
		top: -85px;
		width: 102px;
		}
	
	#footer {
		font-size: 14px;
	}
	
	#footer .bottom .section:after {
		bottom: -65px;
		right: 0;
		width: 56px;
	}

	#enrolment .form .boy {
		right: -22px;
		top: -8px;
		width: 102px;
	}

}