@media only screen and (max-width:600px) {
    
nav.navbar.navbar-expand-lg a.navbar-brand img {height: 72px;}
section.sticky-nav{padding:0}
section.bannersection { padding-top: 20px; padding-bottom:460px; background: #000c2a url(../images/apal-mob-bag.webp) no-repeat; background-size: 100%; background-position: 100% bottom; }
h2.marketing-title span{font-size:30px;line-height:1.3em;display:inline-block}
.bannersection h1.program_title{font-size:46px;font-weight:600}
.bannersection h1.program_title span{font-weight:500}
.seo-title{width:100%;margin-top:10px}
p.byline{font-size:18px}
p.byline br{display:none}
#video-elem{display:none}
img.program-partner {padding: 12px 10px;height:98px;}
img.batch-sticker { height: 88px; margin-left: 20px; }
p.header-cta {display: inline-block;width: 160px;}
p.header-cta a.apply-now-cta { background: transparent; border: 2px solid #fff; color: #fff; font-size: 16px; padding: 12px 17px; }
p.header-video-cta a.video-text.intro-video { margin-left: 4px !important; font-size: 17px !important; padding: 10px 0px; }
p.header-video-cta a.video-text.intro-video .playbutton span { display: inline-block; font-size: 16px; width: auto; padding: 12px 20px; }
#nav-serialscrolling{position:relative;top:0;left:0;width:auto;float:left}
[data-serialscrolling-target]{margin-left:0;width:auto;margin-top:0;display:inline-block}
.slide-cards{width:100%}
ul.prg-highlights li { border-right: unset; width: 100%; padding: 40px 15px; margin-bottom: 0px; display: inline-block; font-size: 14px; min-height: 140px; border-bottom: 1px solid #cfcccc; border-radius: unset; }
ul.prg-highlights{margin-top:-40px;background:#fff;padding:0}
ul.design-quote li{width:100%}
ul.highlights.one.rankings li{width:100%}
.prg-form{margin-top:30px}
section#why-this-program li{width:100%;margin-right:0;min-height:auto}
section#why-this-program ul li img{height:42px;position:relative;bottom:0;left:0;display:block;margin-top:15px}
.slide-cards p br{display:none}
section#high-impact ul li{margin-bottom:30px}
section#high-impact ul li svg{float:none;margin-right:0;margin-bottom:10px;display:block}
section#high-impact{background-size:200%;background-position:100% 100%;padding-bottom:500px}
.program-directors{margin:10px 0}
a.know-more-link{position:relative;bottom:0;display:block;left:0}
.modal-dialog{width:93%;max-width:800px;margin-top:110px}
.modal-body img{float:none;height:140px;margin-right:22px;margin-bottom:20px;border-radius:10px;display:block}
section#curriculumSec{background-size:cover;background-position:20% 100%}
p.dc-form-cta{width:100%}
a.ds-btn{width:100%;display:inline-block;text-align:center;margin-left:0}
p.apply-now-cta.crlm{width:100%;margin-bottom:0}
p a.intro-btn{padding:18px 40px;width:100%;display:inline-block;text-align:center}
section#curriculumSec .accordion-body ul li svg{margin-bottom:10px;float:left;margin-top:3px;margin-right:10px}
section#learning-format ul li svg.one{margin-bottom:140px}
section#learning-format ul li svg{margin-bottom:62px}
section#eligibility ul li svg{margin-bottom:60px}
img.outcomes-bg{display:none}
section#outcomes ul li svg{margin-bottom:40px}
img.certificate{width:100%;margin-top:20px}
section#aboutIITK iframe{width:100%;border:none;height:1150px}
ul.loan-partners{padding:0;margin-right:0}
ul.loan-partners li{width:75%;margin-right:0}
h3.text-blk.name{font-size:20px}
.program-directors img{margin-bottom:20px;float:none;margin-top:-20px;display:block}
section#stickyNavBar{top:0;width:100%;z-index:999;padding:5px 0;}
.professional-growth h2.heading{width:100%}
.corporate-form iframe{height:750px}
.download-curriculum-form iframe{height:690px}
.learnmore-form iframe{height:730px}
div#downloadCurriculumReport .modal-body{padding:15px 5px;width:100%}
div#downloadCurriculumReport .modal-dialog{margin-top:30px;width:90%}
section.sticky-nav ul li.nav-item.apply-link a{margin-top:6px}
.mobile-apply.show{height:75px;position:fixed;bottom:-20px;width:100%;background:#fff;left:0;padding-bottom:65px;box-shadow:0 0 10px #b9b9b9;border-top:1px solid #b2b2b2;display:inline-block}
.mobile-apply.show a { background: #000000; color: #fff; padding: 10px 20px; display: inline-block; margin-top: 15px; position: relative; left: 20px; width: 90%; text-align: center; font-size: 17px; font-weight: 500; text-decoration: unset; border-radius: 50px; }
h2.heading.eligibility{font-size:30px;margin-top:40px}
section#mobileAccordian .accordion-item .accordion-body{padding:0}
footer{padding:8% 0 35%}
section#mobileAccordian .accordion-item{background:transparent;border:none;margin-bottom:0}
section#mobileAccordian .accordion-button{background:transparent;border:none;text-decoration:underline;padding:10px}
section#mobileAccordian .accordion-button::after{background-color:#a7a7a7;border-radius:50%;background-size:58%;width:30px;height:30px;margin-left:20px}
.accordion-button:not(.collapsed){box-shadow:none}
.highlights-box{padding:40px 20px}
ul.highlights{margin-bottom:0}
section#aboutIIMC { background-size: 190%; background-position: 80% 123%; }
.about-iimc { padding: 20px; margin-top: 0px; margin-bottom: 110px; }
header {margin-top: 0;}
.topbar {padding: 10px 5px;font-size: 14px;}
/* .navbar-toggler {display: block !important;} */
/* nav.navbar.navbar-expand-lg { padding: 0; background: #fff; top: 35px; z-index: 999; } */
div#timer { margin-top: 0; margin-bottom: 40px; border-radius: 8px; text-align: left; margin-left: 0; }
section#mediaCoverage ul li{width: 100%; min-height: 100px; margin-bottom: 15px;}   
section#participant-profile .col-lg-8.offset-2 { margin-left: 0;} 
/* img.work-exp-img { width: 100%; } */
img.apal-organisations { width: 100%; }
img.functional-areas-img { width: 100%; }
section#outcomes {background-size: 160%;background-position: 0% 100%; padding-bottom: 450px; }
section#programEnrolment ul li {width: 100%;margin-top: 40px;}
section#programEnrolment ul:after, p.star-label.text-center.mt-5 br{display: none;}
.professional-growth h2.heading br{display: none;}
#EducationAlumni img.iimc-building {width: 100%;}
.alumni-ranking ul li br{display: none;}
.webinar-topbar { background: #333; padding: 10px 25px; font-size: 17px; color: #fff; text-align: center; margin-bottom: 0; width: 100%; z-index: 1000; line-height: 150%; font-weight: 400; position: fixed; top: 0; }
nav.navbar.navbar-expand-lg {margin-top: 100px;}
img.d-block{width: 100%;}
ul.alumni-testimonial li{width: 100%;}
ul.alumni-testimonial { padding-left: 0;}
img.work-exp-img{width: 100%;}

ul.research-quotes{width: 100%;padding: 0;}
ul.research-quotes li{width: 100%!important;border-right: unset!important;border-bottom: 1px solid #9F9F9F}
.mySwiperOne .swiper-button-next {right: 0px;}
section#ExecutiveAlumni {background-size: 250%; background-position: 95% 100%; padding-bottom: 350px; }
#curriculumSec a.apply-now-cta{width: 100%; justify-content: center;}
button.cssbuttons-io-button.brochure-cta.download-link{margin-left: 0px!important;width: 100%;margin-top: 30px!important;}
ul.CampusImg.text-center li {width: 80%; margin: 15px 5px;margin-bottom: 15px; margin-top: 13px; }
section#aboutIpearl{padding-bottom: 131px !important;background-size: contain !important;}
img.batch-video1 {  margin-top: 25px; }
}

/* MOBILE SLIDER */
@media(max-width: 768px){
  .highlights-box ul.highlights, #mediaCoverage ul{ display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 14px; padding: 10px 12px; } 
  .highlights-box ul.highlights li, #mediaCoverage ul li{ flex: 0 0 85%; scroll-snap-align: center; border-radius: 14px; background:#fff; padding: 18px 16px; list-style: none; box-shadow: 0 8px 24px rgba(0,0,0,0.08); } 
  .highlights-box ul.highlights::-webkit-scrollbar,  #mediaCoverage ul::-webkit-scrollbar{display:none;} 
  .highlights-box ul.highlights, #mediaCoverage ul{scrollbar-width:none;}
  
  
  
  .highlights-box { padding: 0px; background: unset; box-shadow: unset; }

}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
section#stickyNavBar{display:block;position:fixed;top:0;width:100%;z-index:999;padding:5px 0}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
#video-elem{width:100%;height:870px;object-fit:cover;position:absolute;top:0;left:0}
/* ul.prg-highlights{margin-top:-55px;margin-bottom:15px;background:transparent;padding:0}
ul.prg-highlights li{width:24%;margin-bottom:10px;border:unset;background:#fff;padding:22px 20px;border-radius:10px;min-height:120px}
.prg-form{min-height:605px;margin-top:-60px} */
.prg-form{min-height: 500px;}
ul.prg-highlights{padding: 22px 10px;}
ul.prg-highlights li img { height: auto; width: -webkit-fill-available; }
.prg-form form{padding:15px 30px}
p span.trigger-bottom{top:47px;left:30%;right:30%}
form#TalentSprintFintech .with-icon input,form#TalentSprintFintech .with-icon select{height:35px}
.prg-form h4{margin-bottom:10px;padding:20px 10px}
p.terms-condition-label input[type=checkbox]{margin-bottom:48px}
button#form-submit-button{padding:14px 25px}
ul.design-quote li{width:48%;margin-right:10px}
ul.highlights.one.rankings li{width:48%;margin-right:10px;min-height:230px;line-height:1.5em}
ul.highlights.one.rankings li strong{margin-bottom:5px;color:#000;line-height:1.5em;display:block;margin-top:10px}
#nav-serialscrolling{width:100%;position:unset}
[data-serialscrolling-target]{margin-left:0}
section#high-impact ul li{width:100%}
section#high-impact{background:#fff}
.program-directors{min-height:auto;margin-bottom:30px}
#curriculumSec p a.intro-btn{padding:20px 83px}
#curriculumSec p.dc-form-cta{margin-top:40px}
#curriculumSec a.ds-btn{margin-left:0}
section#learning-format{background:#181010}
.professional-growth h2.heading{width:100%}
img.certificate{margin-top:50px}
img.outcomes-bg{top:unset;bottom:0;display:none}
br.break{display:none}
img.alumni-model{width:27%;right:50px}
ul.loan-partners li{width:30%}
section#aboutIITK iframe{height:850px}
p.byline br{display:none}
a.know-more-link{position:relative;bottom:unset;left:unset;display:block;margin-top:12px}
.barch-sticker-sec.adm-process{margin-top:40px}
div#financeOptions .col-md-6{width:100%}
section#curriculumSec{background-size:cover;background-position:0 80px}
nav.navbar.navbar-expand-lg a.navbar-brand img {height: 80px;margin: 4px 0;}
nav.navbar.navbar-expand-lg.fixed-top button.navbar-toggler {position: relative;right: -210px;}
.topbar {font-size: 15px;}
.navbar-toggler {display: block !important;}
section#mediaCoverage ul li {  width: 32%; margin-bottom: 10px;}
section#participant-profile .col-lg-8.offset-2 { margin-left: 0;} 
img.functional-areas-img {width:70%;}
img.work-exp-img {width:70%;}
ul.highlights.one.rankings li img { height: 35px; }
section#outcomes{background: #f5f5f5}
section#programEnrolment ul li {vertical-align: top; }
p.star-label.text-center.mt-5 br{display: none;}
section#mediaCoverage ul {text-align: center;}
ul.alumni-testimonial li {width: 31%;padding: 15px;min-height: 330px; font-size: 16px;padding-top: 40px;}
ul.alumni-testimonial li span {font-size: 16px;}
.highlights-box ul.highlights li, #mediaCoverage ul li {flex: 0 0 45%;}
section#curriculumSec { background-size: cover; background-position: 60% 100%; }
section#ExecutiveAlumni{background-position: 70% 40px;background-size: 150%;}
section#eligibility{background-position: 70% 40%;}
ul.alumni-testimonial li {min-height: 290px;}
section#aboutIpearl{background-size: contain !important;}
section#alumni-testimonial .col-lg-4.col-md-12 { width: 33%; }
}
@media only screen and (min-width:1200px) and (max-width:1290px) {
/* img.outcomes-bg{height:865px} */
img.alumni-model { width: 24%; right: 170px; }
.slide-cards{width:420px}
[data-serialscrolling-target]{margin-left:60%}
section#high-impact{background-size:105%}
/* section#outcomes{background-position: -80px 0px;} */
}
@media only screen and (min-width :1400px) {
    section#outcomes {background-size: contain;}
    section#eligibility { background-position:100% 50%; }
}
@media only screen and (min-width :1600px) {
.bannersection .col-md-4:before{left:90px}
img.alumni-model {width: 19%;right: 300px;}
}
@media only screen and (min-width :1800px) {
.bannersection .col-md-4:before{left:250px}
img.certificate{margin-left:110px}
img.alumni-model{width:14%;right:401px}
#video-elem{right:0;left:unset;object-fit:contain;object-position:bottom right}
section#eligibility {min-height: 600px;}
}
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {
.professional-growth h2.heading{width:100%}
img.certificate{margin-top:0}
img.outcomes-bg{bottom:0;right:-60px}
p span.trigger-bottom{top: 53px; left: 5%; right: 5%;}
.circle {left:550px;top: -200px;}
nav.navbar.navbar-expand-lg.fixed-top button.navbar-toggler {display: none !important;}
.navbar-toggler { display: none !important; }
a.video-text.intro-video {top: 510px; right: 830px;}
section#participant-profile .col-lg-8.offset-2 { margin-left: 16.66666667%;} 
ul.design-quote li { width: 47%; margin-right: 10px; vertical-align: top; min-height: 280px; }
ul.highlights.one.rankings li {width: 47%;}
img.work-exp-img {width: 90%!important;}
img.functional-areas-img { width: 80%; }
section#high-impact { background: url(../images/high-impact-bg.webp) no-repeat; background-size: cover; background-position: 70% 100%;}
section#outcomes { background: #f5f5f5 url(../images/outcomes-sec-bg.webp) no-repeat; background-size: cover; position: relative; background-position: 50% 0px; }
.program-directors {min-height: 450px;}
section#learning-format { background: #f4f5fa url(../images/format-bg.webp) no-repeat; background-size: cover; background-position: 50% 100%; }
section.about-kanpur {padding-bottom: 0px;}
.highlights-box ul.highlights.one.rankings li {width: 47%;min-height: 200px;}
section#eligibility ul {padding-left: 0; width: 60%;}
}

@media only screen and (max-device-width:932px) and (min-device-width:430px) and (orientation:portrait) {
    section#aboutIIMC { background-position: 100% 121%;}
}