@media only screen and (max-width:600px) {
.container{width:100%;max-width:100%}
img.banner{position:relative;top:0;height:auto;right:unset;-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);width:100%}
h2.marketing-title br{display:none}
.bannersection h1.program_title span{font-size:22px;display:inline-block;line-height:1.2;margin-bottom:10px}
.bannersection h1.program_title{padding:18px 20px}
ul.highlights li{width:100%;font-size:14px;padding:15px 10px}
section{padding:60px 0}
ul.admission-list li{width:45%;margin-bottom:30px}
section.program-structure-sec ul li{width:100%;font-size:15px}
section.program-structure-sec ul li:last-child{width:100%}
#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}
section.program-outcomes{padding-bottom:40px}
ul.navbar-nav.ml-auto{padding-right:20px;text-align:center;padding-bottom:20px;margin-top:20px}
ul.navbar-nav li.nav-item{padding-right:4px;padding-top:0;padding-bottom:10px;text-align:center}
section.program-structure-sec ul li:last-child img{margin-bottom:30px}
section.about-kanpur ul li:last-child img{margin-bottom:60px}
section.about-talentsprint ul.ts-highlights li{display:inline-block;width:49%}
section.about-talentsprint ul li:last-child img{margin-bottom:30px}
section.about-talentsprint ul.ts-highlights{margin-top:330px}
img.kanpur-campus{margin:30px 0}
ul.modules-list li{width:100%}
h2.heading:after{width:40px}
ul.faculty-list li{display:inline-block;font-size:20px;width:100%;min-height:auto!important}
img.certificate{width:90%;margin-top:20px;margin-left:auto;margin-right:auto;display:block}
h3.sub-heading{margin-bottom:20px;margin-top:30px}
section.bannersection{padding-bottom:0;padding-top:60px}
ul.format-list li:last-child img{margin-bottom:20px}
ul.key-outcomes li img{margin-bottom:8px}
ul.key-outcomes li:nth-child(4) img,ul.key-outcomes li:nth-child(5) img{margin-bottom:15px}
ul.admission-list:after{display:none}
ul.admission-round li span:before{display:none}
ul.admission-round li span{margin-left:25px;display:inherit}
ul.faculty-list li img.faculty-arrow-icon{position:relative;bottom:0;left:0}
ul.key-outcomes{padding-left:0}
img.learning-platform{width:90%;margin-top:20px;float:none}
.highlights-box h4 br{display:none}
.highlights-box h4{font-size:18px}
.box{width:230px}
ul.admission-round li img{margin-bottom:60px!important}
ul.admission-round li:first-child img{margin-bottom:10px!important}
p.mobile-apply.show a.apply-now-mob{display:block;padding:8px 20px;color:#fff;border-radius:5px;z-index:999;width:96%;left:8px;bottom:0;box-shadow:0 1px 0 #7e7575;font-weight:600;text-decoration:none}
p.mobile-apply.show #apply-now-mob{display:none;background:#00a453;height:42px;text-align:center;border-radius:4px;position:fixed;bottom:0;transition:background-color .3s,opacity .5s,visibility .5s;opacity:0;visibility:hidden;font-size:18px;font-weight:400}
#apply-now-mob:hover{cursor:pointer;background-color:#00a453;text-decoration:none}
#apply-now-mob:active{background-color:#00a453;text-decoration:none}
p.mobile-apply.show #apply-now-mob{opacity:1;visibility:visible;width:70%;border-radius:5px;display:block;left:4%;bottom:14px}
p.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}
p.mobile-apply.show span{display:block;margin-top:6px;position:relative;top:9px;left:25px;font-size:17px;line-height:120%}
.margin-bottom{margin-bottom:60px}
.item-dates img{top:9px}
.outcomes-1{margin-bottom:40px!important}
.outcomes-3{margin-bottom:70px!important}
.outcomes-5{margin-bottom:40px!important}
.outcomes-7{margin-bottom:25px!important}
.fee-footer li{width:80%;font-size:14px}
.fee-footer li img{height:30px}
p.fee-loan{font-size:15px}
p.scholarship img{margin-top:10px!important;margin-bottom:10px}
.fee-loan img{height:16px;position:relative;top:0;float:left;margin-right:8px;margin-bottom:10px}
nav.navbar.navbar-expand-lg a.navbar-brand img { height: 45px; width: 100%; }
header.cd-auto-hide-header{top:7px}
.bannersection p{font-size:18px}
.bannersection p br{display:none}
.prg-partner li img{height:auto;width:100%}
.prg-partner li:last-child img{height:100px;width:auto;margin-top:30px}
ul.prg-highlights{margin-top:0;margin-bottom:15px;background:0 0;padding:0;border-radius:10px}
ul.prg-highlights li{width:49%;padding:20px 10px;background:#fff;margin-bottom:5px;border-radius:5px;display:inline-block;font-size:14px;min-height:110px}
ul.prg-highlights li span{font-size:28px}
.barch-sticker-sec{position:relative;z-index:0;margin-top:20px;background:#fff;padding:30px 20px 30px 30px;border-radius:10px;box-shadow:0 0 12px #00000014;min-height:932px}
.skills__list-line-one{height:57%}
section.sticky-nav.sticky{top:70px}
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}
ul.key-outcomes li{width:100%;font-size:18px;margin-bottom:30px;min-height:auto}
.prg-highlights-list{padding:30px 0}
section.india-ml-lab img{padding:20px}
section.curriculum p{padding-right:0}
section.curriculum p br{display:none}
.curriculum-highlights{padding:10px;margin-top:30px}
.swiper-slide{margin-left:10px}
section#programFee #v-pills-tabContent1 .tab-pane{background:0 0;padding:0;box-shadow:none}
table.program-fee tr td{background:#fff}
ul.ts-highlights li{width:49%!important;font-size:12.5px;padding-bottom:18px}
ul.ts-highlights li span{font-size:26px}
footer p,footer ul li a{text-align:left!important}
.highlights-box{padding:30px 20px}
.modules-box{margin-top:30px}
p.terms-condition-label input[type=checkbox]{margin-bottom:48px}
section.curriculum .curriculum-highlights img{margin-bottom:50px}
.specialisation{background:#fff9f1;padding:20px;border-radius:10px;margin-right:10px;min-height:auto;margin-bottom:20px}
.barch-sticker-sec.adm-process{margin-top:30px}
ul.sub-program-structure li img{margin-bottom:30px}
.prg-form{margin-top:35px}
.iiith-highlights{margin-top:25px}
.curriculum-highlights ul li{padding:20px 15px;width:100%}
section#curriculumSec .col-md-3{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
div#downloadCurriculumReport .modal-dialog{width:90%}
div#downloadCurriculumReport button.close{right:-8px}
div#downloadCurriculumReport .modal-body{padding:20px}
.download-curriculum-form iframe{width:100%;height:590px}
.modal-dialog{margin:3.75rem auto}
.modal-body img{height:170px;margin-bottom:20px}
p.apply-now-cta{margin-bottom:35px}
a.brochure-cta{display:block;margin-top:30px;margin-left:0}
ul.sub-program-structure li{display:table-header-group}
.skills__list-line{left:25px;margin-top:70px}
p a.intro-btn{display:inherit;text-align:center}
.skills__list-line-two{height:46%}
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:28px}
p a.intro-btn{font-size:16px;padding:15px 40px;width: 100%;}
p.apply-now-cta.crlm{margin-top:20px;float:none;margin-bottom:5px;width: 100%;}
p.dc-form-cta {width: 100%;}
a.ds-btn{margin-left:0;font-size:20px;padding:15px 40px;display:inherit;width: 100%;text-align: center;}
.key-outcomes svg{margin-top:3px}
div#downloadCurriculumReport{padding-bottom:40px}
h2.marketing-title{font-size:24px}
.circle{height:70px;width:70px;top:unset;left:130px;bottom:210px;z-index:99}
.highlights-box h4 span{font-size:16px;margin-bottom:30px}
.ts-benefits{margin-bottom:20px}
section#faculty p{font-size:14px}
p.emi-details strong {top: -100px;position: relative;}
section#faq .card{margin-bottom:0}
.with-icon.single-row2{width:100%}
.corporate-form iframe{width:100%;height:540px}
div#downloadCurriculumReport .with-icon.single-row{width:100%!important}
section.news-sec ul li{width:98%;min-height:auto;padding-bottom:90px;margin-bottom:20px}
.scholarship img{margin-right:20px;height:25px}
table.program-fee tr th{font-size:20px;line-height:1.3;padding-top:25px}
div#talk iframe{width:100%;height:600px}
    div#talk .modal-dialog { margin-top: 100px !important; }
    button.close {right: -6px;}
ul.certificates li{width:100%}
.card{min-height:490px}
.project-icons-sec ul li{width:100%}
.project-icons-sec.optional{padding:40px 20px}
.project-icons-sec.optional h5{line-height:1.4}
.prg-highlights-list ul li{width:100%}
.bannersection .col-md-4:before{display:none}
ol.breadcrumb li.breadcrumb-item:first-child{padding-left:0px}
/*ol.breadcrumb li.breadcrumb-item{width:100%}*/
    ol.breadcrumb li.breadcrumb-item, ol.breadcrumb li.breadcrumb-item a {font-size: 9px;}
.prg-partner li:last-child,.prg-partner li:nth-child(2){width:43%}
.prg-partner li img.batch-sticker{height:100px;width:auto;float:left}
ul.highlights.one li{width:100%}
ul.highlights li img{display:block;float:left;margin-bottom:0}
img.batch-video1{margin-bottom:20px;        margin-top: 30px;}
.modal-body .faculty-popup img{height:auto;margin-bottom:20px;width:100%}
.modal-body .faculty-popup img.linkedin-popup{height:20px;width:auto;float:right}
.immersive-learning ul li{width:100%}
ul.certificates li img{height:auto;width:100%}
img.participant-profile{display:none}
img.img-responsive.companies-list{display:none}
img.participant-profile.mob{display:block;width:100%}
img.img-responsive.companies-list.mob{display:block}
table.program-fee{margin-bottom:35px}
.inner-accordion i.fas{position:absolute!important;top:20px!important;z-index:99;right:0}
.accordion.inner-accordion .card-header button.btn.btn-link:before,div#accordionSub .card-header button.btn.btn-link:before{display:none}
div#collapseSix ul li{display:inline-block;width:42%}
div#collapseSix ul li img{margin-bottom:0;width:100%}
.accordion.inner-accordion .card-header button.btn.btn-link,div#accordionSub .card-header button.btn.btn-link{padding-right:20px!important}
ul.highlights.one li img{display:block;float:none}
.prg-form h4{font-size:16px}
.prg-form h4.cohort-trigger{left:8%;right:8%;font-size:14px}
section#aboutIITK iframe{width:100%;height:1460px;border:none}
img.batch-sticker {height: 100px;margin-left: 0;margin-right: 30px;}
.bannersection p.program_title span { font-size: 22px; display: block; line-height: 1.3em; margin-bottom: 10px; }
.bannersection p.program_title {font-size: 32px;padding: 15px;}
ul.highlights li svg#fi_2997554 {margin-bottom: 80px;}
img.program-partner {display: block;}
.card-header {padding: 10px 35px 10px 5px;}
section.curriculum .accordion button.btn.btn-link {line-height: 1.4;}
section.curriculum .accordion button.btn.btn-link span {line-height: 1.6;display: inline-block;}
.inner-accordion i.fas, i.fas.fa-chevron-down {right: 16px;}
ul.emi-options li { display: inline-block; width: 100%;}
ul.loan-partners li { width: 62%;}
img.nps-stickers {margin-right:0px;margin-left:0px;    height: 74px;}
.topbar p { font-size: 12px; padding: 16px 8px; }
p.terms-condition-label label br { display: none; }
.modal-dialog { margin-top: 100px !important; }
/* nav.navbar.navbar-expand-lg { margin-top: 20px; } */
    section#aboutIpearl{padding-bottom: 131px !important;border-top: 1px solid #a7a7a7;}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {
.container{width:90%;max-width:90%}
section.sticky-nav.sticky {top: 20px;}
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}
.barch-sticker-sec{width:245px}
img.kanpur-campus{margin-top:90px}
ul.modules-list li{width:45%;margin-right:20px}
ul.project-modules-list li{width:90%}
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}
.modal-dialog {
    width: 93%;}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
