@media only screen and (max-width:600px) {
.smff-section-heading h2, h2.heading{font-size:30px}

section.banner-section { background: #fff url(../images/banner-bg-new.webp) no-repeat; background-size: 200%; background-position: 100% 100%; padding-bottom: 410px; }

ol.breadcrumb li.breadcrumb-item {font-size: 10px;}
ol.breadcrumb li.breadcrumb-item a {font-size: 10px;}

.batch-badge {padding: 10px 20px;font-size: 14px;}
p.program-tagline{font-size: 22px;}
p.program-tagline br{display: none;}
p.program-title span {font-size: 36px;}
p.program-byline { font-size: 18px; line-height: 1.3em;}


.smff-overview-section{padding-top: 60px;}
.smff-hero-highlights{ position: unset; display: grid; grid-template-columns: repeat(2, 1fr);width: 100%; max-width: 100%; top: -60px;margin-bottom: 50px;}
.smff-highlight-item {display: inline-flex; grid-template-columns: 58px 1fr; gap: 11px; align-items: start; padding: 20px 20px; position: relative; flex-direction: column;padding-bottom:20px;}


.smff-section-heading p{font-size: 16px;}
.smff-stats-strip{grid-template-columns:unset}
.smff-stat-item:not(:last-child)::after{display: none;}
.smff-stat-item{border-bottom: 1px solid #0000001c;}
.prg-form{margin-top: 10px;}
.smff-stats-strip:nth-child(3){border: unset;}
p.terms-condition-label.label-notify-consent br{display: none;}

.programme-section{padding: 50px 0;padding-top: 0px;}


.left-content h2 { font-size: 30px; }
.right-controls {margin-top: 30px; margin-bottom: 30px !important;}
.cards-track { gap: 0px; }
.feature-card h3 { font-size: 22px;}
.feature-card p {font-size: 16px;}

.iit-advantage-left h2{font-size: 30px;}
.iit-advantage-left h2 span{display: unset;}
.iit-advantage-layout{grid-template-columns:unset}
.iit-advantage-left {padding: 50px 20px 0px 0;padding-right: 0;}
ul.university-rankings li{width: 100%;;margin-right: 0px;margin-bottom: 15px;}
ul.university-rankings li strong { font-size: 36px;}

#curriculumSec.curriculum-smart-section {background: #faeeef;padding: 50px 0 50px;}
#curriculumSec .heading{font-size: 30px;}
#curriculumSec .accordion-body { padding: 18px 28px 22px 25px;}
#curriculumSec .accordion-body li {line-height: 1.4em;}
#curriculumSec .accordion-button {padding: 10px 20px 10px 20px; line-height: 1.35;gap: 12px;font-weight: 500;}
#curriculumSec .accordion-button br{display: none;}

.faculty-section { position: relative; padding: 50px 0;background: #faf6f5;}
.faculty-heading h2 { font-size: 30px;}
.faculty-card { grid-template-columns: unset; width: 100%; padding: 20px 20px; }
.faculty-heading p {font-size: 16px; line-height: 1.4em;}
a.linkedin-icon { position: absolute; top: 2%; right: 6%; }
.faculty-content h3 { font-size: 22px;}
.faculty-content h5 { font-size: 18px;}
.faculty-tags span{ padding: 8px 10px; font-size: 12px;}


.certificate-section{padding: 50px 0;}
.certificate-left h2{font-size: 30px;}
.certificate-left h2 span{display: unset;}
.certificate-layout{grid-template-columns: unset;}
.learning-list{gap: 8px;}
.learning-item p {font-size: 17px;}
.certificate-card img {width: 100%;}


section#outcomes {padding: 50px 0;background: #e3e0e6 url(../images/capabilities-bg.webp) no-repeat; background-size: 200%; background-position: 100% 100%; padding-bottom: 390px !important; }
.section-body h2{font-size: 30px;}


.capability-section { position: relative; overflow: hidden; background: #c7bcc2 url(../images/eligibility-bg.webp) no-repeat; background-size: 200%; background-position: 0% 100%; padding: 50px 0px; padding-bottom: 450px; }
.capability-section .col-lg-6.col-md-6.offset-6{margin-left: 0px;}

section#programFee h2 {font-size: 30px;}
.program-fee-details { background: #fff; padding: 30px 10px; }
ul.program-fee-plans li {width: 100%;margin-bottom: 20px;}
.instalment-table thead th {font-size: 14px;}
.instalment-table tbody td:nth-child(2){font-size: 18px}
.instalment-table tbody td {padding: 5px 10px;font-size: 14px;}

.fee-table-heading {font-size: 20px;}
.date-content h4 {font-size: 18px;}
.date-card {padding: 15px 15px; display: flex; align-items: center; gap: 18px;justify-content: center; }
section#programFee { background: #fff; padding: 50px 0px;}

section#programEnrolment {padding: 50px 0px; }
section#programEnrolment h2 {font-size:30px;}
section#programEnrolment ul li{ display: inline-block; width: 18%;font-size: 10px;}
section#programEnrolment ul li br{display: none;}
section#programEnrolment ul li svg { height: 26px; width: 26px; fill: #fff; }
section#programEnrolment ul li div {padding: 10px;width: 60px;height: 60px;}
section#programEnrolment ul:after{display: none;}

.career-accelerator-section{padding: 50px 0px;}
.career-heading h2{font-size: 30px;}
.career-heading p {font-size: 16px;}


.career-card-grid { display: flex; flex-wrap: nowrap; gap: 16px; overflow-x: auto; overflow-y: hidden; padding-bottom: 10px; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } 
.career-card-grid::-webkit-scrollbar { height: 4px; } 
.career-card-grid::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } 
.career-card-grid::-webkit-scrollbar-thumb { background: #b5121b; border-radius: 10px; }

.career-card { flex: 0 0 200px; min-height: 230px;padding: 30px 10px 30px; }
.career-card h3{font-size: 16px;line-height: 1.3;}

section#aboutPartner { padding: 50px 0px;text-align: center;}
section#aboutPartner h2.heading{font-size: 30px; text-align: center; margin-bottom: 20px !important;}
section#aboutPartner p{line-height: 1.3em;}
p.about-iitd {font-size: 16px;text-align: center;}

section#faq{padding: 50px 0px;}
section#faq .accordion-body {padding: 0 20px 20px 20px;}
section#faq .accordion-button {padding: 20px 0px 20px 10px;line-height: 1.3; font-size: 18px; }
section#faq .accordion-body p { font-size: 16px; line-height: 1.4em; }

section#overviewSec { background: #fff; padding: 50px 0px;text-align: center; }
#overviewSec p{font-size: 16px;line-height: 1.4em;}


}

@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) {
.smff-hero-highlights{width: calc(100% - 90px)}
.iit-rankings {left: 2%;}
.iit-rankings {max-width:650px;}
.capability-section {background-position: -100px 100%;}
.iit-ranking-card h3 {font-size: 40px;}
.iit-ranking-card p {font-size: 16px;}
.iit-ranking-card { min-height: 270px;padding: 20px 22px 26px;}
section.banner-section {
    background-size: 110%;
    background-position: 100% 100%;
}

}
@media only screen and (min-width :1270px) and (max-width :1290px) {
section.banner-section {background-size: 110%;background-position: 100% 100%;}
.smff-hero-highlights{width: calc(100% - 250px)}
.iit-rankings {left: 2%;}
.iit-rankings {max-width:650px;}
.capability-section {background-position: -100px 100%;}
.iit-ranking-card h3 {font-size: 40px;}
.iit-ranking-card p {font-size: 16px;}
.iit-ranking-card { min-height: 270px;padding: 20px 22px 26px;}
.smff-hero-highlights{width: calc(100% - 90px)}

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

}
@media only screen and (min-width :1400px) {
section.banner-section { background-size:contain; background-position:100% 50px;}
.iit-main-text{font-size: 18px;line-height: 1.5em;}
.iit-rankings {left:7%;right: 7%; bottom: -14%; max-width: 750px; gap: 30px;}
.special-pricing {min-height: 530px;}
.date-card{padding: 15px 25px;}
.smff-hero-highlights{width: calc(100% - 250px)}
.smff-hero-highlights{}
}
@media only screen and (min-width :1500px) {

}
@media only screen and (min-width :1600px) {
.iit-rankings { left: 5%; right: 6%; bottom: -12%; max-width: 850px; }
}
@media only screen and (min-width :1800px) {
    section#outcomes {
    background-size: 80%;
    background-position: right;
}
.capability-section {
    background-size: 80%;
    background-position: 0% 40%;
}
.iit-advantage-layout {grid-template-columns: 48% 52%; }
.iit-rankings {left: 6%; right: 6%;}
}