@media only screen and (max-width:600px) {
.dtr-pb-80, .dtr-py-80 {padding-bottom:40px;}
button.navbar-toggler { background: #ffd3bb; flex-direction: unset; justify-content: unset; gap: unset; position: unset; align-items: unset; inset: unset; padding: 5px 8px; }
p {font-size: 16px;}
ul.navbar-nav li a { color: #BCBEC0; font-size: 16px; font-weight: 300; padding: 10px 15px !important; text-align: center; }
section.banner-section { padding-top: 150px;padding-bottom: 400px;position: relative; }
p.lead-text { font-size: 110px;}
p.lead-text::after { top: -16%; right: -10%; }
.left-content {text-align: center;}
.left-content h2 {margin-top: 60px; }
img.hero-banner { position: absolute; bottom: 0; height:310px; left: unset; right: unset; top: unset; }
.banner-section .right-content {padding-left: 0;}
.right-content p.excluisve-invite {width: 100%;margin-top: 10px;text-align: center;}
p.generate-invite {text-align: center;}
.offset-1 {margin-left: 0;}
.left-content h1{margin-top: 45px;}
h2.heading {font-size: 32px;font-weight: 300;margin-bottom: 20px;line-height: 1.3em;}
p.byline-text {font-size: 18px;font-weight: 300;line-height: 1.4em;}
.expanded .overview {font-size: 20px;line-height: 1.3em;margin: 0 0 20px 5px;max-width: 100%;}
.expanded .description {font-size: 16px;margin: 0 0 0 5px;max-width: 100%;}
.ic-icon svg { width: 80px; height: 80px; fill: #ffffff69; margin-top: 20px; margin-left: 0px; }
.expanded h3 {font-weight: 400;font-size: 40px;}
.collapsed .vlabel {transform: rotate(0deg);font-weight: 400;font-size: 40px;margin-top: 0px;}
.collapsed .num {font-size: 20px;transform: rotate(90deg);}
.collapsed .ic {width: 30px;height: 30px;bottom: 18px;right: 50px;}
img.whats-next-img {margin-top: -50px;width: 100%;}
section#leadershipPerspective { margin-top: 60px; background-position: 80% 450px; }
.banner-section .divider{display: none;}
p.byline-text.mob {margin-bottom: 0 !important;}
.perspectiveSwiper{padding-top: 60px!important;}
.perspectiveSwiper .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: 40px; left: 70%; }
.perspectiveSwiper .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: 40px; right: 2%; }
.perspectiveSwiper .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; }
.perspectiveSwiper .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; }

.expanded h3 span::before{left: -100%; top: -26px; width: 60px; height: 60px;}
.expanded h3.learn span::before { left: -115%; top: -26px; width: 60px; height: 60px; }
.expanded h3.aspire span::before {left: -17px;}

