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

nav.navbar.navbar-expand-lg a.navbar-brand img {height: 44px;margin: 6px 0;}

section.banner-section { background: #fff url(../images/vlsi-banner-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;}


.vlsi-stats-grid{ display:flex; flex-wrap:nowrap; gap:16px; overflow-x:auto; overflow-y:hidden; padding-bottom:10px; scroll-snap-type:x mandatory; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; }
.vlsi-stats-grid::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } 
.vlsi-stats-grid::-webkit-scrollbar-thumb { background: #b5121b; border-radius: 10px; }
.vlsi-stats-grid::-webkit-scrollbar { height: 4px; } 
.vlsi-stat-card{ flex:0 0 85%; min-width:85%; scroll-snap-align:start; margin:0; }
.vlsi-stat-card h3{ font-size:28px; } 
.vlsi-stat-card p{ max-width:100%; font-size:16px; } 
.vlsi-card-top h4{ font-size:18px; }


.vlsi-unique-section {padding: 50px 0px;background-position: 80% 7%;}
.vlsi-unique-header h2{font-size: 30px;}
.vlsi-unique-header p{font-size: 16px;line-height: 1.3em;}
.vlsi-unique-grid { display: flex; flex-wrap: nowrap; gap: 16px; overflow-x: auto; overflow-y: hidden; padding: 0 0 10px; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; } 
 .vlsi-unique-grid::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } 
.vlsi-unique-grid::-webkit-scrollbar-thumb { background: #b5121b; border-radius: 10px; }
.vlsi-unique-grid::-webkit-scrollbar { height: 4px; } 

.vlsi-unique-card { flex: 0 0 90%; min-width: 90%; scroll-snap-align: start; min-height: auto; padding: 20px; } 
.vlsi-unique-card { grid-template-columns: 75px 1fr; } 
.vlsi-unique-icon { width: 55px; height: 55px; } 
.vlsi-unique-icon svg { width: 28px; height: 28px; } 
.vlsi-unique-icon::after { height: 90px; right: -12px; } 
.vlsi-unique-content h3 { font-size: 18px; } 
.vlsi-unique-content p { font-size: 15px; } 
.vlsi-card-line { margin: 10px 0 12px; }

.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:30px;}
.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;display: unset;}
.iit-advantage-left {padding: 50px 20px 0px 0;padding-right: 0;}
ul.university-rankings li{width: 100%;;margin-right: 0px;margin-bottom: 15px;min-height: auto;}
ul.university-rankings li strong { font-size: 36px;}
.iit-campus-img-wrap img {height: auto;width: 100%;}

.vlsi-curriculum-section { position: relative; overflow: hidden; padding: 50px 0 50px; color: #111111; background: #f7f2f3; background-size: 230%; background-attachment: unset; background-position: 100% 0; }
.vlsi-curriculum-header h2{font-size: 30px;}
.vlsi-semester-wrap {width: 100%; }
#accordionCurriculum button.accordion-button:after {  position: absolute; right: 10px; }
button.accordion-button span {font-size: 20px;}
#accordionCurriculum button.accordion-button {padding: 20px 40px 10px 15px;font-size: 18px;}
#curriculumSec .accordion-body { padding: 18px 28px 22px 25px;}
#curriculumSec .accordion-body li {line-height: 1.4em;}
#curriculumSec .accordion-button {display: inline-flex; flex-direction: column; align-items: flex-start;}
#curriculumSec .accordion-button br{display: none;}



.vlsi-outcome-section{padding: 50px 0px 0px;}
.vlsi-outcome-heading h2{font-size: 30px;}
.vlsi-outcome-heading p {font-size: 16px;}
.vlsi-point-text p{font-size: 18px;}
.vlsi-point-text span{font-size: 16px;}
img.iitd-certificate { width: 105%; display: block; margin: auto; margin-top: 40px; border: 1px solid black; }
p.sample-certificate{font-size: 60px;}
.vlsi-outcome-right {display: block;}
.vlsi-block-title span:last-child::after,.vlsi-block-title span::after{display: none;}
.vlsi-mini-card-grid { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden; gap: 12px; width: 100%; padding-bottom: 10px; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; } 
.vlsi-mini-card { flex: 0 0 220px !important; width: 220px !important; min-width: 220px !important; scroll-snap-align: start; }
.vlsi-mini-card-grid::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } 
.vlsi-mini-card-grid::-webkit-scrollbar-thumb { background: #b5121b; border-radius: 10px; }
.vlsi-mini-card-grid::-webkit-scrollbar { height: 4px; } 
p.many-more.text-right {margin-bottom: 40px; }




.faculty-section { position: relative; padding: 50px 0;background: #faf6f5;}
.faculty-heading h2 { font-size: 30px;}
.vlsi-curriculum-header p{font-size: 16px;}
.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;}
.mySwiperOne .swiper-button-next{right: 0%;}
.mySwiperOne .swiper-button-prev {left: unset; right: 20%; }

.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: #f6ebe7 url(../images/eligibility-section-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;}
.capability-content { position: relative; padding: 0px 0px 0px 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;}
.instalment-date-table th { color: #fff; font-size: 14px; font-weight: 500; padding: 6px 10px; line-height: 1.4em; }
.instalment-date-table td { font-weight: 500; padding: 10px; font-size: 14px; line-height: 1.3em; }
.affiliate-fee {text-align: left; text-align: center; }
.affiliate-fee { margin-top: 12px; padding: 24px; display: flex; text-align: left; flex-direction: column; gap: 20px; align-items: center; }
.affiliate-fee-right {font-size: 14px; line-height: 1.5em; }


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: 46px; width: 46px; fill: #fff; padding: 11px; }
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) {
.iit-rankings {left: 2%;}
.iit-rankings {max-width: 720px;}
.capability-section {background-position: -100px 100%;}
p.classSchedule, p.classSchedule strong{font-size: 12px!important;}

}
@media only screen and (min-width :1270px) and (max-width :1290px) {
.iit-rankings {left: 2%;}
.iit-rankings {max-width: 720px;}

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

}
@media only screen and (min-width :1400px) {
section.banner-section { background-size: cover; background-position: 100% 50%;}
.vlsi-mini-card {min-height: 120px;}
.ranking-card-one { transform: translateY(32px); } 
.ranking-card-two { transform: translateY(-16px); } 
.ranking-card-three { transform: translateY(-56px); } 
}
@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; }
.capability-section {background-size: contain; background-position: 0% 100%;}
}
@media only screen and (min-width :1800px) {
section.banner-section { background-position: 100% 10%; background-size: cover; }
.iit-campus-img-wrap img { height: 700px; margin-top: 0px; }
.iit-advantage-layout {grid-template-columns: 48% 52%; }
.iit-rankings {left: 6%; right: 6%; bottom: -15%; }
}