@media(max-width:991px){

    .container-fluid{
        padding:0 20px !important;
    }

    .menu-toggle{
        display:block;
    }
    .header-menu{
        position:fixed;
        left:0;
        top:75px;
        width:250px;
        justify-content: start;
        height: 100vh;
        background:#fff;
        display:none;
        flex-direction:column;
        padding:10px 20px;
        box-shadow:0 15px 30px rgba(0,0,0,.1);
    }
    .dropdown-menu1 {
   border: 1px solid #ccc;
   box-shadow:none;
   width: 100%;
   padding: 4px 10px !important;
}

    .header-menu.active{
        display:flex;
    }
    .services-wrapper{
        grid-template-columns: repeat(2,1fr);
    }

    .menu-list{
        flex-direction:column;
        width:100%;
        gap:0;
    }

    .menu-list li{
        width:100%;
        border-bottom:1px solid #eee;
    }

    .menu-list li a{
        display:block;
        padding:10px 0;
    }

    .header-action{
        width:100%;
        margin-top:20px;
    }

    .consult-btn{
        display:block;
        text-align:center;
        width:100%;
        box-sizing:border-box;
    }
     .hero-section {
        height: 450px;
    }
    .hero-content h1 {
        font-size: 38px;
    }
    .hero-content p {
        font-size: 16px;
    }
    .about-intro-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .about-intro-image {
        order: -1;
    }
    .about-intro-image img {
        height: 360px;
    }
    .about-intro-content h2 {
        font-size: 28px;
    }
    .mv-header h2 {
        font-size: 30px;
    }
    .mv-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .mv-card {
        padding: 38px 30px;
    }
    .commitment-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }
    .commitment-header h2 {
        font-size: 28px;
    }
    .certification-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .certification-header h2 {
        font-size: 28px;
    }
    .gallery-grid{
    grid-template-columns:repeat(2,1fr);
}
.gallery-item.large{
    grid-row:auto;
    height:320px;
}
.programs-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    .programs-header h2 {
        font-size: 28px;
    }
    .importance-grid {
        grid-template-columns: 1fr;
        gap: 36px;
    }
    .importance-image img {
        height: 360px;
    }
    .importance-content h2 {
        font-size: 28px;
    }
    .contact-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }
    .contact-header h2 {
        font-size: 28px;
    }
    .services-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px;
    }
    .services-header h2 {
        font-size: 28px;
    }
    .about-wrapper{
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .about-image {
        height: 320px;
    }
    .program-wrapper {
        grid-template-columns: repeat(2,1fr);
    }
    .why-wrapper {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .why-image {
        height: 320px;
    }
    .counter-wrapper{
        grid-template-columns: repeat(2,1fr);
    }
    .footer-wrapper{
        grid-template-columns: 1fr 1fr;
        gap: 12px;
        padding-bottom: 0px;
    }

}
@media (max-width: 767px) {
    .hero-section {
        height: 380px;
    }
    .footer-wrapper{
        grid-template-columns: 1fr ;
    }
    .counter-wrapper{
        grid-template-columns: repeat(1,1fr);
    }
    .cta-wrapper {
        grid-template-columns: 1fr;
    }
    .why-image {
        height: 220px;
    }
    .why-grid {
        grid-template-columns: 1fr;
    }
    .hero-overlay {
        background: linear-gradient(180deg,
            rgba(10,10,10,.55) 0%,
            rgba(10,10,10,.85) 60%,
            rgba(10,10,10,.95) 100%);
    }
    .section-heading h2 {
        font-size: 22px;
    }
    .hero-content {
        max-width: 100%;
    }
    .hero-content h1 {
        font-size: 30px;
    }
    .services-wrapper{
        grid-template-columns: repeat(1,1fr);
    }
    .hero-content p {
        font-size: 14.5px;
        margin-bottom: 26px;
    }
    .hero-tag {
        font-size: 11px;
        padding: 6px 14px;
    }
    .program-wrapper {
        grid-template-columns: repeat(1,1fr);
    }

    .hero-btns {
        gap: 12px;
    }
    .hero-btns .btn-primary,
    .hero-btns .btn-outline {
        padding: 11px 20px;
        font-size: 14px;
    }
    .hero-section .swiper-button-prev,
    .hero-section .swiper-button-next {
        display: none;
    }
       .about-hero {
        height: 260px;
    }
    .about-hero-content h1 {
        font-size: 28px;
    }
    .about-hero-content p {
        font-size: 14px;
    }
    .about-hero-content .hero-tag {
        font-size: 11px;
        padding: 6px 14px;
    }
     .commitment-grid {
        grid-template-columns: 1fr;
    }
    .about-wrapper{
        grid-template-columns: 1fr;
    }
    .about-image {
        height: 220px;
    }
    .commitment-header h2 {
        font-size: 24px;
    }
    .commitment-card {
        padding: 30px 24px;
    }
    .certification-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
    .cert-card img {
        height: 200px;
        width: 100%;
    }
    .certification-header h2 {
        font-size: 24px;
    }
    .gallery-grid{
    grid-template-columns:1fr 1fr;
    gap: 8px;
}
.gallery-item{
    height:150px;
}
.contact-icon {
    width: 40px;
    height: 40px;
    font-size: 25px;
}
.consult-btn {
    padding: 7px 12px;
    gap: 4px;
    border-radius: 6px;
    white-space: nowrap;
}
.section-title h2{
    font-size:30px;
}
  .programs-grid {
        grid-template-columns: 1fr;
    }
    .programs-header h2 {
        font-size: 24px;
    }
    .program-img {
        height: 200px;
    }
    .form-row {
        flex-direction: column;
        gap: 14px;
    }
    .contact-header h2 {
        font-size: 24px;
    }
}

@media(max-width:576px){

    .container-fluid{
        padding:0 15px !important;
    }
    .about-hero-content h1 {
        font-size: 24px;
    }

    .logo-box img{
        height:55px;
    }

    .custom-navbar{
        min-height:75px;
    }
    .about-intro-content h2 {
        font-size: 24px;
    }
    .about-intro-content p {
        font-size: 14.5px;
    }
    .about-intro-image img {
        height: 280px;
    }
    .mv-header h2 {
        font-size: 26px;
    }
    .mv-card h3 {
        font-size: 20px;
    }
    .mv-card p {
        font-size: 14px;
    }
    .mv-number {
        font-size: 70px;
    }
    .importance-content h2 {
        font-size: 24px;
    }
    .importance-content > p {
        font-size: 14.5px;
    }
    .importance-image img {
        height: 280px;
    }
    .training-points li {
        font-size: 14.5px;
    }
     .services-grid {
        grid-template-columns: 1fr;
    }
    .services-header h2 {
        font-size: 24px;
    }
    .service-img {
        height: 190px;
    }
}