@media (max-width: 400px) {
table {min-width: 420px;} 
thead th {font-size: 11px; padding: 10px 8px;} 
.year-cell, .part-cell, .num-cell {font-size: 11px; padding: 9px 8px;}
li.module-item { min-height: 61px !important; }

}
@media only screen and (max-width:600px) {
.dtr-pb-100, .dtr-py-100 { padding-bottom: 40px; } 
.dtr-pt-100, .dtr-py-100 { padding-top: 40px; }
.topbar p{font-size: 14px;}
nav.navbar.navbar-expand-lg {background: #ffffff;padding-top:65px;}

h2.heading {font-size: 20px;}
h2.heading br{display: none;}
p.byline { font-size: 14px; line-height: 1.3em;margin-bottom:20px !important;}
ul.navbar-nav li {text-align: center;}
.webinar-mob {
    display: block;
}
ul.navbar-nav li a.live-webinar {
    display: none;
}
.live-webinar {
    padding: 3px 12px;
    font-size: 13px !important;
}
/* Sticky Menu */
section.sticky-nav { background: #fff; padding: 0; position: sticky; top: 0; z-index: 99; display: block;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
img.iimj-logo {height: 45px;}
.navbar-toggler-icon{background-size: 80%;}
button.navbar-toggler { height: auto; width: 12%; padding: 0; }
.navbar-toggler-icon { background-size: 60%;}
/* Banner Section */
section.banner-section { padding: 40px 0 40px; background: #111D27 url(../images/banner-mob-bg.webp) no-repeat; background-size: cover; position: relative; background-position: 0% 100% }
section.banner-section p.cohort-details {font-size: 14px; line-height: 1.3em; letter-spacing: normal; display: inline-flex;align-items: baseline;padding: 8px 10px;}
section.banner-section p.cohort-details svg{margin-right: 7px;}
section.banner-section p.program-tagline { line-height: 1.3em; font-size: 18px; margin-top: 10px !important; }
section.banner-section img.header-img-mob { position: relative; right: 0; top: unset; height: auto; width: 100%; margin-top: 0px; bottom: -40px; }
section.banner-section p.program-title { font-size: 30px; margin-top: 15px; line-height: 1.2em; margin-bottom: 0px !important; }
h1.program-byline { font-size: 14px; line-height: 1.4em; margin-top: 30px; width: 100%; }
h1.program-byline:before {top: -25px; }
.seo-tags {
    width: 100%;
}
section.banner-section .playbutton {padding: 0px 15px; margin-left: 5px;margin-top: 0px !important;}
section.banner-section p.download-brochure .cssbuttons-io-button {padding: 12px 30px;}
section.banner-section p.header-cta {margin-top:10px !important;}
section.banner-section img.accredation-logo {position: relative; bottom:40px; height: 65px; background: #fff; border-radius: 5px; padding: 8px; left: 15px;}
section.banner-section p.header-cta .button { padding: 8px 30px; font-size: 12px; }
section.banner-section p.download-brochure .cssbuttons-io-button { padding: 7px 30px; font-size: 12px; margin-bottom: 0px !important; margin-top: 10px !important; }
.button__icon-wrapper {width: 22px;height: 22px;}

div#timer {margin-bottom: 10px;} 
div#timer div{display:inline-block;font-size:17px;font-weight:600;padding:12px 6px;color:#fff;margin:0 3px;border-radius:5px;text-align:center;line-height:72%;background:#de2d29;height:35px} 
div#timer div span{background:0 0;display:block;padding-top:15px;font-size:14px;position:relative;top:0;font-weight:500;color:#000;background:0 0} 
p.timer_trigger { font-size: 15px; font-weight: 500; color: #000000; margin-top: 8px; display: block; position: relative; vertical-align: top; padding-left: 6px; }
p.timer_trigger:after{display:none}


.mobileAccordionUI {display: block !important;width: 100% !important;padding: 0 !important;margin: 0 !important;list-style: none !important;}
.mobileAccordionUI li { justify-content: center !important; width: 100% !important; max-width: 100% !important; flex: none !important; float: none !important; clear: both !important; position: relative !important; padding: 10px 10px 10px 0px !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.35) !important; background: transparent !important; border-radius: 0 !important;color: #c3c3c3 !important; font-size: 14px !important; line-height: 1.3 !important; font-weight: 400 !important; cursor: pointer; min-height: 50px !important; }
.mobileAccordionUI li span,
.mobileAccordionUI li small {display: none !important;}
.mobileAccordionUI li.active span,
.mobileAccordionUI li.active small {display: block !important;}
.mobileAccordionUI li span { margin-top: 14px !important; font-size: 16px !important; line-height: 1.25 !important; font-weight: 500 !important; }
.mobileAccordionUI li small {margin-top: 8px !important;font-size: 16px !important;line-height: 1.4 !important;font-weight: 400 !important;}
.mobileAccordionUI li::after { content: "" !important; position: absolute !important; right: 0px !important; top: 10px !important; width: 28px !important; height: 28px !important; border: 2px solid rgba(255, 255, 255, 0.55) !important; border-radius: 50% !important; transform: none !important;}
.mobileAccordionUI li::before { content: "" !important; position: absolute !important; right: 9px !important; top:18px !important; width: 10px !important; height: 10px !important; border-right: 2px solid #A0A6C7 !important; border-bottom: 2px solid #A0A6C7 !important; transform: rotate(45deg) !important; z-index: 2 !important; }
.mobileAccordionUI li.active::before {top:22px !important;transform: rotate(-135deg) !important;}
section#courseHighlights ul li:last-child {border: unset !important;}
.mobileAccordionUI li {transition: all 0.35s ease;}
.mobileAccordionUI li::before {transition: transform 0.35s ease;}
section#courseHighlights ul li span br.break{display: none;}

form#iimjammu .with-icon input, form#iimjammu .with-icon select, form#iimjammuDC .with-icon input, form#iimjammuDC .with-icon select, form#FSDCorporteEnrolement .with-icon input, form#FSDCorporteEnrolement .with-icon select {padding: 5px 15px; font-size: 10px;height: 35px;}
form#iimjammu .with-icon.full {width: 100% !important;}
.intl-tel-input .flag-dropdown .selected-flag {padding: 8px 16px 9px 16px; }
select#mx_Total_Experience { padding-left: 10px; }
p.terms-condition-label label{font-size: 10px;}
p.terms-condition-label input[type=checkbox] {margin-top: 6px; margin-bottom: 10px; height: auto; width: 12px;}
button#form-submit-button {padding: 7px 20px; font-size: 12px;}

/* Highlights Section */
section#courseHighlights {background: #e2e5f1; padding-top: 430px;}
section#courseHighlights .col-md-12{padding: 0;}
section#courseHighlights ul { background: #001a3c; padding: 15px !important; min-height: 285px; }
section#courseHighlights .logos-slide img {margin: 0 0px;}


section#iimLegacy {position: relative;border-top: 1px solid #bfbfbf; padding-top: 40px;}
section#iimLegacy img.iimj-campus { width: 100%; margin-top: 40px;}
section#iimLegacy p.about-iimj {font-size: 14px;line-height: 1.3em;}
section#iimLegacy p.academy-logo-head { font-size: 18px; margin-top: 25px; line-height: 1.1em; }

section#directorQuote{padding-top: 30px; padding-bottom: 20px;border-bottom: 10px solid #ffffff; border-top: 10px solid #ffffff;}
section#directorQuote p.director-quote { font-size: 12px; line-height: 1.2em; width: 58%; text-align: left; }
p.director-quote span {font-size: 10px;}
p.director-quote br{display: none;}
img.director-img { position: absolute; bottom: 0; height: 170px; left: unset; right: 0; margin: auto; display: block; }

.mobile-tab-dropdown{width: 100%;}
section#curriculum p.byline {margin-bottom: 25px !important;}
select#yearDropdown { font-size: 14px; }
section#curriculum p.byline br{display: none;}
#v-pills-tab {display: none !important;}
#v-pills-tab-one {display: none !important;}
section#curriculum div#v-pills-tab {width: 100%;}
section#curriculum div#v-pills-tabContent {width: 100%;}
section#curriculum .align-items-start{flex-direction: column;}
section#curriculum .semester-modules h3 { font-size: 16px; display: inline-flex; justify-content: space-between; width: 100%;  margin-bottom: 12px;}
section#curriculum .semester-modules h3 span {font-size: 10px; padding: 6px 8px; float: right; display: inline-block;}
section#curriculum p.campus-immersion {padding: 5px 10px; font-size: 14px; margin-top: 5px; }
p.campus-immersion span {font-size: 12px;line-height: 1.2em;}
p.campus-immersion svg { width: auto; margin-bottom: 40px; height: 20px; margin-right: 7px; }
.semester-modules{padding: 12px 10px;}
.semester-modules ul{margin-bottom: 0px;}
.semester-modules ul li { min-height: 46px; vertical-align: top; padding: 8px 8px 8px 23px; font-size: 12px; position: relative; line-height: 1.2em; width: 49%; margin-bottom: 5px;}
li.module-item-two { min-height: 35px !important; }

div#electiveAccordian h2.accordion-header{line-height: 1em;}
div#electiveAccordian button.accordion-button.elective {font-size: 16px;padding: 0px 10px;}
.semester-modules ul li:before {left: 10px;top: 10px;}

.accordion {}
#accordionCurriculum button.accordion-button { line-height: 1.2em; font-size: 14px; }
#accordionCurriculum button.accordion-button:after {background-size: 70%; width: 22px; height: 22px; background-position: center;}
#accordionCurriculum .accordion-item { margin-bottom: 10px; }
#accordionCurriculum .accordion-body ul li {line-height: 1.2em;margin-bottom: 5px;font-size: 12px;}
#accordionCurriculum .accordion-body ul li:before{top: 2px;}
p.credits-heading { font-size: 16px; line-height: 1.2em; margin-bottom: 15px; }
.academic-credits { padding: 15px 12px; }
ul.learning-experience { padding:15px 10px;padding-bottom: 30px;}
ul.learning-experience li { width: 47%; margin: 7px 3px; font-size: 12px; line-height: 1.3em; display: inline-flex; align-items: center; }
ul.learning-experience li svg { background: #114173; padding: 8px; margin-bottom: 0px; margin-top: 0px; width: auto; height: 30px;}
ul.learning-experience li.optional {font-size: 10px; bottom: 0; left: 10px; }

#faculty .swiper-css-mode>.swiper-wrapper{padding-bottom: 50px;}
#faculty .swiper-slide .card-body{padding-left: 0px;}
#faculty .swiper-css-mode.swiper-horizontal>.swiper-wrapper {padding-bottom: 50px!important; }
p.more-details a {margin-left: 35px; }
table.credits-table {margin-bottom: 0px;}
table.credits-table thead th {font-size: 14px;}
table.credits-table th, table.credits-table td {padding: 5px;}
table.credits-table td{font-size:10px;line-height: 1.3em;}

#faculty .swiper-button-prev { width: 35px; height: 35px; color: rgb(255, 255, 255); background: rgb(0, 0, 0); border-radius: 30px; border: 1px solid #ababab; top: 340px; left: 0; }
#faculty .swiper-button-next { width: 35px; height: 35px; color: rgb(255, 255, 255); background: rgb(0, 0, 0); border-radius: 30px; border: 1px solid #ababab; top: 340px; left: 50px; }
#faculty .swiper-button-next:after { content: 'next'; background-size: 200%; font-size: 18px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-weight: 700; }
#faculty .swiper-button-prev:after { content: 'prev'; background-size: 200%; font-size: 18px; text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; font-weight: 700; }

.swiper-button-next.text-center { left: 100px; right: 0; margin-left: auto; margin-right: auto; text-align: center !important; }
.swiper-button-prev.text-center{right: 100px!important; right: 0; margin-left: auto; margin-right: auto; text-align: center !important;}
ul.alumni-benefits-list li {width: 48%; font-size: 17px;line-height: 1.3em; vertical-align: top; color: #000; }
ul.alumni-benefits-list li svg{margin-bottom: 50px;}
.mySwiperAlumni .card p:before { left: 5px; background-size: 30%; top: -3px; }
.mySwiperAlumni .card { padding: 35px 20px 20px; min-height: 250px;}
.mySwiperAlumni .card p {font-size: 12px;}
.mySwiperAlumni .card p strong { font-size: 14px; margin-top: 10px;}
.mySwiperAlumni .card p small {line-height: 1.3em; font-size: 10px;}

.mySwiperAlumni .swiper-button-next,.mySwiperAlumni .swiper-button-prev{top:260px;width: 30px;height: 30px;}
.mySwiperAlumni .swiper-button-next:after,.mySwiperAlumni .swiper-button-prev:after{font-size: 12px;}
.mySwiperAlumni .swiper-button-prev { left: 38%; top: unset; bottom: 10px; }
.mySwiperAlumni .swiper-button-next {left: 50%; top: unset; bottom: 10px}
.mySwiperAlumni .card .card-body img {height: 85px;}
.mySwiperAlumni .card-header {gap: 20px;}
.mySwiperAlumni .card .card-body img{margin-bottom: 10px;}

ul.eligibility-details li svg {margin-bottom: 30px; }
ul.fee-details li svg {margin-bottom: 50px;}

section#outcomes h2{margin-bottom: 20px!important;}
ul.degree-outcomes { margin-bottom: 20px; }
ul.degree-outcomes li { display: block; font-size: 14px; line-height: 1.2em; }
img.degree-certificate { margin-top:5px; height: auto; width:100%;margin-bottom: 30px;}
ul.degree-outcomes li svg { float: left; margin-bottom: 5px; width: auto; height: 12px; margin-top: 2px; margin-right: 5px; }
ul.alumin-edge {margin-bottom: 0px;}
ul.alumin-edge li{width: 48%; display: inline-block; font-size: 12px; padding: 8px 7px; line-height: 1.2em; margin-right: 2px; min-height: 50px;}
ul.alumin-edge li svg { float: left; margin-right: 5px; width: auto; height: 22px; margin-bottom: 20px; }
ul.career-training li{width: 100%;}
#outcomes h4{font-size: 18px;}

#learningOutcomes ul.learning-outcomes{padding-bottom: 220px;}
.iim-credentails{min-height: auto;}

.alumni-benefits { background: #F6F9FF; padding: 30px 5px 30px 15px; border-radius: 20px; }
p.cohort-details-one span { padding: 8px 8px; font-size: 10px; letter-spacing: normal; width: 98%; display: inline-block; line-height: 1.4em; }
.prg-form {padding: 0px 10px 0px; position: absolute; top: -680px; z-index: 9;}
p.cohort-details-one {text-align: left;}
form#iimjammu .with-icon, form#iimjammuDC .with-icon, form#FSDCorporteEnrolement .with-icon { width: 100%;} 

.program-outcomes {min-height: auto; margin-top: 20px; }
.experience-profile ul li { display: block; font-weight: 400; margin-bottom: 0px; font-size: 14px; }
.experience-profile ul li svg { margin-right: 7px; width: auto; height: 15px; }
p.experience-profile-heading { font-size: 16px; font-weight: 600;line-height: 1.2em;margin-bottom: 15px;} 
img.experience-profile-chart { margin-top: 0px; height: auto; width: 100%; }
.experience-profile ul{margin-top: 0px!important;margin-bottom: 0px;}
.Top-Functional-areas{min-height: auto!important;margin-top: 15px !important;}
.experience-profile.Top-Functional-areas ul li {width: 49%; display: inline-block; vertical-align: top; line-height: 1.2em; margin-bottom: 5px;}
.experience-profile.Top-Functional-areas ul li svg {margin-bottom: 10px;float: left;}

.experience-profile {margin-top: 10px; padding: 10px; min-height: 225px;}
.eligbility-box {padding: 30px 20px; min-height: auto; margin-top: 20px;}
 ul.course-fee-amount li { width: 100% !important;} 
 section#beginYourJourney { background: #17181c } 
  img.alumni-working {display: none;}
  img.alumni-working-mob {width: 100%;margin-top: 30px;mix-blend-mode: multiply;display: block;}
  ul.enrolment-process { position: relative; display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap:10px; margin-bottom: 0px; padding: 0px 0px; justify-content: flex-start; }
  ul.enrolment-process li { flex: 0 0 60%; scroll-snap-align: center; list-style: none; }
  ul.enrolment-process:after{display: none;}
  ul.enrolment-process li{ width: 100%; margin-bottom: 10px; border: 1px solid #e7e7e7; border-radius: 10px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; padding: 10px 0px; }
  p.apply-for-cohort a {padding: 16px 10px; font-size: 12px;font-weight: 500;}
  .cssbuttons-io-button span {font-weight: 500;}
  section#beginYourJourney p.download-brochure .cssbuttons-io-button {padding: 9px 10px; font-size: 12px; border-radius: 8px;margin-top: 5px !important;}
  p.apply-for-cohort{margin-top: 15px;}

  section#Eligibility h2{margin-bottom:20px !important;}
  .eligibility-content {padding: 15px 20px;}
  .criteria-list li {font-size: 14px; line-height: 1.3em; gap: 8px; }
  .criteria-list li .check {width: 16px;height: 16px;}
  .eligibility-content p.eligibility-heading {margin-bottom: 15px !important; font-size: 18px;}
  .eligibility-block{margin-bottom: 40px;}
  .fee-note-row{font-size: 12px;}
  .fee-box-header { padding: 20px 20px 20px;}
  .fee-box-header .label {font-size: 14px;letter-spacing: 0px;}
  .app-fee-pill{padding: 8px 8px;}
  .app-fee-pill .pill-amount {font-size: 14px;}
  .app-fee-pill .pill-label {font-size: 10px;margin-top: 0px;}
  .fee-notes {padding: 0px 0px 0px; margin-top: 20px;}
  p.prgram-fee{font-size: 26px;}
  .fee-box-header.prgm-fee-details{margin-top: 12px !important;}

.loans-body {padding: 18px 18px;}
 .card {border-radius:20px; overflow-x: auto;border-radius: 10px;} 
 /* table {min-width: 500px;}  */
 thead th {font-size: 12px; padding: 12px 10px;} 
 /* thead th:first-child {width: 110px;border-top-left-radius: 10px;}  */
 .year-cell {font-size: 12px; padding: 10px 10px;} 
 .part-cell {font-size: 11.5px; padding: 10px 10px;} 
 .num-cell {font-size: 11.5px; padding: 10px 8px;}
 thead th:last-child {border-top-right-radius: 10px;}
 section#programFAQs div#v-pills-tabContent {width: 100%;}
 .logos-slide img {margin: 0 10px;}
 .eligibility-block {display: inline-block;}
 .fee-grid {grid-template-columns: 2fr;gap: 20px;}
.loans-body {padding: 20px 20px; padding-bottom: 0px;}
 .loanPartners {font-weight: 500; font-size: 16px;}
 .bank-logos-grid{gap:5px}
 .bank-logo-tile {padding: 8px 10px;}
 .bank-logo-tile img { height: auto; width: 65%; }
 .bank-logo-tile p.morenbfc br{display: none;}
 .bank-logo-tile p.morenbfc { font-size: 10px;}
 .emi-disclaimer {font-size: 12px !important;align-items: baseline;}
.emi-options {padding: 0px 22px; padding-bottom: 15px; margin-bottom: 20px;}
 h3.payment-mode-heading {padding-left: 20px;margin-bottom: 0px;font-size: 16px;}
ul.payment-modes li {padding: 0; width: 32%; font-size: 12px;}
 ul.payment-modes {padding-left: 0px; margin-top: 10px;}
 ul.payment-modes li br{display: block;display: none;}
 ul.payment-modes li svg, ul.payment-modes li img {width: auto; height: 25px;}
 ul.payment-modes li img {height: 16px;}
 #feeStructureAccordian button.accordion-button {font-size: 14px;line-height: 3em;padding-left: 8px;}
 #feeStructureAccordian button.accordion-button::after {padding: 10px;}
table.feeStructure tr td strong { font-weight: 500; font-size: 12px;}
table.feeStructure td { font-size: 10px; line-height: 1.3em;}
table.feeStructure>tbody>tr.bg-color td {font-size: 14px; padding: 10px 10px; line-height: 1.2em;}
table.feeStructure>tbody>tr:last-child td:nth-child(2) {padding-right: 8px !important;}
ul.enrolment-process li svg{ padding: 5px;width: auto; height: 40px;}
ul.enrolment-process li strong {font-size: 14px;margin-bottom: 5px;}
ul.enrolment-process li small { font-size: 12px; line-height: 1.6em; display: block;}
ul.enrolment-process li span {margin-top: 0px; font-size: 12px;padding: 5px 20px;}
#applicationProcess h2.heading{margin-bottom: 40px !important;}

select#nav-link-one { display: block; padding: 15px 15px; font-size: 14px; font-weight: 500; margin-bottom: 30px; -webkit-appearance: auto; -moz-appearance: inherit; appearance: auto;}
section#programFAQs .accordion-button{padding: 10px 20px;font-size: 14px;}
 section#programFAQs .d-flex.align-items-start {display: inline-block!important; width: 100%;}
 section#programFAQs .accordion-body p {font-size: 12px;}
 section#programFAQs .accordion-body ul li { width: 100%; margin-left:20px; position: relative; padding-bottom: 1px; font-size: 12px; line-height: 1.4em; padding-left: 0px; }
 img.iimj-campus {display: none;}
 img.iimj-campus-mob {display: block;width: 100%;}
section#programFAQs .accordion-body ul li:before {border-style: solid; border-width: 4px 0 4px 7px; left: -14px; top: 4px;}
section#programFAQs .accordion-item{margin-bottom: 5px;}
section#programFAQs .accordion-item .accordion{--bs-accordion-btn-icon-width: 1rem;}

#programOverview p{font-size: 12px;}


/* mobile sticky footer  */
.mobile-sticky-footer { position: fixed; bottom: 0px; display: inline-flex; flex-direction: row; width: 100%; background: #fff; justify-content: space-evenly; align-items: center; padding: 5px;z-index: 100 !important; }
.mobile-sticky-footer p.header-cta, .mobile-sticky-footer p.download-brochure{margin:0}
.mobile-sticky-footer .button {padding: 12px 20px; font-size: 14px; gap: .45rem; border-radius: 10px; }
.mobile-sticky-footer .cssbuttons-io-button { font-size: 14px;padding: 10px 20px; background: #2b2a2900; border: 1px solid #000000; color: #000000; }
.cssbuttons-io-button span.download-icon .svgIcon {fill: #000000;}
.cssbuttons-io-button .icon2 {border-bottom: 2px solid #000000; border-left: 2px solid #000000; border-right: 2px solid #000000; }
.mobile-share-btn { display: inline-block;}
.pr-popup .modal-dialog {width: 90% !important;}
.desktop-social-share {display: none !important;}
.mobile-share-btn {display: inline-block;position: relative;}
.mobile-sticky-footer {z-index: 999 !important;}
.tooltip-content {right: 0;left: auto;max-width: calc(100vw - 20px);}
.mobile-sticky-footer.show {display: inline-flex!important}
#take-to-top.dtr-fade-scroll svg { padding: 13px; position: relative; left: -3px; }

 .modal-dialog { width: 90%; margin-left: auto; margin-right: auto;margin-top: 100px; } 
 .download-curriculum-form iframe { width: 100%; height: 550px; }   
 button.close { font-size: 24px; line-height: 0; right: -14px; top: -17px; padding: 14px 8px; }
.social-share { position: fixed; z-index: 99; top: unset; bottom: 0; background: #fff; left: 0; right: 0; margin: auto; text-align: center; }
.social-share a svg {display: inline-block;margin: 10px 5px 10px 6px;}
.social-share a#share-fb {margin-left: 20px;}
#take-to-top.dtr-fade-scroll {right: 30px; bottom: 170px;}
.whatsapp-float {bottom: 80px;}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :landscape) {

}
@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (orientation :portrait) {
    /* nav.navbar.navbar-expand-lg {
    background: #ffffff;
    padding-top: 75px;
} */
  ul.navbar-nav li a.live-webinar {
    display: none;
}
.webinar-mob {
    display: block;
}
img.accredation-logo {
    height: 43px;
    float: right;
}
section.banner-section p.download-brochure .cssbuttons-io-button {padding: 15px 36px;}
.playbutton span {padding: 0.9em 1.3em;}
section.banner-section p.download-brochure {margin-right: 15px;}
section#courseHighlights ul li span br{display: none;}
section#courseHighlights ul li {padding: 30px 10px;display: inline-flex; justify-content: center; align-items: center; flex-direction: column;text-align: center;}
section#courseHighlights ul li span {text-align: center;font-size: 18px;}
ul.university-rankings li {width: 25%;padding: 0 0px;font-size: 15px;text-align: left;}
ul.university-rankings li:nth-child(2), ul.university-rankings li:nth-child(3){padding-left:20px}
img.iimj-campus {margin-top: 0px;}
p.director-quote{font-size:18px;}
img.director-img {right: 0%;height: 240px;}
p.director-quote br{display:none}
h2.heading { font-size: 30px;}
section#curriculum p.byline br{display: none;}
.semester-modules ul li{vertical-align: top;}
ul.learning-experience li {width: 31%;}
p.more-details a {margin-left: 10px;}
img.degree-certificate {margin-top: 20px;margin-bottom: 30px;}
ul.alumin-edge li {padding: 20px 20px;}
.eligibility-block {grid-template-columns: 1fr;}
.fee-grid {grid-template-columns: 2fr;}
ul.enrolment-process li small {font-size: 13px;}
section#beginYourJourney {background-position: 92% 0px;}
}
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {

}
@media only screen and (min-device-width:414px) and (max-device-width:900px) and (orientation :landscape) {

}
@media only screen and (min-width:1200px) and (max-width:1250px) {
section.banner-section{overflow: hidden;}
img.header-img {right: -50px; overflow: hidden; }
p.program-tagline {font-size: 22px;}
p.program-title {font-size: 46px;}
section.banner-section{padding: 40px 0 40px; }
img.header-img {height: 490px; }
p.program-tagline {font-size: 22px;}
h1.program-byline{width: 78%;}
}
@media only screen and (min-width:1251px) and (max-width:1290px) {
section.banner-section{overflow: hidden;}
img.header-img { right: -180px; overflow: hidden; height: 630px; }
h1.program-byline {width: 80%;}
p.director-quote {font-size: 22px;}
img.director-img {height: 310px;}
}
@media only screen and (min-width:768px) and (max-width:1366px) {

}
@media only screen and (min-width :1400px) {
p.program-tagline {font-size: 24px;}
h1.program-title { font-size: 46px;}
img.header-img { height:600px; }
.eligbility-box {min-height: 400px;}
.program-outcomes {min-height:675px;}
ul.learning-outcomes li { padding: 6px 0 10px; margin-bottom: 0; font-size: 18px; line-height: 1.4em; }
.iim-credentails {min-height: 675px;}
img.key-domain-img {height: 334px;bottom: -65px;}
ul.alumni-benefits-list li {padding-right: 10px;}
.eligibility-content {padding: 56px 52px;}
.eligibility-block { display: grid; grid-template-columns: 1fr 500px; background-size: cover; background-position:100% 20%; }
.criteria-list li {margin-bottom: 8px; }
p.director-quote {font-size: 26px;}
ul.alumin-edge li {padding: 10px 25px;min-height: 134px; font-size: 18px;}
img.degree-certificate { margin-top: 20px;width: 90%; }
.mySwiperAlumni .card p small br {display:block;}
.mySwiperAlumni .card { min-height:360px; }
}

@media only screen and (min-width :1600px) {

}
@media only screen and (min-width :1800px) {
img.header-img {top: 0;height: 630px;}
img.director-img {right: 16%;}
}