@media only screen and (max-width: 1024px) {
	.bannerWrap .caption {
    position: absolute;
    top: 39%;
    left: 0;
    transform: translateY(-50%);
    z-index: 1;
    background: rgba(230, 0, 28, .5);
    padding: 4vw 6vw;
    color: #fff;
}
}

@media only screen and (max-width: 979px) {
    body {font-size: 16px;}
    .bannerWrap .logo {width: 320px;}
    .bannerWrap .caption h2 {font-size: 24px;}
    .bannerWrap .caption h3 {font-size: 20px;}
    .bannerWrap .caption span {font-size: 13px;}
    .bannerWrap .caption h4 {font-size: 22px;}
    .courseOffered, .highlights, .board, .successStories, .lifeAt {padding: 64px 0;}
    footer {padding: 32px;}
    footer p {font-size: 12px;}
    .courseOffered h2, .highlights h2, .board h2, .successStories h2, .lifeAt h2 {font-size: 24px; margin-bottom: 24px;}
    .bannerWrap .form .field input[type="text"], .bannerWrap .form .field input[type="submit"], .bannerWrap .form .field select {padding: 0 8px;}
    .courseOffered ul li {min-height: 178px;}
    .courseOffered ul li h4 {font-size: 18px;}
    .courseOffered ul li span {font-size: 13px;}
    .courseOffered ul li p {font-size: 14px;}
    .highlights ul li {font-size: 16px; padding-bottom: 40px; padding-bottom: 12px;}
    footer h3 {font-size: 18px; margin-bottom: 12px;}
    .callWhatsapp {display: flex;}
    footer {padding-bottom: 64px;}
	.bannerWrap .form .captcha_dii {display: inline; width: calc(16% - 5px); vertical-align: top; padding: 0 0;}
}
@media only screen and (max-width: 767px) {
	#ebcaptchatext {
    font-size: 15px;
    margin-top: 12px;
}

.bannerWrap .form .field input[type=text], .bannerWrap .form .field input[type=submit], .bannerWrap .form .field select {font-size: 14px!important;margin:10px;}
 .bannerWrap .form .field input[type=email], .banner .form .field select {font-size: 14px!important;margin:10px;}
    .bannerWrap {}
    .bannerWrap .banner {position: absolute; top: 0; height: 740px; width: auto; right: 0;}
    .bannerWrap .caption.show {transform: none;}
    .bannerWrap .form .field {padding: 0; width: 100%; margin-bottom: 12px;}
    .bannerWrap .logo {position: relative; margin-bottom: 260px;}
    .bannerWrap .caption, .bannerWrap .form {position: relative; transform: none; z-index: 1;}
    .bannerWrap .heading {position: relative; top: auto; right: auto; width: 100%; font-size: 22px; text-align: center; display: block; padding: 12px;}
    .bannerWrap .caption {top: auto; padding: 24px 6%; width: 80%; margin-bottom: 32px;}
    .bannerWrap .form {padding: 20px 0; background: #454545;}
    .bannerWrap .form .field:last-child {margin-bottom: 0;}
    .courseOffered ul li {width: 100%; margin: 0 0 20px; min-height: 0; padding: 20px;}
    .highlights ul li {width: 100%; margin: 0 0 32px; min-height: 0;}
    .board ul li {width: 100%; margin: 0 0 32px; min-height: 0;}
    .board ul li .pic {padding-bottom: 12px;margin-bottom: 8px;}
    .successStories ul li {width: 100%; margin: 0 0 32px; min-height: 0;}
    .successStories ul li .pic {padding-bottom: 12px;margin-bottom: 8px;}
    .lifeAt .bx-wrapper .bx-controls-direction a {width: 32px; height: 64px;}
    .bannerWrap .heading span {font-size: 16px;}
}