@media only screen and (max-width: 810px) {
    body {font-size: 14px;}
    .banner {padding-top: 100px; padding-bottom: 20px;}
    .banner .girl img {height: auto; width: 100%;}
    .banner .caption h2 {font-size: 24px;}
    .banner .caption h1 {font-size: 32px;}
    .banner .box.form .form {width: 100%; padding: 12px;}
    .banner .form h2 {font-size: 20px; margin-bottom: 4px;}
    .banner .form .field input[type="text"], .banner .form .field select, .banner .form .submit input[type="submit"] {height: 32px;}
    .welcome .txt h2 {font-size: 28px; margin-bottom: 28px;}
    .courseWrap .txt h3 {font-size: 24px;}
    .whatLearn ul li img {width: 44px;}
    .whatLearn ul li .txt {width: calc(100% - 44px - 8px - 12px); margin-left: 12px;}
    .whatLearn ul li .txt h4 {font-size: 14px;}
    
    .whatLearn h2, .alumni h2, .whyChoose h2, .stuWorks h2 {font-size: 28px; margin-bottom: 28px;}
    
    .alumniW, .whyChoose .wrap {display: block;}
    .alumni .box, .bod .box, .whyChoose .box {width: calc(50% - 4px - 4%); margin-bottom: 12px;}
    
    .whatLearn ul li, .whatLearn ul li:nth-child(3n+1) {width: calc(50% - 4% - 4px); margin-left: 8%;}
    .whatLearn ul li:nth-child(2n+1) {margin-left: 0;}
    .bod h2 {font-size:24px; margin-bottom: 20px;}
    .bod .box {padding: 0;}
	.whyChoose .celebWrap .box{width: calc(50% - 4px - 4%);}
    
}
@media only screen and (max-width: 680px) {
    .welcome .txt, .courseWrap .pic {width: 100%; margin-bottom: 20px;}
    .welcome .pic, .courseWrap .txt {width: 100%; margin: 0 ;}
    footer .pic {width: 128px;}
    footer .address {width: calc(100% - 128px - 8px - 20px); margin-left: 20px;}
    footer h4 {font-size: 20px; margin-bottom: 12px;}
    footer p {font-size: 12px; margin-bottom: 8px;}
    header {padding: 8px 0;}
    header .logo {width: 154px;}
    header .contact {width: calc(100% - 154px - 8px);}
    .banner {padding-top: 80px;}
    .banner .sliderWrap {display: block; width: 100%;}
    .banner .form {display: block; width: 100%;}
    .banner .caption h1 {font-size: 24px;}
    .banner .caption h2 {font-size: 20px;}
    .courseWrap, .courseWrap:nth-child(2n+1) {width: 100%; margin: 0; margin-bottom: 20px;}
	.whyChoose .celebWrap .box{width: calc(100% - 4px - 4%);}
	.stuWorks {padding: 10px 0; background: #fff;}
}