@media(max-width:1200px){
.container{width:min(100% - 36px,1100px)}
.nav-inner{gap:20px}
.brand{min-width:200px}
.nav-link{padding:10px 9px;font-size:14px}
.mega-grid{gap:14px}
.mega-menu{padding-left:18px;padding-right:18px}
}

@media(max-width:991px){
.topbar{height:auto}
.topbar-inner{min-height:48px}
.top-actions{gap:15px}
.top-cta{display:none}

.navbar{height:72px}
.nav-inner{justify-content:space-between}
.menu-toggle{display:block}

.nav-menu{
position:absolute;
top:72px;
left:0;
right:0;
height:auto;
display:none;
flex-direction:column;
align-items:stretch;
justify-content:flex-start;
background:#fff;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line);
box-shadow:0 20px 30px rgba(20,30,35,.1);
padding:8px 18px 18px
}

.nav-menu.mobile-open{display:flex}
.nav-item{height:auto;display:block}

.nav-link{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 4px;
border-bottom:1px solid #f0f2f3;
text-align:left
}

.nav-menu>a.nav-link{display:flex}

.mega-menu{
position:static;
width:100%;
display:none;
grid-template-columns:1fr;
padding:16px 0;
border:0;
box-shadow:none;
transform:none;
opacity:1;
visibility:visible
}

.mega-menu.open{display:grid}
.mega-intro{display:none}

.mega-grid{
grid-template-columns:repeat(2,1fr);
gap:10px
}

.mega-grid.two-col{
grid-template-columns:repeat(2,1fr)
}

.mega-column{padding:5px}
.mega-column h4{font-size:12px}
.mega-column a{font-size:11px}

.mega-card{padding:13px}

.demo-hero{min-height:500px}
.hero-content{padding:85px 0}
.hero-content h1{font-size:44px}
}

@media(max-width:640px){
.container{width:calc(100% - 28px)}

.topbar-inner{
justify-content:center;
font-size:11px
}

.top-actions{display:none}

.brand-copy strong{font-size:14px}
.brand-copy small{font-size:9px}
.brand-mark{width:38px;height:38px}

.navbar{height:68px}
.nav-menu{top:68px}

.mega-grid,
.mega-grid.two-col{
grid-template-columns:1fr
}

.mega-column{padding:0}

.mega-card{padding:12px}

.hero-content{padding:70px 0}
.hero-content h1{font-size:36px;letter-spacing:-1px}
.hero-content p{font-size:14px}

.hero-actions{
flex-direction:column;
align-items:flex-start
}

.btn-primary,
.btn-secondary{
width:100%
}
}

@media(max-width:420px){
.topbar-inner{font-size:10px}
.hero-content h1{font-size:31px}
.mega-card{padding:12px}
.nav-menu{
padding-left:14px;
padding-right:14px
}
}

@media(max-width:1200px){
.navbar-inner{gap:18px}
.site-logo{flex-basis:145px;max-width:145px}
.main-nav>.nav-link,.main-nav .dropdown-toggle-btn{padding-left:8px;padding-right:8px;font-size:13px}
.services-columns{gap:12px}
}

