@media only screen and (max-width:600px) {
.container{width:96%;max-width:96%}
img.kanpur-banner{position: absolute; top: unset; height: 390px; right: 0; z-index: 9; clip-path: none; -webkit-clip-path: none; width: 100%; /* display: none; */ bottom: 0;}
ul.highlights li{width:100%;font-size:14px;padding:15px 10px}
section{padding:60px 0}
#accordion .card-header h5 button,.card-header h5 a{padding-right:30px;text-align:left;font-size:16px}
#accordion .card-body ul{padding-left:20px}
#accordion .card-body ul li{font-size:16px;margin-bottom:10px}
#accordion .card-body p{font-size:16px}
section.faq-section{padding:60px 0 80px}
section#eMasters{padding-bottom:100px}
header.cd-auto-hide-header .container{position:relative;width:100%;max-width:100%;padding:0}
ul.navbar-nav.ml-auto{padding-right:20px;text-align:center;padding-bottom:20px;margin-top:0;position:absolute;width:100%;background:#fff;z-index:99}
ul.navbar-nav li.nav-item{padding-right:4px;padding-top:0;padding-bottom:10px;text-align:center}
a.navbar-brand{margin-left:15px}
ul.rankings-list li { min-height: auto; width: 100%; margin: 5px 0; }
section.about-kanpur ul li:last-child img{margin-bottom:60px}
section.about-talentsprint ul li:last-child img{margin-bottom:30px}
img.kanpur-campus{margin:30px 0}
h2.heading:after{width:40px}
ul.faculty-list li{display:inline-block;font-size:20px;width:100%;min-height:auto!important}
h3.sub-heading{margin-bottom:20px;margin-top:30px}
section.bannersection { padding-bottom: 170px; padding-top: 100px; position: relative; background-size: 150%; background-position: -180px 600px; }
ul.format-list li:last-child img{margin-bottom:20px}
img.first-iim-img {height: 60px;}
h1.marketing-title span { font-size: 22px; font-weight: 500; display: block; line-height: 1.4; padding-bottom: 8px; }
img.iimc-logo {height: 80px;float: none;}
img.school-accredation { height: 72px; float: none; margin-top: 30px; }
ul.faculty-list li img.faculty-arrow-icon{position:relative;bottom:0;left:0}
img.learning-platform{width:100%;margin-top:20px}
#apply-now-mob:hover{cursor:pointer;background-color:#00a453;text-decoration:none}
#apply-now-mob:active{background-color:#00a453;text-decoration:none}
.margin-bottom{margin-bottom:60px}
.fee-footer li{width:80%;font-size:14px}
.fee-footer li img{height:30px}
p.scholarship img{margin-top:10px!important;margin-bottom:10px}
nav.navbar.navbar-expand-lg a.navbar-brand img{height:70px}
header.cd-auto-hide-header{top:60px}
.bannersection p{font-size:18px}
.bannersection p br{display:none}
.prg-partner li img{height:auto;width:100%}
ul.prg-highlights{margin-top:30px;margin-bottom:15px;background:0 0;padding:0;border-radius:10px}
ul.prg-highlights li { width: 100%; padding: 20px 15px; background: #fbf1ff; margin-bottom: 5px; border-radius: 5px; display: inline-block; border-right: unset; }
ul.prg-highlights li span{font-size:28px}
section.sticky-nav.sticky{top:46px;padding:8px 0}
ul.navbar-nav li.nav-item a.nav-link.active{border-bottom:0}
section.sticky-nav a.navbar-brand{display:block}
section.sticky-nav.sticky a.navbar-brand{display:block}
.prg-highlights-list{padding:30px 20px}
section.curriculum p{padding-right:0}
section.curriculum p br{display:none}
.curriculum-highlights{padding:10px;margin-top:30px}
h2.heading span{font-size:20px;font-weight:400;padding-bottom:20px;line-height:1.2;display:inline-block;margin-top:20px}
ul.career-accelerator li{width:100%}
.deeptech-experts,.priority-career-access,.profile-showcase,.startup-ideas{margin-bottom:30px}
footer p,footer ul li a{text-align:left!important}
p.terms-condition-label input[type=checkbox]{margin-bottom:48px}
section.curriculum .curriculum-highlights img{margin-bottom:50px}
.prg-form{margin-top:35px}
.curriculum-highlights ul li{padding:20px 15px;width:100%}
p.apply-now-cta{margin-bottom:35px}
p a.intro-btn{display:inherit;text-align:center}
p.scholarship svg{margin-top:10px}
footer{padding:1% 0 50px}
.prg-partner li{width:66%}
header.cd-auto-hide-header button.navbar-toggler{right:10px;position:relative}
h2.heading{font-size:30px}
h2.heading br{display:none}
p a.intro-btn{font-size:16px;padding:15px 40px}
.bannersection .col-md-4:before{display:none}
h1.marketing-title { font-size: 32px; }
    h1.marketing-title br { display: none; }
.program-cards a{width:100%}
select#nav-link-one,select#nav-link-two{display:block}
ul#myTab,ul#pills-tab{display:none}
.card h4 br{display:none}
.card ul li{padding-bottom:10px}
ul.campus-visit-images{columns:2}
p.know-cta span{padding:12px 16px;font-size:12px}
.prg-partner{margin-top:0}
section#institute iframe{width:100%;height:1210px;border:none}
.card ul li svg {float: left; margin-bottom: 10px;    top: 2px; }
div#pills-tabContent .card ul li {
    display: block;
    margin-right: 0;
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
}
.card {
    min-height: auto;
}
.bottomcta {position: relative;}
div#downloadCurriculumReport .with-icon.single-row {width: 96%!important;}
ul.cta{padding-left: 0px;}
#whyIIMC ul.cta li {width: 100%; margin: 20px 0px;}
.circle{margin-right: auto;}
.modal-dialog {width: 90%;top: 50px;margin: auto;}
a.video-text.intro-video{position: absolute; left: 0; right: 0; top: 150px;}
ul.alumni-photos li {width: 80%;margin-bottom: 10px;}
div.community {height: auto;padding-bottom: 60px;}
.col-lg-6.col-md-12.text-center.mt-4 div.first {width: 100%;float: unset;margin: 0px;        padding: 25px 10px;}
.col-lg-6.col-md-12.text-center.mt-4 div.two { width: 100%; float: unset; margin:10px 0;         padding: 25px 10px; }
p.sub-head {line-height: 1.2;}
section#mediaCoverage ul li{width: 100%; min-height: 100px; margin-bottom: 15px;}  
.topbar p { font-size: 15px;}
#campusVisit .content .list {margin-right: 0;margin-top: 0;}
#campusVisit .content {display: inline-block;}
#campusVisit .content .text-content {width: 100%;}
#campusVisit ul.campus-visit-images li {width: 100%;}
div#carouselExampleAutoplaying .carousel-item img {margin: 10px 0;}
nav.navbar.navbar-expand-lg {top: 0px; }
header.cd-auto-hide-header p.topbar.fixed-top {font-size: 16px; line-height: 1.3; }
ul.institue-rankings li {width: 100%;}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
.container{width:90%;max-width:90%}
section.bannersection{padding-top:90px;padding-bottom:40px}
section.bannersection ul li:first-child img{margin-bottom:20px}
section.bannersection ul li{width:43%;font-size:14px}
section.bannersection ul li:last-child{width:47%}
img.kanpur-banner{right:-200px}
img.kanpur-campus{margin-top:90px}
ul.faculty-list li{width:45%;min-height:250px}
img.learning-platform{margin-top:150px}
ul.format-list li:last-child img{margin-bottom:10px}

}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
.container{width:97%;max-width:97%}
nav.navbar.navbar-expand-lg {top: 0px; }
header.cd-auto-hide-header p.topbar.fixed-top {font-size: 16px;}
section.about-talentsprint .col-md-5,section.about-talentsprint .col-md-7,section.bannersection .col-md-8,section.emaster-highlights .col-md-5,section.emaster-highlights .col-md-7{flex:0 0 90%;max-width:90%}
section.emaster-highlights.about-eMasters{padding-bottom:70px}
section.bannersection ul li{width:auto;font-size:20px;margin-right:0}
img.kanpur-banner{position:relative;top:74px;height:auto;right:0;width:70%;display:none}
ul.faculty-list li{width:46%;min-height:380px}
section.faculty-section p{padding-right:20px}
ul.format-list li{width:90%}
ul.format-list li:last-child img{margin-bottom:40px}
ul.highlights li{width:46%}
ul.navbar-nav.ml-auto{padding-right:20px;min-height:210px;text-align:center}
section.bannersection .col-md-7{-ms-flex:0 0 98.333333%;flex:0 0 98.333333%;max-width:98.333333%}
.bannersection p{font-size:20px}
.bannersection p br{display: none;}
ul.prg-highlights li { width: 32%; margin: 20px 0; }
section#apply .col-md-4,section#apply .col-md-8,section#eMasters .col-md-4,section#eMasters .col-md-8,section.emaster-highlights.about-eMasters .col-md-4,section.emaster-highlights.about-eMasters .col-md-8{-ms-flex:0 0 98.333333%;flex:0 0 98.333333%;max-width:98.333333%}
section.sticky-nav a.navbar-brand{display:block}
nav.navbar.navbar-expand-lg a.navbar-brand img { height: 72px; margin: 4px 0; }
img.learning-platform{width:70%;margin-top:30px;float:left}
.curriculum-highlights h3{margin-top:30px}
.curriculum-highlights h3 br{display:none}
section#institute iframe{width:100%;height:760px;border:none}
ul.rankings-list li{width:44%;    min-height: 295px;}
.bannersection .col-md-4:before{display:none}
ul.career-accelerator li{width:46%}
.deeptech-experts,.priority-career-access,.profile-showcase,.startup-ideas{margin-bottom:20px}
.program-cards a {width: 47%;}
.card {min-height: 490px;}
.dc-form h3 br {display: none;}
.dc-form h3 {text-align: center;}
ul.cta {padding-left: 0px;}
#whyIIMC ul.cta li {width: 45%;margin-bottom: 50px;}
div.community{height: auto;padding-bottom: 60px;}
.col-lg-6.col-md-12.text-center.mt-4 div.first, .col-lg-6.col-md-12.text-center.mt-4 div.two { float: unset; width: 100%; margin: 10px 0; }
section#mediaCoverage ul li { width: 23%; margin-bottom: 10px; min-height: 295px;}
header.cd-auto-hide-header { top: 36px;}
.topbar p { font-size: 14px;}
.circle { top: -80%; left: 250px; }
section#mediaCoverage ul li a img { height: 36px;}
section.bannersection {min-height: 950px;    background-size: contain;
    background-position: 0px 560px;}
img.first-iim-img {height: 65px;}
img.iimc-logo { height: 70px; float: right; margin-top: -150px; }
img.school-accredation { height: 85px; float: left; margin-top: 40px; }
div#formIIMC {width: 100%;margin-top: 30px;}
.submit-btn.online-apl {margin-top: 30px;}
#campusVisit .content .list {margin-right: 10px;}
#campusVisit ul.campus-visit-images li {width: 45%;}
section#mediaCoverage ul li { width: 48%; margin-bottom: 10px; min-height: 195px; }
}
@media only screen and (min-device-width:414px) and (max-device-width:900px) and (orientation :landscape) {
.container{width:90%;max-width:90%}
section.bannersection ul li{width:60%;font-size:15px}
section.bannersection ul li:last-child{width:67%}
img.kanpur-banner{right:-370px}
ul.format-list li:last-child img{margin-bottom:20px}
ul.highlights li{width:90%}
ul.faculty-list li{min-height:380px}
}
@media only screen and (min-width :1400px) {
section.bannersection {background-position: 100% -20px;min-height: 63vh;}
}
@media only screen and (min-width :1600px) {
section.bannersection {background-position: 100% -20px;min-height: 70vh;}
img.kanpur-banner { right: -210px; height: 670px; }
.bannersection .col-md-4:before{left:57px}
}
@media only screen and (min-width :1800px) {
section.bannersection {background-position: -12px -9px;min-height: 70vh;}
img.kanpur-banner{right:-20px}
.bannersection .col-md-4:before {
    left:25px;
}
}
@media only screen and (min-width:1200px) and (max-width:1290px) {
img.kanpur-banner { position: absolute; top: 0; height: 670px; right: -326px; }
.bannersection .col-md-4:before{left:13px}
section.bannersection { background-position: 0px -20px;     min-height: 84vh;}
}
@media only screen and (min-width:1200px) and (max-width:1270px) {
.bannersection .col-md-4:before{left:-23px}
}
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {
img.kanpur-banner{position:absolute;top:555px;height:1100px;right:-10px}
img.learning-platform{width:70%;margin:30px 0 0 50px}
ul.faculty-list li{min-height:310px}
ul.navbar-nav.ml-auto{min-height:auto;text-align:center}
}
@media only screen and (max-width:358px) {
nav.navbar.navbar-expand-lg a.navbar-brand img{height:48px}
.bannersection p{font-size:16px}
p a.intro-btn{font-size:18px;padding:20px 25px}
ul.prg-highlights li{width:85%}
ul.highlights li{font-size:15px}
h2.heading{font-size:30px}
.prg-form{padding:40px 20px}
p.terms-condition-label input[type=checkbox]{margin-bottom:48px}
section.curriculum .curriculum-highlights img{margin-bottom:50px}
}
@media (max-width:576px) {
#v-pills-tab{display:none}
.tab-content{margin-top:1rem}
.nav-link{display:block;padding:.5rem}
}
@media only screen and (min-width:1400px) and (max-width:1560px) {
    .bannersection .col-md-4:before {left: 60px;}
}