.container{width:97%;max-width:97%}
section.bannersection{padding-bottom:780px}
section#curriculumSec{padding-top:60px}
section#aboutIITK .col-md-5,section#aboutIITK .col-md-7,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.banner{position:absolute;top:700px;height:auto;right:unset;-webkit-clip-path:polygon(0 0,0 60%,100% 60%,100% 0);width:100%}
.circle{position:absolute;top:860px;left:44%}
.modal-body img{float:left;height:140px;margin-bottom:20px;display:block;float:none}
.barch-sticker-sec{padding:30px 0 40px 30px;right:0;width:100%;margin-top:25px;min-height:auto}
ul.modules-list li{width:47%;vertical-align:top;font-size:14px}
ul.project-modules-list li{width:100%}
ul.faculty-list li{width:46%;min-height:380px}
section.faculty-section p{padding-right:20px}
ul.format-list li{width:90%}
img.certificate{width:50%;margin-top:40px}
ul.format-list li:last-child img{margin-bottom:40px}
section.program-outcomes .col-md-5,section.program-outcomes .col-md-7{flex:0 0 90%;max-width:90%}
ul.key-outcomes li{width:46%}
ul.highlights li{width:46%}
ul.admission-round li img{margin-bottom:10px}
.item-dates{font-size:12px}
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}
ul.prg-highlights li{width:49%}
section#aboutIITK .col-md-4,section#aboutIITK .col-md-8,section#apply .col-md-4,section#apply .col-md-8,section#curriculumSec .col-md-4,section#curriculumSec .col-md-8,section#eMasters .col-md-4,section#eMasters .col-md-8,section#guidelines .col-md-4,section#guidelines .col-md-8,section#outcomes .col-md-3,section#outcomes .col-md-9,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:55px;margin:0}
.barch-sticker-sec.adm-process{margin-top:40px}
ul.sub-program-structure li{font-size:15px}
ul.ts-highlights li span{font-size:34px}
ul.ts-highlights li{font-size:13px}
img.learning-platform{width:50%;margin-top:30px;float:left}
.curriculum-highlights h3{margin-top:30px}
.curriculum-highlights h3 br{display:none}
div#applicationForm{margin-top:200px}
.circle.about{height:60px;width:60px;top:100px;left:90px}
table.program-fee tr td,table.program-fee tr th{font-size:18px}
section.news-sec ul li{width:32%}
.project-icons-sec ul li{width:47%}
.prg-highlights-list ul li{width:47%}
.modal-dialog{margin-top:150px}
.bannersection .col-md-4:before{display:none}
.prg-form h4.cohort-trigger{left:25%;right:25%}
section#aboutIITK iframe{width:100%;height:920px;border:none}
ul.loan-partners li { width: 49%;}
nav.navbar.navbar-expand-lg button.navbar-toggler{position: absolute; right: 0; top: 10px;}
nav.navbar.navbar-expand-lg { width: 100%;}
img.batch-sticker{margin-top: 0px;}
}
@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}
.barch-sticker-sec{width:200px;padding:20px 10px 10px 20px}
ul.tl li .item-title{font-size:16px}
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) {
    .bannersection .col-md-4:before{left: 10%;}
}
@media only screen and (min-width :1600px) {
img.kanpur-banner{right:0}
.bannersection .col-md-4:before{left:100px}
}
@media only screen and (min-width :1800px) {
img.kanpur-banner{right:0}
.circle{left:140px}
.bannersection .col-md-4:before{left:200px}
}
@media only screen and (min-width :2000px) {
.bannersection .col-md-4:before { left: 300px; }
}
@media only screen and (min-width:1200px) and (max-width:1290px) {
img.kanpur-banner{position:absolute;top:0;height:720px;right:-85px}
.bannersection .col-md-4:before{left: -10%;}
}
@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}
header.cd-auto-hide-header {padding-top: 59px;}
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}
.prg-form h4.cohort-trigger{left:30%;right:30%}
img.banner{top:650px;width:100%}
.circle{position:absolute;top:850px;left:45%}
ul.navbar-nav li.nav-item a {font-size: 15px;}
.topbar p { font-size: 19px;}
section#aboutIITK iframe {height: 770px;}
}
@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%}
.highlights-box{padding:30px 20px}
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}
.key-outcomes svg{margin-bottom:20px}
ul.ts-highlights li span{font-size:36px;float:none;display:block}
ul.ts-highlights li{font-size:13.5px}
}
@media (max-width:576px) {
#v-pills-tab{display:none}
.tab-content{margin-top:1rem}
.nav-link{display:block;padding:.5rem}
}