@media only screen and (max-width:600px) {
.dtr-pb-100, .dtr-py-100 { padding-top: 40px; padding-bottom: 40px; }
.button {padding: 15px 25px;font-size: 14px;}
section.banner-section p.download-brochure .cssbuttons-io-button { padding: 12px 28px; font-size: 14px; }
ul.navbar-nav li { text-align: center; }
h2.heading { font-size: 28px;}
h2.heading br{display: none;}
p.byline {font-size: 16px;}
p.byline br{display: none;}
.topbar p {font-size: 12px; padding: 10px 5px;}
img.iimj-logo {height: 55px;}
img.accredation-logo { display: none;}
#stickyNavBar img.iimj-logo {height:55px;}
section.banner-section { background: #eef6ff url(../images/ebba-banner-bg-mobile-new.webp) no-repeat; min-height: 790px; padding: 50px 0 50px; background-position: 100% 100%; background-size: 100%; }
.header-mob-banner-img{ position:absolute; right: 0px; top: unset; height: auto; width: 100%; bottom: 0;}
nav.navbar.navbar-expand-lg.d-md-block {position: relative; }
nav.navbar.navbar-expand-lg {display:block;padding-top:65px;}
.topbar span {font-size: 12px;}
button.navbar-toggler { position: absolute; right: 0; top: 70px; }
ul.navbar-nav li a {font-size: 14px;padding: 3px 0px;}
.topbar span {font-size: 12px;}
section.sticky-nav { background: #fff; padding: 0; position: sticky; top: 0; z-index: 99; display: block; } 
p.cohort-details { font-size: 14px;}
h1.program-title { font-size: 24px; }
h1.program-title small {font-size: 16px;}
h1.program-title span {font-size: 30px;}
p.program-byline { font-size: 14px; line-height: 1.4em;margin-bottom: 0px;margin-top: 10px !important;width: 100%;}
p.program-byline strong{font-weight: 600;}
.banner-section .button__icon-wrapper { flex-shrink: 0; width: 20px; height: 20px;}
nav.navbar.navbar-expand-lg p.cohort-details{display: block;}
ul.batch-details li {width: 100%;}
ul.batch-details li br{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: #fff !important; font-size: 16px !important; line-height: 1.3 !important; font-weight: 400 !important; cursor: pointer;min-height:60px!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: 18px !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: 11px !important; width: 38px !important; height: 38px !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: 14px !important; top: 23px !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:27px !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;}

p.section-tagline:before, p.section-tagline:after{width: 50px;}
p.continous-education {font-size: 20px;}
.industry-academia-partnership .relevance-byline { font-size: 14px; margin-top: 0px !important; }
h4.heading { margin-top: 25px !important; }

.industry-academia-partnership img.acn-logo-relevance { position: absolute; right: 5%; top: 5%; width: auto; height: 20px; }
.industry-academia-partnership { padding: 190px 20px 20px; min-height: auto; margin-bottom: 30px; }
.industry-academia-partnership img.iimj-short-logo {right: 5%; top: 5%;height: 55px; }
.industry-academia-partnership img.acn-logo-relevance {right: 5%; top: 2%; width: auto; height: 20px; }
ul.relevance-key-points{margin: 0; padding: 0;}
ul.relevance-key-points li {font-size: 14px;line-height: 1.2em;padding-bottom: 0px;padding: 10px 0 0px;}
p.industry-expousre-heading{margin-top:20px;}
ul.indsutry-exposure li { line-height: 1.2em; width: 49%; margin-right: 0px; margin-bottom: 6px; font-size: 14px; padding: 7px 10px; display: inline-flex; justify-content: flex-start; min-height: 105px; flex-wrap: nowrap; flex-direction: column; }
ul.indsutry-exposure li br{display: none;}
ul.indsutry-exposure li img {float: left; margin-bottom: 5px; margin-right: 5px; width: 27%; height: auto;}
p.academia-label {left: 26%;}
img.accredation-logos { height: 32px; margin-left: 0px; margin-top: -5px; }
.industry-academia-partnership .accredations { margin-bottom: 30px; margin-top: 25px !important; font-size: 14px; }
.industry-academia-partnership.iimj-partnership { min-height: auto; margin-bottom: 0px;}
section#exitOptions { background: #fff; }
#exitOptions  h2.heading {margin-bottom: 25px !important;}
#exitOptions ul.multiple-options {margin-top: 0px !important;}
ul.degree-outcomes li svg {float: left; margin-bottom: 10px; }
ul.alumin-edge li{min-height: auto;width: 100%;}
ul.career-training li { width: 32%;line-height: 1.3em; vertical-align: top; font-size: 13px; margin: 0; padding: 10px; display: inline-flex; flex-direction: column; min-height: 160px; align-items: center; text-align: center; }
ul.career-training li svg {padding: 10px;margin-right: 10px; margin-top: 0px; width: 55%; height: auto; margin-bottom: 10px; }
img.eligibility-img{display: none;}
.eligibility-card{width: 100%;min-height: auto;padding: 20px 20px 20px 20px;}
ul.program-fee-plans { margin-bottom: 0px !important; }
ul.program-fee-plans li { width: 100%;margin-bottom: 10px;font-size: 16px;}
ul.program-fee-plans li span{font-size: 30px;}

.eligibility-card p, .eligibility-card li { font-size: 14px; color: #000000; line-height: 1.3em; }
.eligibility-card h3 { font-size: 18px; margin-bottom: 10px; color: #000000; }
.eligibility-cards {gap: 10px;}
.eligibility-card ul { padding-left: 0px; margin: 0; }
.enrolment-process ul li {width: 100%;;display: inline-flex;justify-content: center; flex-direction: column; align-items: center;margin-bottom: 40px;}
.enrolment-process ul li small{text-align: center;}
.enrolment-process ul:after{display: none;}
section#beginYourJourney { background: #000; padding: 100px 5px; }
form#iimjammu .with-icon, form#iimjammuDC .with-icon, form#FSDCorporteEnrolement .with-icon { width: 100%;}
section#beginYourJourney h2.heading{ line-height: 1.2em; font-size: 30px; }
section#corporateLogos {border-bottom: 1px solid #e5e5e5;margin-top: -70px;}
.corporate-logos:before, .corporate-logos:after {width: 80px;}
.fee-footer li {width: 100% !important; font-size: 14px;}
.fee-footer li svg{width: auto;height: 30px;}
.program-fee-details { margin-bottom: 20px; padding: 20px 20px; min-height: auto;}
p.payment-heading { margin-top: 0px !important;}
ul.loan-partners li { width: 31%;padding: 5px 10px; margin-right: 4px; border: 1px solid #e5e5e5;margin-bottom: 0px;}
ul.fee-disclaimers { margin-top: 15px !important; }
ul.fee-disclaimers li { display: block; font-size: 12px; margin-bottom: 0px; }
.fee-footer {margin-bottom: 0; }
ul.payment-modes li { padding: 5px 0px 5px 0; font-size: 13px; width: 32%; line-height: 1.4em; vertical-align: middle; }
ul.payment-modes li img { height: 16px; }
ul.enrolment-process:after { left: 120px;width: 215%;display:none}
ul.payment-modes li svg{ display: block; margin: auto; margin-bottom: 5px; width: auto; height: 25px; }
ul.enrolment-process li strong {font-size: 18px;}
ul.payment-modes li br{display:block}
.fee-footer li:last-child {margin: 0; }
ul.loan-partners { margin: 0; }
.loan {font-size: 18px; }
ul.enrolment-process li small { font-size: 13px; line-height: 1.7em; display: inline-block; }
ul.enrolment-process li span {font-size: 15px;padding: 5px 10px;}
p.app-fee-details { font-weight: 400; margin-top: 10px !important; }
section#faq .accordion-button {padding: 20px 15px 20px 20px;}
#take-to-top.dtr-fade-scroll {bottom: 160px;right: 35px;width: 35px;height: 35px;}
.whatsapp-float {bottom: 90px;right: 27px;}
.whatsapp-float svg{width: 45px;height:45px;}
section#careerReadiness { background-size: 200%; position: relative; background-position: 50% 4%; padding-bottom: 120px; padding-top: 50px;}
div#feeStructureAccordian { margin-top: 0px !important; }
p.section-tagline.mb-4 { margin-bottom: 12px !important; }
ul.career-training.first-list { margin-top: 190px; }
section#programFee h2 {line-height: 1em; }
#feeStructureAccordian button.accordion-button{font-size: 16px;}
#feeStructureAccordian .accordion-body { padding: 0px 5px;padding-bottom: 10px; }
#feeStructureAccordian .accordion-body .card.table-card-div p.p-2 {line-height: 1.2em;}
#feeStructureAccordian .accordion-body small{font-size: 10px;line-height: 1.2em;}
table.feeStructure th { font-weight: 500; font-size: 12px; vertical-align: top; padding: 5px; line-height: 1.3em; }
table.feeStructure td { font-size: 10px; padding: 3px; line-height: 1.4; }
.card.table-card-div p strong{font-size: 13px; line-height: 1.2em;}
.card.table-card-div p:last-child{line-height: 1em;}
.semester-modules{padding: 20px 10px;}
#curriculum .semester-modules h3 { font-size: 22px; }

table.semester-topics th{font-size: 16px;padding: 15px 12px;}
table.semester-topics td {padding: 10px 12px;font-size: 14px;line-height: 1.3em; }
section#curriculum .d-flex.align-items-start { display: inline-block !important; width: 100%; } 
select#nav-link-one { display: block; padding: 15px; font-size: 18px; font-weight: 500; margin-bottom: 30px; -webkit-appearance: auto; -moz-appearance: inherit; appearance: auto; } 
#v-pills-tab { display: none !important; } 
section#curriculum div#v-pills-tabContent { width: 100%; } 
section#programFAQs .d-flex.align-items-start { display: inline-block !important; width: 100%; } 
p.curriculum-note { font-size: 12px;line-height: 1.4em; }
#v-pills-tab-one { display: none !important; } 
select#nav-link-two { display: block; padding: 15px; font-size: 18px; font-weight: 500; margin-bottom: 30px; -webkit-appearance: auto; -moz-appearance: inherit; appearance: auto;} 
section#programFAQs  div#v-pills-tabContent { width: 100%; } 
.modal-dialog { width: 90%; margin-left: auto; margin-right: auto;margin-top: 70px; } 
.download-curriculum-form iframe { width: 100%; height: 550px; } 
.specialization-highlights { display: inline-flex; flex-direction: column; padding-bottom: 80px; } 
section#programStructure h3 { width: 80%; margin: auto; } 
#programStructure ul { padding-left: 0px; border: unset; }
ul.specialization-subjects li { display: inline-flex; width: 45%; flex-direction: column; margin-top: 25px; }
ul.specialization-subjects { width: 100%; margin: auto; border-left: unset; }
ul.alumni-logos li { width: 32%; display: inline-block; font-size: 10px; vertical-align: top; line-height: 1.3em; margin-bottom: 3px; padding: 10px 0px; }
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; padding: 0px 0px; justify-content: flex-start;    padding-bottom: 15px; }
ul.enrolment-process li { flex: 0 0 60%; scroll-snap-align: center; list-style: none; border: 1px solid #dddddd70; padding: 10px; border-radius: 15px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
section#mediaCoverage img.pr-img { height: auto; width: 68%; }
section#mediaCoverage ul li.pr-img { padding: 15px !important; padding-top: 15px !important; }
section#mediaCoverage ul li {min-height: 190px; padding: 20px 15px; }
ul.degree-outcomes li { font-size: 15px; display: block; }
img.degree-certificate { margin-top: 10px; height: auto; width: 100%; }
ul.alumin-edge li { width: 49%; margin-right: 0px; padding: 15px 20px; font-size: 15px; line-height: 1.3em; min-height: 140px; }
p.terms-condition-label {width: 95%; display: flex; }
section#programFAQs .accordion-button {padding: 10px 20px; font-size: 15px;line-height: 1.3em; }
section#programFAQs .accordion-body p { font-size: 14px; line-height: 1.4em; }
section#programFAQs .accordion-body ul li{font-size: 14px;line-height: 1.3em;padding-bottom: 0px;}
section#programFAQs .accordion-body ul li:before { top: 5px; left: -18px; border-width: 5px 0 5px 7px; }
.desktop-social-share {display: none;}

/* 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: -5px; top: -4px; }
}

/* MOBILE SLIDER */
@media(max-width: 768px){
 ul.multiple-options, section#mediaCoverage ul { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 10px; padding: 0px 0px; justify-content: flex-start; }
ul.multiple-options li, section#mediaCoverage ul li { flex: 0 0 90%; scroll-snap-align: center;  list-style: none; }
ul.multiple-options::-webkit-scrollbar, section#mediaCoverage ul::-webkit-scrollbar {display:none;} 
ul.multiple-options, section#mediaCoverage ul{scrollbar-width:none;}

}
@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) {
img.header-img{display: none!important;}
img.accredation-logos { height: 40px; margin-left: 0; margin-top: 10px; }
ul.indsutry-exposure li { width: 100%;margin-right: 0; }
.industry-academia-partnership {min-height: 920px;padding: 180px 18px 20px;}
ul.multiple-options li { flex: 0 0 36%; scroll-snap-align: center;  list-style: none; }
ul.career-training li {width: 100%;font-size: 16px; }
ul.career-training li svg {width: 40px;height: 40px;margin-top: 0;margin-bottom:10px}
section#careerReadiness {background-position: 50% 20%;}
.corporate-logos:before, .corporate-logos:after {width: 100px;}
img.eligibility-img{display:none;}
.program-fee-details {margin-bottom: 20px;}
ul.enrolment-process:after {left: 80px;}
section#beginYourJourney {background-position: 75% 90%;}
ul.alumni-logos li {width: 30%;}
nav.navbar.navbar-expand-lg {padding-top: 85px; }
.topbar p {font-size: 14px;}
}
@media only screen and (max-device-width:1366px) and (min-device-width:1024px) and (orientation:portrait) {
nav.navbar.navbar-expand-lg {padding-top: 55px;}
}
@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 { min-height: 638px; } 
  ul.multiple-options li{margin: 3px 3px;}
}
@media only screen and (min-width:1251px) and (max-width:1290px) {
section.banner-section { min-height: 678px; }
ul.multiple-options li{margin: 3px 3px;}
img.header-img {right: -100px;}
.accredations {margin-bottom: 25px;}
section#careerReadiness {background-position:100% 0%;padding-bottom: 110px; }
.industry-academia-partnership {min-height: 870px;}

}
@media only screen and (min-width:768px) and (max-width:1366px) {

}
@media only screen and (min-width :1400px) {
section.banner-section { min-height: 760px; }
p.program-byline br{display:block;}
img.accredation-logos {height: 65px;margin-left: 28px;}
.accredations {margin-bottom: 10px;}
img.career-ready {height: 650px;left: 30%;}
section#courseHighlights ul li{padding: 0px 15px;}
.industry-academia-partnership{padding: 310px 18px 20px;}
.eligibility-cards { gap: 20px;}
.eligibility-card {padding: 30px 20px 10px 20px; width: 230px; min-height: 230px; }
.eligibility-card h3 {font-size:20px;}
.eligibility-card p, .eligibility-card li {font-size: 16px;}
img.header-img { position: absolute; right: -30px; top: 0px; height: 730px; }
ul.alumin-edge li {min-height: 150px;}
section#outcomes { position: relative; }
ul.career-training.first-list { margin-left: 120px; }
img.degree-certificate { width: 87%; margin-top: 20px; }
section#careerReadiness { background-position: 100% 30%; padding-bottom: 100px; }
.industry-academia-partnership {min-height:820px;}
}

@media only screen and (min-width :1600px) {
section.banner-section {min-height: 875px;}
section#outcomes { position: relative; }
section#careerReadiness { background-position: 100% 30%; padding-bottom: 100px; }
}
@media only screen and (min-width :1800px) {
section.banner-section { padding: 50px 0 50px; background: #ebefff url(../images/ebba-banner-bg-large-devices.webp) no-repeat; background-size: 100%; position: relative; background-position: 100% 80%;min-height: 940px;}
img.header-img {height:780px;}
img.career-ready {left: 34%;}
section#outcomes { position: relative;}
section#careerReadiness { background-position: 100% 28%; padding-bottom: 200px; }
}

@media only screen and (min-width: 2000px) {
section.banner-section {min-height: 1075px;}
}