@media only screen and (max-width:600px) {
/* Global css */
.py-5 {padding-top:3rem !important;padding-bottom:3rem !important;}
.section-heading, .smff-programme-heading,.iit-advantage-left h2, .smff-impact-heading, .smff-eligibility__heading, .smff-final-cta__heading{font-size: 36px;}
.section-byline,.iit-main-text {font-size: 16px;line-height: 1.4em;}
.section-heading span {display: block; }
.modal-dialog { width: 95%; max-width: 800px; margin-top: 30px; }
 .download-curriculum-form iframe { width: 100%; height:630px; }
 div#talk iframe { width: 100%; height:60px; }

/* Banner sec */
.smff-hero { background: #eff6fe url(../images/smff-banner-mob.webp) no-repeat; background-repeat: no-repeat; background-position: 100% 100%; background-size: 100%; padding-bottom: 340px; padding-top: 140px;}
.smff-hero__title{font-size:35px;}
.smff-hero__title span{font-size: 20px;}
.smff-hero__description {font-size: 16px;line-height: 1.3; }
.smff-hero__main { min-height: 500px; }
.primary-cta {min-height:50px; padding: 18px 28px;font-size: 15px; padding-top: 12px; }
.smff-highlight {min-height: 150px; padding: 15px 15px; flex-direction: column; justify-content: flex-start; text-align: center; }
.smff-highlight__icon { display: grid; flex: 0 0 45px; width: 45px; height: 45px;}
.smff-highlight strong {margin-bottom: 4px; color: var(--smff-navy); font-size: 16px; font-weight: 600; line-height: 1.25; }
.smff-highlight span {font-size: 14px;line-height: 1.2;}
.smff-highlight__icon svg { width: 22px; height: 22px;}
.smff-hero__content {padding-top: 0px;padding-bottom: 0px;}
.smff-highlight--second::after{display:none}

/* Form section */
.industry-growth-shape--top{display: none;}
.growth-stat{max-width:max-content}
.growth-stat:first-child{padding-left:0}
.growth-stat--last{border-right:0}
.row.row-cols-1.row-cols-md-3:has(.growth-stat){flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;padding-bottom:14px;scroll-snap-type:x proximity;scrollbar-width:auto;scrollbar-color:#428cc9 #dcebf7}
.row.row-cols-1.row-cols-md-3:has(.growth-stat) > .col { flex: 0 0 62%; width: 62%; max-width: 230px; scroll-snap-align: start; }
.row.row-cols-1.row-cols-md-3:has(.growth-stat)::-webkit-scrollbar{height:5px}
.row.row-cols-1.row-cols-md-3:has(.growth-stat)::-webkit-scrollbar-track{border-radius:20px;background:#dcebf7}
.row.row-cols-1.row-cols-md-3:has(.growth-stat)::-webkit-scrollbar-thumb{border:2px solid #dcebf7;border-radius:20px;background:#428cc9}
.row.row-cols-1.row-cols-md-3:has(.growth-stat)::-webkit-scrollbar-thumb:hover{background:#176bb0}

/* Form */
.application-form {padding: 42px 25px;}

/*USP Highlight section */
.smff-programme-heading span{margin-top: 0px;}

#programme .col-12.col-lg-6 > .d-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(280px,82%);align-items:stretch;overflow-x:scroll;overflow-y:hidden;padding-bottom:14px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:auto;scrollbar-color:#65b6f7 #ffffff24}
#programme .smff-feature-card{width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}
#programme .col-12.col-lg-6 > .d-grid::-webkit-scrollbar{height:8px}
#programme .col-12.col-lg-6 > .d-grid::-webkit-scrollbar-track{border-radius:20px;background:#ffffff24}
#programme .col-12.col-lg-6 > .d-grid::-webkit-scrollbar-thumb{border:2px solid #071b3ae6;border-radius:20px;background:#65b6f7}
#programme .col-12.col-lg-6 > .d-grid::-webkit-scrollbar-thumb:hover{background:#fff}


/* IID Delhi section */
.iit-advantage-layout{grid-template-columns:unset}
.iit-advantage-left {padding: 50px 20px 0px 0;padding-right: 0;}
ul.university-rankings { display: block;}
ul.university-rankings li{width: 100%;;margin-right: 0px;margin-bottom: 15px;min-height: auto;}
ul.university-rankings li strong { font-size: 36px;}

/* Curriculum sec */
#curriculumSec h2 span{display:unset ;}
#curriculumSec .curriculum-support-card .row-cols-1>* { width: 50%; }
.curriculum-support-card__header h3{font-size: 22px;}
.curriculum-lab-item {gap:10px;padding:12px;font-size: 12px;line-height: 1.4;flex-direction: column;text-align: center;}
.curriculum-lab-icon {flex: 0 0 35px; width: 35px; height: 35px;}
.curriculum-tool-logo img {max-width: 65%;max-height: 35px;}
.curriculum-tool-logo {min-height: 65px; padding: 10px;}

/* Faculty Sec */
.smff-faculty__visual {max-width: 215px;}
.smff-faculty__content::before{display: none;}
.smff-faculty__name{font-size: 26px;}
.smff-faculty__role{font-size: 14px;}
.smff-faculty__expertise span {padding: 7px 9px; font-size: 12px;}
.smff-faculty__content {padding: 38px 20px;}
.smff-faculty__list li {font-size: 14px;line-height: 1.3em; }

/* Certificate Section */
.cert-grid {grid-template-columns: unset; gap: 0px;margin-top: 30px;}
.cert-card {padding: 8px;}


/* Capabilities section */
.smff-impact-shell{border-radius: 0px;}
.smff-capabilities-content{padding: 0px;}
.smff-capabilities-content .section-accent{display: none;}
.smff-impact-icon {width: 40px; height: 40px;}
.smff-impact-icon svg {width: 20px; height: 20px;}
.smff-capability-item {grid-template-columns: 40px 1fr;gap: 18px; min-height: 85px; padding: 10px 0;}
.smff-capability-item p {font-size: 16px;}
.smff-impact-details {border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.smff-impact-details {padding: 20px 20px 20px;}
.smff-impact-group .col {margin-top:7px; padding: 0px 3px; width: 49%;}
.smff-impact-pill {gap: 10px; min-height: 60px;padding: 7px 5px 7px 10px;font-size:12px;line-height: 1.25;}
.smff-pill-icon {flex: 0 0 30px; width: 30px; height: 30px;}
.smff-pill-icon svg { width: 18px; height: 18px;}


/* Eligibility sec */
.smff-eligibility { position: relative; overflow: clip; background: url(../images/eligibility-sec-mob-bg.webp) no-repeat; background-position: 100% 100%; background-size: 100%; padding-bottom: 310px !important; }
.smff-eligibility__heading span {display: unset !important;}
.smff-eligibility__check {display: grid; width: 25px; height: 25px;}
.smff-eligibility__list li {display: grid; grid-template-columns:20px 1fr; align-items: start;font-size: 16px;}
.smff-eligibility__note {font-size: 12px;}
.smff-eligibility__card {max-width: 680px; padding: 25px 20px;}

/* Fee section */
ul.program-fee-plans {flex-direction: column;}
ul.program-fee-plans li { width: 100%;margin-bottom: 30px;}
ul.program-fee-plans li a { padding: 2px 20px 2px; min-height: 45px;}
p.app-fee-details{padding: 20px 0px;margin-top: 0px !important;}
.drop-body {padding: 0 5px 24px;font-size: 13px;}
.drop-body.two{padding: 0 15px 24px;}
details.drop summary {padding: 20px 15px;}

/* Selection Process */
.smff-process > .row{flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;padding-top:12px;padding-bottom:16px;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:auto;scrollbar-color:#428cc9 #dcebf7}
.smff-process > .row > .col{flex:0 0 80%;width:80%;max-width:180px;scroll-snap-align:start;scroll-snap-stop:always}
.smff-process-step{min-width:0}
.smff-process > .row::-webkit-scrollbar{height:8px}
.smff-process > .row::-webkit-scrollbar-track{border-radius:20px;background:#dcebf7}
.smff-process > .row::-webkit-scrollbar-thumb{border:2px solid #dcebf7;border-radius:20px;background:#428cc9}
.smff-process > .row::-webkit-scrollbar-thumb:hover{background:#176bb0}
.smff-process__line { left: 15%; right: 16%;display: block!important;top: 10px;top: 85px;}
.smff-process-step__content h3{font-size: 14px;  line-height: 1.3em;}
.smff-process-step__content h3 br{display: none;}
.smff-process{padding-bottom: 0px;}

/* About iit delhi and CEP */
.smff-about-card::before{display: none;}
.smff-about-card{padding: 20px;}
.smff-faq-accordion .accordion-body { padding: 30px 30px;}
.smff-faq-accordion .accordion-button {padding: 14px 22px; font-size: 16px;line-height: 1.3;}
}

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


}
@media only screen and (min-width :1270px) and (max-width :1290px) {


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

}
@media only screen and (min-width :1400px) {
.smff-impact {background-position: 50% 30%;}
}
@media only screen and (min-width :1500px) {

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

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

}