@charset "utf-8";
/* CSS Document */


@media only screen and (max-width:1400px) {
	.side-pic{ display:none;}
	.main-fix{ width:98%;}
	.inner-page .language-bar{ display:none;}
	.section-inner:before{ right:0;}
	.section-inner:after{ left:0;}
	.section-inner:before, .section-inner:after{ width:15%;  background-size: 100% auto; top:-130px;}
	ul.animal li{ width:18.8%;}
	}


@media only screen and (max-width:1280px) {
.main-fix{ width:98%;}
.section-three{ background-size:100%;}
ul.about-box li {padding: 0 6px;}
.about-pic{ width:auto;}
.about-dec-top-right{ width:77%;}
.about-dec-top-left{ width:21%;}
.section-center-link{ padding-left:0px;}
.heading h2{ font-size:2em;}
.foreign-languages-left{ width:75%;}
.foreign-languages-right{ width:24%;}
.board-left{ width:19%;}
.board-middle{ width:60%;}
.board-right{ width:19%; margin-top:80px;}
.board{ background-size:100% 100%; padding-bottom:30px; height:auto; float:left;}
.language-choose{ width:47%; margin-right:2%;}
.personal-field-left{ font-size:19px;}
.learning-choose{ width:47%;}

	
	}

@media only screen and (max-width:1024px) {
.language-right{ width:78%;}
.language-right h3{ font-size:19px;}
.stripe{ height: 77%;top: 38px; background-repeat: repeat-y;}
.artical-sep-right{ float:right; width:78%;}
.subscribe-main{ width:100%;}
.start-learning{ background:#ffcf42; border:10px solid #176e94;}
.start-learning:before{ top:-230px;}
.start-learning:after{ top:-240px;}
.language-bar{ display:block;}
.start-learning{ top:0; margin-top:230px;}
ul.top-menu li a{ font-size:2em;}
ul.about-box li{ width:100%; padding:10px 0;}
.about-pic{ width:100%;}
}

@media only screen and (max-width: 960px) {
.section-two-left{ width:100%; background:#FFCF42;}
.yellow-bg{ right:100%;}
.section-two-right{ width:98%; padding:20px 0;}
.section-two .main-fix{ width:100%;}
.video{ text-align:center;}
.video-play{ left:47%;}
ul.top-menu li a {font-size: 1.5em;}
.section-page-left{ width:100%; padding-bottom:20px;}
.section-page-right{ width:100%;}
.board{ background:none; background-color:#f89521; border:5px solid #075679;}
.board-left{ padding-left:10px;}
.board-right{ padding-right:0;}
.field-area-inner{ width:100%;}
.what-exactly{ margin-bottom:40px;}
.what-exa-bottom{ padding-top:0;}
.personal-detail-left{ width:100%; padding-bottom:0;}
.personal-detail-right{ width:100%;}
.language-choose{ width:100%; margin-right:0; margin-bottom:18px;}
.learning-choose{ width:100%;}
.language-choose select, .learning-choose select, .personal-select select{ width:100%;}
ul.animal li h2{ font-size:29px;}

ul.animal li:nth-child(5n+5) { margin-right:1%;}
ul.animal li:nth-child(4n+4) { margin-right:0;}
ul.animal li{ width:23.8%;}
} 

@media only screen and (max-width: 768px) {
.login-btn{ left:0; right:inherit;}
.start-learning-main{ width:100%; padding:15px;}
.start-learning:before, .start-learning:after{ background-size:80%; top:-208px;}
.logo img{ width:60%;}
.start-learning:before{ right:0;}
.start-learning:after{ left:0;}
.start-learning-main h1{ padding:0;}
.start-learning{ height:auto; padding-bottom:20px;}
.kids, .parents{ width:48%;}
.language-bar{ padding-top:20px;}
.artical-sep{ width:100%; padding-bottom:20px;}
.section-inner:before, .section-inner:after{ top:-90px;}
ul.top-menu li{ width:100%; padding:3px 0;}
ul.top-menu li a{ padding:0; height:60px; line-height:60px;}
.card img{ padding:10px;}
.language-learning h2{ font-size:20px;}
.compulsory-fields, .submit-go-btn{ font-size:18px;}
ul.side-menu{ padding-top:30px;}
ul.side-menu li{ margin:1%;}
ul.side-menu li a{ font-size:23px;}
ul.side-menu li{ width:98%;}

ul.animal li:nth-child(5n+5) { margin-right:1%;}
ul.animal li:nth-child(4n+4) { margin-right:1%;}
ul.animal li:nth-child(3n+3) { margin-right:0;}
ul.animal li{ width:32.1%;}


}

@media only screen and (max-width: 640px) {
	.start-learning-main h1{ font-size:2.5em;}
	.section-one h2, .section-two-left h2, .section-two-right h2, .slider-heading h2, .section-four h2, .section-five h2, .about-dec-top-right h2{ font-size:2em;}
	.section-three {background-size: 100% 100%;}
	.about-dec-top-left{ width:100%; padding:0; text-align:center;}
	.about-dec-top-right{width:100%; padding:15px; text-align:center;}
	.about-dec{ height:auto;}
.content-main h3, .content-main p, .section-center-link p, .section-center-link a, .foreign-languages-left h2, .field-detail, .forget-pass, .create-acc, .content-main h4, .blue-dark, .already, .sign-up-btn{font-size:15px;}
	ul.about-box{ padding:0;}
	.heading h2{ line-height:50px;}
	.cost-txt{ font-size:23px;}
	.dollor{ font-size:25px;}
	.board-left{ width:100%; padding:0; text-align:center; }
	.board-middle{ width:100%; padding:15px;}
	.board-right{ width:100%; margin:0; padding:10px 0; text-align:center;}
	.board{ padding-bottom:0;}
	.language-txt, .angel-txt{ font-size:21px;}
	.board-middle p{ padding-bottom:15px;}
	.parents-detail-dec{padding: 32px 5% 68px;}
	.textfield-area, .textfield-comment-short, .textfield-select{ font-size:19px;}
	.what-exactly{ padding:20px 0px 20px 20px;}
	.submit-go-btn{ width:100%; padding:10px;}

}

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

.start-learning:before, .start-learning:after {background-size: 100%; width:26%; top: -134px;}
.start-learning{ margin-top:140px;}
.kids, .parents{ font-size:1.5em;}
.logo{ padding-top:52px;}
.section-four, .section-two-left{ padding-top:30px;}
.subs-bg{ background-size:100%;}
.mCSB_container{ margin-right:15px;}

.foreign-languages-left{ width:68%;}
.foreign-languages-right{ width:30%;}
.forget-pass{ display:block; padding:0 0 10px 0; width:100%;}
.check-dv{ padding-left:0; width:100%; float:left;}
.already{ display:block; width:100%; padding-left:0;}
.forget-pass{ padding-top:10px;}
.submit-go-btn{ font-size:12px;}
.progress-left{ width:100%; text-align:center; padding-bottom:20px;}
.progress-right{ width:100%;}

ul.animal li:nth-child(5n+5) { margin-right:1%;}
ul.animal li:nth-child(4n+4) { margin-right:1%;}
ul.animal li:nth-child(3n+3) { margin-right:1%;}
ul.animal li:nth-child(2n+2) { margin-right:0;}
ul.animal li{ width:49%; margin-bottom:70px;}


}


@media only screen and (max-width: 480px) {
.language-right {width: 75%;}
.kids, .parents{ width:100%; margin-bottom:10px;}
.item p{ padding:10px 5%}
.section-inner:before, .section-inner:after{ top:-60px;}
ul.about-box li a{ font-size:23px;}
.heading h2{ font-size:32px;}
.printer{ display:block; width:100%; text-align:center; padding:10px 0 0 0;}
.enjoy-btn{ background-size:80%;}
.enjoy-btn:hover{background-size:80%;}
.about-dec{ margin-top:20px;}
.send-enquiry{ background-size:100%;}
.send-enquiry:hover{ background-size:100%;}
.field-left{ width:14%;}
.field-right{ padding: 4% 15px; width: 85%;}
.subscription, .subscription:hover{ background-size:80%;}
.foreign-languages-left{ width:58%;}
.foreign-languages-right{ width:40%;}
.what-exactly h2, .what-exactly h2 a{ font-size:35px; padding-bottom:10px;}
.what-exactly-dec-left{ padding:0 0 10px 0; width:100%; text-align:center;}
.language-learning h2, .compulsory-fields{ font-size:15px;}
.language-choose select, .learning-choose select{ font-size:19px; padding:17px;}
.personal-field-left{ width:100%; padding-bottom:3px;}
.personal-field-right{ width:100%;}
.units{ font-size:19px;}


ul.animal li:nth-child(5n+5) { margin-right:1%;}
ul.animal li:nth-child(4n+4) { margin-right:1%;}
ul.animal li:nth-child(3n+3) { margin-right:1%;}
ul.animal li:nth-child(2n+2) { margin-right:1%;}
ul.animal li{ width:98%; margin-left:1%; }
.animal-pic{ width:400px;}
}


@media only screen and (max-width: 360px) {
.start-learning:before, .start-learning:after{ top:-88px;}
.start-learning{ margin-top:60px;}
.language-bar {  padding-top: 65px; text-align: right;}
.section-two-left{ padding:15px;}
.video-play {    left: 41%;    top: 36%;}
.language-right {width: 70%;}
.start-tutoring{ font-size:15px;}
.language-right h3{ font-size:18px;}
.section-one p, .start-learning-main p{ font-size:14px;}
ul.footer-left-link {float: none;  margin: 0 auto; width: 214px;}
ul.footer-right-link {float: none;    margin: 0 auto;overflow: hidden; padding-top: 20px; width: 240px;}
.email-address, .subs-btn{ margin-bottom:5px; width:100%;}
.artical h4{ font-size:17px;}
.section-inner:before, .section-inner:after{ top:-50px;}
.enjoy-btn{ height: 60px; margin-top: 10px;}
.about-txt-bottom{ padding-top:10px;}
.subs-bg{ height:100px;}
.foreign-languages-left{ width:100%;}
.foreign-languages-right{ width:100%; text-align:center;}
.subscription{ height:60px;}
.card{ text-align:center;}
.card img{ padding:10px 0; display:block; margin:0 auto;}
.compulsory-fields{ padding-top:5px;}
.language-learning h2{ float:left;}
.language-learning{padding: 25px 12px;}
.personal-field-left{ font-size:15px;}
.language-choose select, .learning-choose select { font-size: 18px; padding: 18px;}
.create-acc{ width:100%; margin-left:0;}

}

@media only screen and (max-width: 320px) {
.language-bar {padding-top: 88px;}
#header{ min-height:1220px;}
.logo {padding-top: 75px;}
.login-btn{ font-size:15px;}
.section-inner:before, .section-inner:after{top: -66px; width:25%;}
}