@media only screen and (max-width: 810px) {
    body {font-size: 14px;}
    .banner .bx-viewport ul li {height: 600px;}
    .oppor ul li {width: calc(33.33% - 4px);}
    .placement .col2 .col .img {width: 112px;}
    .placement .col2 .col .txt {width: calc(100% - 112px - 4px - 20px); margin-left: 0; padding: 0 12px;}
    .placement .col2 .col .txt span.name {font-size: 16px;}
    .placement .col2 .col .txt span {font-size: 12px;}
    .welcome .txt h2 {font-size: 32px; margin-bottom: 20px;}
    .courseWrap .txt h3 {font-size: 18px;}
    .courseWrap .txt {font-size: 12px;}
    .bod .box {width: calc(50% - 4px - 4%);}
    .whyChoose .celebWrap .box {width: calc(50% - 4px - 4%);}
    
    .placement, .oppor, .course, .bod, .highlights, .whyChoose, .faq, .welcome, .stuWorks {padding: 40px 0;}
    .bod h2, .oppor h2, .placement h2, .highlights h2, .whyChoose h2, .faq h2, .stuWorks h2 {font-size:24px; margin-bottom: 20px;}
    
    .faq .accordion .box h3 {font-size: 16px;}
}
@media only screen and (max-width: 680px) {
    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);}
    
    .form {position: relative; border-radius: 0; transform: none; right: 0; width: 100%; max-width: 100%;}
    .banner .bx-viewport ul li {height: 400px;}
    .banner .caption {width: calc(100% - 8% - 40px); max-width: 100%; padding: 20px 8%;}
    .banner .slide2 .caption h3 {font-size: 20px;}
    .banner .slide2 .caption h2 {font-size: 18px;}
    .banner .slide2 .caption .apply {font-size: 13px; padding: 5px 12px;}
    .banner .slide1 .caption h3 {font-size: 20px;}
    .banner .slide1 .caption h2 {font-size: 14px;}
    .form h2 {font-size: 24px; margin-bottom: 12px;}
    .welcome .txt, .courseWrap .pic {width: 100%; margin-bottom: 20px;}
    .welcome .pic, .courseWrap .txt {width: 100%; margin: 0;}
    
    .course .accordion .box h3, .course .accordion .box ul {padding: 12px 20px;}
    .course .accordion .box h3::before {right: 20px;}
    .course .accordion .box ul li {width: 100%;}
    
    .oppor ul li {width: calc(50% - 4px); padding-right: 12px; padding-left: 20px;}
    .placement .col2 .col .img, .placement .col2 .col .txt {width: 100%; margin: 0;}
    .placement .col2 .col .txt {padding: 20px;}
    /*.bod .box {width: 100%;}*/
    .highlights ul li {width: 100%;}
}