.campus-immersion { border-radius: 30px; padding-bottom:10px; } 
.campus-immersion::before {border-radius: 30px;} 
.engagement-list { margin: 30px 0 0; } 
.header-row { display: none; } 
.engagement-row { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 16px 0 16px 20px; margin-bottom: 0; border-bottom: 1px solid rgba(255,255,255,0.15); } 
.engagement-row:last-child{border: unset;}
.title { font-size: 20px; font-weight: 500; } 
.line { display: none; } 
.date { min-width: auto; font-size: 17px; color: rgba(255,255,255,0.8); position: relative; padding-left:0px; } 
.cards .row { gap: 0px !important; } 
.cards .col-lg-4.col-md-6{margin-top: 20px;} 
.trifecta-card { height: auto; min-height: 280px; padding: 30px 20px; border-radius: 20px; } 
.icon-wrap { margin-bottom: 20px; } 
.icon-wrap svg { width: 60px; height: 60px; } 
.trifecta-card h3 { font-size: 20px; margin-bottom: 18px; transform: none !important; } 
.trifecta-description { position: static; opacity: 1; transform: none; left: auto; right: auto; top: auto; margin-top: 10px; font-size: 15px; line-height: 1.5; } 
.icon-wrap { transform: none !important; } 
.card-glow-top { opacity: .7; width: 180px; height: 180px; } 
.card-glow-bottom { opacity: .4; } 
.trifecta-card:hover .trifecta-description, .trifecta-card:hover h3, .trifecta-card:hover .icon-wrap { transform: none; } 
.eligibility-box { border-radius: 20px; padding: 40px 20px; } 
.eligibility-box::before {border-radius: 20px;} 
.eligibility-title { min-width: 100%; margin-bottom: 20px;text-align: center; } 
.glow-divider.custome{margin-top: 0px;}
.faculty-card {gap: 15px; align-items: center; margin-bottom: 40px;position: relative;} 
.faculty-card p.linkdinLink { position: absolute; right: 33%; top: 4px; }
.faculty-image{ width: 130px; min-width: 130px; height: 150px; } 
.faculty-content{ margin-top: 0; flex: 1; } 
.faculty-content h3{ font-size: 18px; margin-bottom: 8px; } 
.faculty-content p{ font-size: 14px; line-height: 1.5; } 
.speaker-divider { width: 280px; height: 2px; background: linear-gradient(to right, transparent, #D98552, transparent); opacity: .8; margin: 40px 0; margin-left: auto; margin-right: auto; display: block; }
.speaker-box {max-width: 100%;padding: 30px 30px;} 
.fee-box{padding: 45px 20px; border-radius: 24px; width: 100%;} 
.fee-header{ display:none; } 
/* .fee-row{ display:flex; flex-direction:column; align-items:flex-start; gap:10px; padding:18px 0; margin-bottom:0; border-bottom:1px solid rgba(255,255,255,.12); }  */
.fee-row:last-child{ border-bottom:none; } 
/* .label{ min-width:auto; font-size:16px; line-height:1.4; }  */
.line{ display:none; } 
.amount{ min-width:auto; font-size:30px; text-align:left; color:#D6844D; } 
.amount small{ display:inline-block; margin-top:2px; font-size:13px; } 

img.journey-to-lead {display: none;}
img.journey-to-lead-mob{display: block;height: auto;width: 100%;}

.faq-question {padding: 14px 10px;} 
.faq-question i {margin-right: 8px;float: left;margin-bottom: 30px;margin-top: 5px;} 
.overview-text {padding: 30px;} 
about-iimc {padding: 25px;} 
img.iimc-campus { width: 100%; margin-bottom: 30px; } 
img.iimc-rankings { width: 100%; margin-top: 80px; display: none; }
img.iimc-rankings.mob { display: block; margin-top: 30px; }

ul.review-listings {width: 100%;margin-left: unset;}
ul.review-listings li { width: 45%; margin: 15px 12px 15px 0; text-align: left; }
ul.review-listings li:nth-child(2) {border-right:unset ;}
ul.review-listings li span svg {display: block;margin: unset;margin-bottom: 12px;}
ul.ts-highlights {text-align: left;margin-top: 20px;margin-bottom: 0;}
ul.ts-highlights li { width: 45%; margin: unset; padding: 10px 0; text-align: center; margin-bottom: 15px; }
ul.ts-highlights li:nth-child(2), ul.ts-highlights li:nth-child(4) {border-right:unset ; }

.about-iimc {padding: 50px 20px;}
.alumni-benefits-list {padding: 0 20px;}
.alumni-benefits-list li {width: 100%;min-height: auto; padding: 25px 45px;}
.alumni-benefits-list { padding: 0 10px;gap: 10px;}

img.trusted-brand { height: auto; width: 80%; margin: auto; display: block; }
ul.review-listings li { width: 45%; margin-bottom: 15px; text-align: center; padding: 12px; }
ul.review-listings li span svg { display: block; margin: auto; margin-bottom: 12px; }

footer#footer::before{display: none;}
.col-lg-4.offset-2.text-right{margin-left: 0px;}
}

@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) {

}
@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:1270px) {
.banner-section .right-content { padding-left: 70px; }
}
@media only screen and (min-width :1270px) and (max-width :1290px) {
.banner-section .right-content { padding-left: 70px; }
}
@media only screen and (min-width:768px) and (max-width:1366px) {

}
@media only screen and (min-width :1400px) {
    img.hero-banner {left: -50px;}
    
.about-iimc {padding: 50px 70px;}
/* h1.lead-text::after {
    right: 30.5%;
} */
/* h1.lead-text {font-size: 192px;} */
}

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

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

}