/* Responsive CSS */

@media screen and (max-width:1550px) and (min-width:1300px) { 
	.shipping-box p {
	    font-size: 14px !important;
	}
}

@media screen and (max-width:1169px) and (min-width:981px) {
	html{overflow-x:hidden; }
	.course-column {
	    display: block !important;
	    text-align: center;
	}
    .course-column h4 {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }
    .achive-column {
	    display: block !important;
	    text-align: center;
	}
	.ac-image-box{
		margin: 0 auto 25px !important;
	}	
}

@media screen and (max-width: 980px){
	.fse-overlap-image{ position:relative !important; right:auto !important; bottom:auto !important; margin:25px 0 !important;}
	.wp-block-section-01 h2, .wp-block-section-02 h2{ font-size:28px !important; }
	.wpcf7 input[type="text"], 
	.wpcf7 input[type="tel"], 
	.wpcf7 input[type="email"], 
	.wpcf7 textarea{ 
		width:100%;
	}	
	.blog-area .wp-block-post-template{
		grid-template-columns: auto auto;
	}
	.banner-wrap h2,
	.courses-inner-box h4,
	.ac-main-box{
		text-align: center;
	}
	.main-header nav,
	.main-header ul,
	.main-header .wp-block-buttons,
	.banner-wrap .wp-block-buttons,
	.logo-box {
		justify-content: center;
	}
	.service-main-box {
    	margin-top: 20px !important;
	}
	.ac-image-box{
		margin: 0 auto;
	}
	.fashion-store-category,.ac-main-box {
	    display: grid !important;
	    grid-template-columns: auto auto;
	    gap: 70px;
	}
	.course-column {
	    flex-wrap: nowrap !important;
	}
	.courses-inner-box img{
		width: 100%;
	}
	.head-column {
	    display: grid !important;
	    grid-template-columns: auto auto;
	}
}

@media screen and (max-width:767px) {
	*{box-sizing:border-box;}
	.wp-block-navigation__responsive-container.is-menu-open.has-modal-open{ padding:25px;}
	.banner-wrap h2,
	.courses-inner-box h4,
	.ac-main-box{
		text-align: center;
	}
	.main-header nav,
	.main-header ul,
	.main-header .wp-block-buttons,
	.banner-wrap .wp-block-buttons,
	.logo-box {
		justify-content: center;
	}
	.banner-wrap h2{
		font-size: 40px !important;
	}
	.fashion-store-category {
	    display: flex !important;
	    gap: 20px;
	}
	.course-column {
	    flex-wrap: wrap !important;
	}
}


@media screen and (max-width:1500px) and (min-width:1300px) {
	.columnn-1{
		flex-basis: 25% !important;
	}
	.columnn-2{
		flex-basis: 22% !important;
	}
	.columnn-3{
		flex-basis: 22% !important;
	}
	.columnn-4{
		flex-basis: 31% !important;
	}
}

@media screen and (max-width:1300px) and (min-width:850px) {
	.columnn-1{
		flex-basis: 20% !important;
	}
	.columnn-2{
		flex-basis: 20% !important;
	}
	.columnn-3{
		flex-basis: 25% !important;
	}
	.columnn-4{
		flex-basis: 35% !important;
	}
	.banner-wrap{
		min-height: 530px !important;
	}
	.shipping-box p {
	    font-size: 13px !important;
	}
	.head-icon-box{
		text-align: left;
	}
	.banner-wrap h2 {
	    font-size: 40px !important;
	}
	.service-main-box h3{
		font-size: 15px !important;
	}
	.sliderrs{
		padding-bottom: 100px !important;
	}
}
@media screen and (max-width:1250px) and (min-width:0px) {
	.service-main-box{
		width: auto !important;
	}
}

@media screen and (max-width:1300px) and (min-width:1px) {
	.sliderrs,[class*="wp-container-core-group-is-layout-"] > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 90%;
	}
	.main-slider .owl-stage-outer{
		max-width: 100%;
	}
}

