@media only screen and (max-width: 810px) {
body {font-size: 14px;}
.welcome .txt h2 {font-size: 28px; margin-bottom: 28px;}
.banSlider ul li .caption h2 {font-size: 24px;}
.banSlider ul li .caption h1 {font-size: 32px;}
.banSlider ul li .caption h3 {font-size: 22px;}
.banSlider ul li .caption h4 {font-size: 14px;}
.form h2 {font-size: 20px; padding: 40px 6px;}
.form .container {padding: 24px 24px 24px calc(35px + 24px)}
.form {width: 242px;}
.courses h2, .why h2, .placement h2, .bod h2, .stuReview h2, .industrySpeak h2, .showreel h2 {font-size: 28px; margin-bottom: 28px;}
.why .list ul li {width: calc(50% - 4% - 4px);}
.why .list ul li:nth-child(4) {background: #ffc107;}
.why .list ul li:nth-child(5) {background: #ffd866;}
.why .list ul li:nth-child(6) {background: #ffefc1;}
.placementRecord h2 {font-size: 28px;}
.intCollaboration .info h2 {font-size: 28px; margin-bottom: 28px;}
.intCollaboration .logos ul li img {border-width: 5px;}
.industrySpeak .speak {font-size: 16px; margin-bottom: 20px;}
.industrySpeak .by {font-size: 16px; margin-bottom: 12px;}
.placement .list .box {width: calc(50% - 4px);}
}
@media only screen and (max-width: 680px) {
.main_banner {display: none;}
.mobile_banner {display: inherit;margin-top: 0px;}
.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);}
.placement .list .box {width: calc(50% - 4px); padding: 0 8px;}
.placement .list .box:nth-child(2n) {margin-left: 0;}
.placement .list .box .img {width: 100%; display: block; margin-bottom: 4px;}
.placement .list .box .txt {width: 100%; margin: 0; padding: 0;}
.whyChoose .celebWrap .box {width: calc(50% - 4px); vertical-align: top; margin: 0;}
.form {position: relative; transform: none; width: 100%; margin: 0 auto;}
.banSlider ul li .caption h2 {font-size: 16px; margin-bottom: 4px;}
.banSlider ul li .caption h1 {font-size: 20px; margin-bottom: 12px;}
.banSlider ul li .caption h3 {font-size: 15px; margin-bottom: 18px;}
.banSlider ul li .caption h4 {font-size: 12px;}
.banSlider ul li {height: 300px;}
.banSlider ul li img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; width: auto; min-width: 100%;}
.form .container {padding: 0;}
.form h2 {position: static; width: 100%; height: auto; padding: 8px; text-align: center; margin: 0; border: 0;}
.form h2 br {display: none;}
.form form {padding: 20px; border: 1px solid #fd2727;}
.welcome, .courses, .why, .placement, .bod, .stuReview, .industrySpeak, .intCollaboration, .masterWorkshop {padding: 40px 0;}
.courses .wrap {display: block;}
.courses .box, .courses .box:nth-child(2n) {width: 100%; margin: 10px 0;}
.why .list ul li {width: 100%; margin: 0 0 20px;}
.intCollaboration .info {width: 100%; margin-bottom: 20px;}
.intCollaboration .logos {width: 100%; margin: 0;}
.masterWorkshop h2 {font-size: 28px; margin-bottom: 28px;}
.bod .box {padding: 0; width: calc(50% - 4px - 4%); margin-bottom: 20px;}
.industrySpeak .user {width: 100%; margin-bottom: 12px;}
.industrySpeak .user img {max-width: 132px;}
.industrySpeak .speak {width: 100%; margin: 0; text-align: center;}
.industrySpeak .speak {font-size: 16px; margin-bottom: 20px;}
.industrySpeak .by {font-size: 16px; margin-bottom: 12px;}
.banSlider ul li .caption {top: auto; transform: none; bottom: 32px;}
.banSlider ul li .caption h2, .banSlider ul li .caption h3, .banSlider ul li .caption h4 {text-shadow: 0 0 10px rgba(0,0,0,.8);}
}