@media(max-width:991px){
.main-navbar{height:72px}
.navbar-inner{justify-content:space-between;position:relative}
.site-logo{flex-basis:145px;max-width:145px}
.mobile-menu-toggle{display:block}
.main-nav{position:absolute;top:72px;left:0;right:0;height:auto;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;background:#fff;border:1px solid var(--line);box-shadow:0 20px 30px rgba(20,30,35,.1);padding:8px 18px 18px}
.main-nav.mobile-open{display:flex}
.main-nav>.nav-link,.main-nav .nav-item>.nav-link{width:100%;justify-content:space-between;padding:13px 4px;border-bottom:1px solid #f0f2f3;text-align:left}
.nav-item{height:auto;display:block}
.dropdown-menu{position:static;width:100%;padding:14px 0;border:0;box-shadow:none;transform:none}
.dropdown-menu-inner{grid-template-columns:1fr;gap:14px}
.menu-intro{display:none}
.services-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.knowledge-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:640px){
.container{width:calc(100% - 28px)}
.topbar{height:auto;min-height:42px}
.topbar-inner{min-height:42px;font-size:11px}
.navbar-inner{gap:12px}
.site-logo{flex-basis:130px;max-width:130px}
.main-nav{top:72px;padding-left:14px;padding-right:14px}
.classes-content,.knowledge-grid,.gallery-grid,.services-columns{grid-template-columns:1fr}
.menu-card{padding:12px}
}

@media(max-width:991px){
.image-slider{height:500px}
.slider-arrow{width:42px;height:42px}
.slider-prev{left:15px}
.slider-next{right:15px}
}

@media(max-width:576px){
.image-slider{height:380px}
.slider-arrow{width:38px;height:38px;font-size:15px}
.slider-prev{left:10px}
.slider-next{right:10px}
.slider-dots{bottom:15px}
}

@media(max-width:1199px){
.challenge-grid{grid-template-columns:repeat(4,1fr)}
.section-heading h2{font-size:38px}
}

@media(max-width:991px){
.jsmc-challenges{padding:75px 0 80px}
.challenge-grid{grid-template-columns:repeat(3,1fr)}
.challenge-heading{margin-top:55px}
.challenge-heading h3{font-size:22px}
.intro-content{max-width:850px}
}

@media(max-width:767px){
.jsmc-challenges{padding:60px 0 65px}
.section-heading h2{font-size:30px;letter-spacing:-.5px}
.section-subtitle{font-size:17px}
.intro-content{margin-top:20px}
.intro-content p{font-size:13px;line-height:1.75}
.challenge-heading{gap:10px;margin:45px auto 28px}
.challenge-heading h3{font-size:19px}
.challenge-line{width:25px}
.challenge-grid{grid-template-columns:repeat(2,1fr);gap:13px}
.challenge-card{min-height:205px;padding:28px 14px 20px}
.challenge-icon{width:56px;height:56px;font-size:24px;margin-bottom:16px}
.challenge-content h4{font-size:14px}
.challenge-content p{font-size:11px}
}

@media(max-width:480px){
.section-heading h2{font-size:27px}
.section-subtitle{font-size:15px}
.challenge-grid{grid-template-columns:1fr}
.challenge-card{min-height:auto;padding:27px 22px}
.challenge-icon{margin-bottom:14px}
}

@media(max-width:991px){
.batch-section{padding:70px 0}
.batch-section-heading h2{font-size:34px}
.batch-grid{grid-template-columns:1fr}
}

@media(max-width:767px){
.batch-section{padding:60px 0}
.batch-section-heading{margin-bottom:30px}
.batch-section-heading h2{font-size:29px}
.batch-section-heading p{font-size:13px}
.batch-card{padding:20px}
.batch-card-top{display:block}
.batch-badge{margin-top:15px}
.batch-course h3{font-size:17px}
.batch-timings{grid-template-columns:1fr}
.batch-card-footer{align-items:stretch;flex-direction:column}
.batch-register{width:100%}
.batch-call{justify-content:center}
}

@media(max-width:480px){
.batch-section-heading h2{font-size:26px}
.batch-card{padding:17px}
.batch-course{gap:11px}
.batch-type{width:46px;height:46px;flex-basis:46px}
.batch-course h3{font-size:15px}
}

@media(max-width:991px){
.trainer-section{padding:70px 0}
.trainer-intro{grid-template-columns:320px minmax(0,1fr);gap:40px}
.trainer-image-wrap,.trainer-image{height:340px}
.trainer-image img{height:340px}
.trainer-image-ring{width:285px;height:285px}
.trainer-content h2{font-size:34px}
}
@media(max-width:767px){
.trainer-section{padding:60px 0}
.trainer-intro{grid-template-columns:1fr;gap:25px;text-align:center}
.trainer-image-wrap,.trainer-image{height:300px}
.trainer-image img{height:300px}
.trainer-image-ring{width:250px;height:250px}
.trainer-content{max-width:100%}
.trainer-eyebrow{justify-content:center}
.trainer-content h2{font-size:29px}
.trainer-content p{font-size:13px;line-height:1.7}
.trainer-highlights{justify-content:center;flex-wrap:wrap}
.experience-head{display:block;text-align:center;margin-top:50px}
.experience-line{display:none}
.experience-grid{grid-template-columns:1fr}
.experience-card{padding:22px}
}
@media(max-width:480px){
.trainer-section{padding:50px 0}
.trainer-image-wrap,.trainer-image{height:270px}
.trainer-image img{height:270px}
.trainer-image-ring{width:220px;height:220px}
.trainer-content h2{font-size:25px}
.trainer-highlights{flex-direction:column;align-items:stretch}
.trainer-highlight{justify-content:flex-start;text-align:left}
.experience-head h3{font-size:25px}
.experience-card h4{font-size:18px}
}

@media(max-width:1100px){
.footer-grid{grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.footer-contact{grid-column:2/-1}
}
@media(max-width:767px){
.footer-main{padding:55px 0 30px}
.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}
.footer-brand{grid-column:1/-1;max-width:100%}
.footer-contact{grid-column:auto}
.footer-cta{align-items:flex-start;flex-direction:column;padding:20px}
.footer-cta>a{width:100%;justify-content:center}
.footer-bottom-inner{flex-direction:column;text-align:center;padding:16px 0}
}
@media(max-width:480px){
.footer-grid{grid-template-columns:1fr;gap:30px}
.footer-brand,.footer-contact{grid-column:auto}
.footer-logo strong{font-size:18px}
.footer-cta strong{font-size:14px}
.footer-bottom-links{flex-wrap:wrap;justify-content:center}
}
@media(max-width:767px){
.sticky-contact-widget{right:15px;bottom:15px}
.sticky-contact-item,.sticky-contact-toggle{width:52px;height:52px}
.sticky-contact-item{font-size:20px}
.sticky-contact-item:after{display:none}
.sticky-contact-label{right:62px}
}
@media(max-width:480px){
.sticky-contact-widget{right:12px;bottom:12px}
.sticky-contact-item,.sticky-contact-toggle{width:50px;height:50px}
.sticky-contact-menu{gap:8px;margin-bottom:10px}
}
@media(max-width:991px){
.services-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
.services-section{padding:60px 0}
.services-heading h2{font-size:212px}
.services-grid{grid-template-columns:1fr}
.service-card{padding:20px}
}
@media(max-width:991px){
.youtube-feedback-section{padding:65px 0}
.youtube-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
.youtube-feedback-section{padding:55px 0}
.youtube-section-heading{margin-bottom:28px}
.youtube-section-heading h2{font-size:26px}
.youtube-video-grid{grid-template-columns:1fr;max-width:600px}
.youtube-video-info{padding:13px}
}
@media(max-width:480px){
.youtube-section-heading h2{font-size:23px}
.youtube-section-heading p{font-size:11px}
.youtube-video-info h3{font-size:11px}
}

@media(max-width:991px){
.testimonial-slide{flex:0 0 50%}
}
@media(max-width:767px){
.testimonial-slider{gap:8px}
.testimonial-slide{flex:0 0 100%;padding:0}
.testimonial-arrow{width:36px;height:36px;min-width:36px}
.testimonial-card{padding:20px}
}
@media(max-width:480px){
.testimonial-slider{display:block}
.testimonial-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5}
.testimonial-prev{left:-8px}
.testimonial-next{right:-8px}
.testimonial-viewport{padding:0 8px}
}