/* = MUN Home Page – Tablet (1024px and below)
----------------------------------------------- */
@media screen and (max-width: 1024px) {
	.mun-hero-banner {
		min-height: 520px !important;
	}
	.mun-hero-banner .wp-block-cover__inner-container {
		padding-left: 24px;
		padding-right: 24px;
	}
	.mun-hero-banner h1.wp-block-heading {
		font-size: 42px !important;
		line-height: 1.25 !important;
	}
	.mun-hero-banner .wp-block-group p.has-foreground-color {
		font-size: 22px !important;
	}
	.mun-hero-banner .wp-block-group p.has-foreground-color:last-of-type {
		font-size: 18px !important;
	}
	.secretary-greeting-section .wp-block-columns {
		flex-wrap: wrap;
		gap: 2rem;
	}
	.secretary-greeting-section .wp-block-column {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
	.secretary-greeting-section .secretary-photo img {
		max-width: 280px;
		width: 100%;
		height: auto;
	}
	.secretary-greeting-section .wp-block-buttons {
		justify-content: center;
	}
	.secretary-greeting-section h2.wp-block-heading {
		font-size: 36px !important;
	}
	.secretariat-section {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important;
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
	.secretariat-section h2.wp-block-heading {
		font-size: 36px !important;
		margin-bottom: 2rem !important;
	}
	.secretariat-section .wp-block-columns {
		flex-wrap: wrap;
		gap: 1.5rem;
	}
	.secretariat-section .wp-block-column.secretariat-card {
		flex-basis: calc(50% - 0.75rem) !important;
		min-width: 200px;
		box-sizing: border-box;
	}
}

/* = MUN Home Page – Mobile / Small tablet (768px and below)
----------------------------------------------- */
@media screen and (max-width: 768px) {
	.mun-hero-banner {
		min-height: 420px !important;
	}
	.mun-hero-banner .wp-block-cover__inner-container {
		padding-left: 16px;
		padding-right: 16px;
	}
	.mun-hero-banner h1.wp-block-heading {
		font-size: 32px !important;
		line-height: 1.3 !important;
	}
	.mun-hero-banner .wp-block-group p.has-foreground-color {
		font-size: 17px !important;
	}
	.mun-hero-banner .wp-block-group p.has-foreground-color:last-of-type {
		font-size: 15px !important;
	}
	.mun-hero-banner .wp-block-buttons .wp-block-button__link {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
		padding-top: 0.75rem !important;
		padding-bottom: 0.75rem !important;
		font-size: 15px !important;
	}
	.secretary-greeting-section {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}
	.secretary-greeting-section h2.wp-block-heading {
		font-size: 28px !important;
		margin-bottom: 1.5rem !important;
	}
	.secretary-greeting-section .wp-block-columns {
		gap: 1.5rem;
	}
	.secretary-greeting-section .secretary-photo img {
		max-width: 220px;
	}
	.secretary-greeting-section .wp-block-column p.has-fse-coaching-institute-roboto-font-family {
		font-size: 16px !important;
	}
	.secretariat-section {
		padding-top: 2.5rem !important;
		padding-bottom: 2.5rem !important;
		padding-left: 1rem !important;
		padding-right: 1rem !important;
	}
	.secretariat-section h2.wp-block-heading {
		font-size: 28px !important;
		margin-bottom: 1.5rem !important;
	}
	.secretariat-section .wp-block-columns {
		gap: 1.25rem;
	}
	.secretariat-section .wp-block-column.secretariat-card {
		flex-basis: 100% !important;
		min-width: 0;
		max-width: 100%;
	}
	.secretariat-section .secretariat-card {
		padding-top: 1.5rem !important;
		padding-bottom: 1.5rem !important;
		padding-left: 1.25rem !important;
		padding-right: 1.25rem !important;
	}
	.secretariat-section .secretariat-avatar img {
		width: 100px !important;
		height: 100px !important;
	}
}

/* = MUN Home Page – Small mobile (480px and below)
----------------------------------------------- */
@media screen and (max-width: 480px) {
	.mun-hero-banner {
		min-height: 360px !important;
	}
	.mun-hero-banner h1.wp-block-heading {
		font-size: 26px !important;
	}
	.mun-hero-banner .wp-block-group p.has-foreground-color {
		font-size: 15px !important;
	}
	.mun-hero-banner .wp-block-group p.has-foreground-color:last-of-type {
		font-size: 14px !important;
	}
	.secretary-greeting-section h2.wp-block-heading {
		font-size: 24px !important;
	}
	.secretary-greeting-section .secretary-photo img {
		max-width: 180px;
	}
	.secretariat-section h2.wp-block-heading {
		font-size: 24px !important;
	}
}

/* Header navigation – keep header in one row and switch to hamburger menu on smaller screens */
@media screen and (max-width: 1200px) {
	.main-header .wp-block-columns {
		flex-wrap: nowrap !important;
		align-items: center;
	}
}

@media screen and (max-width: 1024px) {
	/* Show hamburger toggle button for the main header navigation */
	.main-header .wp-block-navigation__responsive-container-open,
	.main-header .wp-block-navigation__responsive-container-close {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* Hide the inline navigation list and rely on the overlay menu instead */
	.main-header nav.wp-block-navigation > .wp-block-navigation__container {
		display: none;
	}

	/* Slightly tighten the header call-to-action button so it fits comfortably beside the hamburger */
	.main-header .wp-block-buttons .wp-block-button__link {
		padding-left: var(--wp--preset--spacing--40);
		padding-right: var(--wp--preset--spacing--40);
	}
}

@media screen and (max-width: 600px) {
	/* Extra-tighten header button padding on very small screens while keeping overall style */
	.main-header .wp-block-buttons .wp-block-button__link {
		padding-left: var(--wp--preset--spacing--30);
		padding-right: var(--wp--preset--spacing--30);
	}
}