@media (max-width: 1250px) {
	.nav-inner{
		grid-template-columns: 200px calc(100% - 330px) 120px;	
	}
}

@media (max-width: 1230px){
	.menu-section{
		display: none;
	}
	.contact-btn{
		display: none;
	}
	#menu-btn{
		display: flex;
	}
	.nav-inner{
		grid-template-columns: 200px calc(100% - 200px);	
	}
	.contact-btn{
		margin-right: 5px;
	}
}


@media(max-width: 900px){
	.footer-section-wrapper{
		grid-template-columns: 50% 50%;
	}
	.form{
		width: 500px;
	}
	.courses-cat-sub-section{
		width: calc(50% - 40px);
	}
	.blog-description-popup{
		margin: 5px;
		width: calc(100% - 40px);
	}
	.contact-us-child-section{
		width: calc(99% - 40px);
	}
	.company-list-section{
		width: calc(49% - 40px);
	}
	.placement-table{
		height: auto;
		width: calc(100% - 50px);
	}
	.university-partner-box img {
	    width: 100%;
	    height: 200px;
	    object-fit: contain;
	    padding: 10px;
	}
	.course-with-placement-section{
		grid-template-columns: 50% 50%;
	}
	.anc-secondary{
		margin: 0px 0px;
		width: 100%;
	}
	.faq-inner{
		grid-template-columns: 100%;
	}
}

@media (max-width: 750px){
	.header-section-a{
		display: none;
	}
	.header-section-b{
		display: none;
	}
	.header-inner{
		grid-template-columns: 100%;
	}
	.header-section-c{
		justify-content: flex-end;
	}
	.container{
		height: auto;
	}
	.wrapper{
		margin: 20px;
		width: calc(100% - 40px);
	}
	.grid-box-wrapper{
		grid-template-columns: 50% 50%;
	}
	.grid-box-wrapper-b{
		grid-template-columns: 100%;
	}
	.course-detail-child-section-a{
		width: calc(100%);
		padding: 0px;
	}
	.course-detail-child-section-b{
		display: none;
	}
	.banner-section{
		height: auto;
	}
	.banner-sub-section h1{
		font-size: 25px;
	}
	.banner-sub-section p,
	.banner-sub-section a{
		font-size: 17px;
	}
	.career-sub-section-contents{
		display: flex;
		width: calc(98% - 40px);
	}
	.career-section-banner p{
		width: 100%;
	}
	.content-sub-section-all-courses{
		width: calc(100% - 30px);
	}
	.images-section{
		grid-template-columns: 50% 50%;
	}
	.class-skills-section{
		width: calc(99% - 50px);
	}
	.company-list-section{
		width: calc(99% - 40px);
	}
	.course-with-placement-section{
		grid-template-columns: 100%;
	}
	.pop-up-highlight{
		width: 80%;
		border-radius: 0px;
	}
	.pop-up-highlight::after{
		left: 20px;
	}
}

/* ── Small mobile (≤600px) ─────────────────────────────────────────── */
@media (max-width: 600px) {
	.courses-cat-sub-section{
		width: calc(100% - 40px);
	}
	.nav-inner, .header-inner{
		margin: 0px 10px;
		width: calc(100% - 20px);
	}
	header{
		display: none;
	}
	.footer-section-wrapper{
		grid-template-columns: 100%;
	}
	.grid-box-wrapper{
		grid-template-columns: 100%;
	}
	.swiper_b{
		width: 100%;
	}
	.swiper-button{
		display: none;
	}
	.form-group{
		grid-template-columns: 100%;
	}
	.form{
		top: 70px;
		width: calc(97% - 40px);
	}
	.images-section{
		grid-template-columns: 100%;
	}
	.pop-up-highlight {
	    height: 70px;
	    line-height: 33px;
	}
	/* Brochure download bar stacks on mobile */
	.brochure-bar{
		flex-direction: column;
		align-items: flex-start;
	}
	/* Touch-friendly tap targets for all links and buttons ≥44px */
	nav a,
	.sidebar-list-item a,
	.sidebar-dropdown,
	.menu-btn-icon,
	.brochure-btn,
	.enroll-now,
	.register-now,
	.anc-primary,
	.anc-secondary{
	}
	/* Footer links stacked, easier to tap */
	.footer-section-wrapper abbr{
		display: block;
		padding: 4px 0;
	}
}

/* ── Extra small (≤466px) ──────────────────────────────────────────── */
@media (max-width: 466px) {
	.pop-up-highlight{
		height: 70px;
		line-height: 30px;
	}
	/* Nav logo scales down on very small screens */
	.nav-inner img{
		max-width: 140px;
	}
	/* Banner headline readable on 320px */
	.banner-sub-section h1{
		font-size: 20px;
	}
	/* Ticker text fits small screen */
	.ticker{
		font-size: 14px;
	}
}
/* ── Blog article responsive ─────────────────────────────────────────── */
@media (max-width: 900px) {
	.blog-article-layout{
		grid-template-columns: 1fr;
	}
	.blog-article-sidebar{
		flex-direction: row;
		flex-wrap: wrap;
	}
	.blog-sidebar-box{
		flex: 1 1 240px;
	}
}
@media (max-width: 600px) {
	.blog-article-img{
		height: 200px;
	}
	.blog-article h2{
		margin: 20px 14px 8px;
		font-size: 17px;
	}
	.blog-article h3{
		margin: 16px 14px 6px;
		font-size: 15px;
	}
	.blog-article p,
	.blog-article ul{
		margin-left: 14px;
		margin-right: 14px;
	}
	.blog-article ul{
		padding-left: 18px;
	}
	pre.blog-code{
		margin: 0px 14px 16px;
		font-size: 12px;
	}
	.blog-article-cta{
		flex-direction: column;
		align-items: flex-start;
	}
	.blog-article-meta{
		flex-direction: column;
		gap: 6px;
		padding: 10px 14px 0px;
	}
	.blog-sidebar-cta{
		display: none;
	}
}