@media only screen and (max-width: 810px) {
.banner {height: auto; padding: 120px 0 40px;}
.banner .txt h1 {font-size: 24px;}
.banner .txt h2 {font-size: 20px;}
.banner .txt {width: 100%; margin-bottom: 32px;}
.banner .pic {width: 100%; margin: 0; padding: 0 80px;}
.welcome .txt h2 {font-size: 28px; margin-bottom: 28px;}
.recruiter .list ul li {width: calc(50% - 4px - 20px); font-size: 18px;}
.bod .box {width: calc(50% - 4px - 20px);}
.testimonials h3 {font-size: 36px;}
.testimonySlider .testimony {font-size: 20px;}
.testimonySlider .testimony h4.by {font-size: 18px;}
.welcome .txt {opacity: 1;}
.welcome .pic img {opacity: 1; transform: none;}
.opportunity .list ul li .txt {min-height: 37px;}

}

@media only screen and (max-width: 680px) {
		.main_banner {display: none;}
	.mobile_banner {display: inherit;margin-top: 0px;}
header .contact {width: 100%; padding: 12px 0 0; text-align: center;}
header .contact .box {font-size: 13px;}
.banner .pic {padding: 0 8px;}
.welcome .txt {width: 100%; margin-bottom: 32px;}
.welcome .pic {width: 100%; margin: 0;}
.courses .list ul li {width: 100%; padding: 0;}
.welcome {padding: 10px 0;}
.courses, .why, .placInter, .opportunity, .workshop, .recruiter, .bod, .testimonials, .stuWorks, .faqs {padding: 15px 0;}
.courses h3, .why h3, .placInter h3, .opportunity h3, .workshop h3, .recruiter h3, .bod h3, .testimonials h3, .stuWorks h3, .faqs h3 {font-size: 20px;}
.why .wrap {display: block;}
.why .box {width: calc(50% - 4px - 4%); margin: 0 2%; padding: 8px; min-height: 75px; margin-bottom: 20px;}
.placInter ul li .pic img {max-width: 80%;}
.opportunity .list ul li {width: calc(50% - 4px - 12px); margin: 0 6px; margin-bottom: 20px; padding: 12px;}
.opportunity .list ul li .icon img {height: 60px;}
.opportunity .list ul li .txt {font-size: 12px; min-height: 30px; display: block;}
.recruiter .list ul li {font-size: 14px;}
.bod .box .name {font-size: 14px; }
.bod .box .desig {font-size: 12px;}
.testimonials h3 {background-size: auto 32px; padding-bottom: calc(32px + 20px);}
.testimonySlider .pic {width: 100%; margin-bottom: 20px;}
.testimonySlider .testimony {width: 100%; margin: 0;}
.testimonySlider {padding: 0;}
.testimonySlider .bx-controls-direction a {width: 32px; height: 50px; background-size: 100% auto !important;}
.testimonySlider .bx-controls-direction a.bx-prev {left: 4px;}
.testimonySlider .bx-controls-direction a.bx-next {right: 4px;}
.ready h1 {font-size: 21px;}
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;}
#Form {width: 180px; left: auto; right: 0; top: 50%; bottom: auto; transform: rotate(-90deg) translateX(50%); transform-origin: bottom right;}
#Form #fiib {display: none;}
#Form h2 {text-align: center; width: 100%; cursor: pointer;}
#Form.active {top: 0; left: 0; right: auto; bottom: auto; width: 100%; transform: none; height: 100%; z-index: 100; padding: 100px 0;}
#Form.active #fiib {display: block; width: 100%;}
#Form #fiib .field, #Form #fiib .submit {width: 100%; margin-bottom: 20px;}
#Form.active h2 {margin-bottom: 40px;}
#Form.active .close {position: absolute; top: 0; right: 0; width: 40px; background: #000; color: #fff; text-align: center; line-height: 40px; font-size: 24px; cursor: pointer;}
#Form.active .close::after {content: 'X';}
.courses .list ul li .box strong {font-size: 20px;}
.courses .list ul li .box .txt {font-size: 14px;}
.testimonySlider .pic {text-align: center;}
.testimonySlider .pic img {height: 200px; width: auto;}
.testimonySlider .testimony {font-size: 16px;}
.testimonySlider .testimony h4.by {font-size: 14px;}
.testimonySlider .bx-viewport ul li {padding: 0 40px;}
.call_fashion {bottom: 0; left: 0; right: auto; width: 100%; display: table;}
.call_fashion > div {display: table-cell; width: 50%; text-align: center; border-radius: 0; padding: 6px;}
.call_fashion .call {border-right: 0;}
.call_fashion > div a {color: #fff; text-decoration: none;}
.call_fashion > div a span {display: inline-block; vertical-align: middle;}
.call_fashion > div a img {display: inline-block; vertical-align: middle;}
.accordion .box h4 {font-size: 16px;}
.accordion .box h4::before {content: '+';font-size: 23px; position: absolute;top: 8px;right: 0; width: 32px; text-align: center;}
.ready {display: block;padding: 13px 0;background-image: linear-gradient(to bottom right, #e50c15, #ffc107);color: #fff; text-align: center;}
.login_bt {
    background: #000000;
    padding: 7px 15px;
    color: white;
    border-radius: 5px;
    text-decoration: none;
	text-align:center;
	font-size:16px;
    /* float: right; */
	
}
.desk_top {display:none;}
.mob_tab {display:flow;}
}