@media (max-width: 1150px) {
     .navbar {
         gap: 20px;
    }
     .main-nav > ul {
         gap: 20px;
    }
     .main-nav a {
         font-size: 11px;
    }
     .quote-btn {
         padding: 0 16px;
    }
    .service-grid {
         grid-template-columns: repeat(3, 1fr);
    }
     .service-card {
         min-height: 290px;
    }
     .product-grid {
         grid-template-columns: repeat(3, 1fr);
    }
     .about-grid {
         grid-template-columns: 1fr 1fr;
         gap: 35px;
    }
     .why-box {
         grid-column: 1 / -1;
         min-height: auto;
    }
     .why-list {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 18px 25px;
    }
     .footer-grid {
         grid-template-columns: 1.2fr .8fr 1fr 1.2fr;
         gap: 30px;
    }
}
 @media (max-width: 991px) {
     .contact-cards{
        grid-template-columns:repeat(2,1fr); 
     }
     .navbar {
         min-height: 78px;
    }
     .site-footer {
         padding: 60px 0 20px;
    }
     .footer-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 40px 35px;
    }
     .footer-brand {
         grid-column: 1 / -1;
    }
     .footer-brand > p {
         max-width: 550px;
    }
     .logo img {
         height: 80px;
    }
     .main-nav {
         position: absolute;
         top: 100%;
         left: 0;
         right: 0;
         background: #ffffff;
         border-top: 1px solid #edf2f8;
         box-shadow: 0 15px 30px rgba(0, 27, 104, 0.10);
         max-height: 0;
         overflow: hidden;
         opacity: 0;
         visibility: hidden;
         transition: all 0.35s ease;
    }
     .main-nav.active {
         max-height: 100vh;
         opacity: 1;
         visibility: visible;
    }
     .main-nav > ul {
         display: block;
         padding: 10px 20px 20px;
    }
     .main-nav li {
         border-bottom: 1px solid #edf2f8;
    }
     .main-nav li:last-child {
         border-bottom: 0;
    }
     .main-nav a {
         padding: 15px 5px;
         font-size: 12px;
    }
     .main-nav a.active::after {
         display: none;
    }
     .main-nav a.active {
         color: #0066e6;
         background: #f5f9ff;
         padding-left: 10px;
         border-radius: 4px;
    }
    /* Mobile dropdown */
     .dropdown-menu {
         position: static;
         width: 100%;
         min-width: 0;
         border-top: 0;
         border-radius: 0;
         box-shadow: none;
         background: #f7faff;
         display: none;
         opacity: 1;
         padding: 0px 10px 10px 0px !important;
         visibility: visible;
         transform: none;
    }
     .dropdown:hover .dropdown-menu {
         display: none;
    }
     .dropdown-menu li a {
         padding: 12px 18px;
         font-size: 11px;
    }
     .quote-btn {
         margin-left: auto;
    }
      .stats-grid {
         grid-template-columns: repeat(2, 1fr);
    }
     .stat:nth-child(2) {
         border-right: none;
    }
     .stat:nth-child(-n+2) {
         border-bottom: 1px solid rgba(255,255,255,.08);
    }
    .service-grid, .product-grid {
         grid-template-columns: repeat(3, 1fr);
    }
     .about-grid {
         grid-template-columns: 1fr 1fr;
    }
     .why-box {
         grid-column: 1/-1;
    }
     .brand-grid {
         grid-template-columns: repeat(3, 1fr);
    }
     .footer-grid {
         grid-template-columns: repeat(3, 1fr);
    }
    .hero h1 {
         font-size: 52px;
    }
     .hero-benefits {
         position: relative;
         left: auto;
         bottom: auto;
         transform: none;
         margin: 0 auto 25px;
         grid-template-columns: repeat(2, 1fr);
    }
    .why-choose-grid {
         grid-template-columns: repeat(2, 1fr);
    }
     .hero {
         min-height: auto;
    }
     .hero-content {
         padding-bottom: 60px;
    }
     .service-grid, .product-grid {
         grid-template-columns: repeat(2, 1fr);
    }
     .stats-grid {
         grid-template-columns: repeat(2, 1fr);
    }
     .stat:nth-child(2) {
         border-right: none;
    }
     .about-grid {
         grid-template-columns: 1fr;
    }
     .cta-inner {
         flex-direction: column;
         align-items: flex-start;
    }
    .why-join__layout {
         grid-template-columns: 1fr 1fr;
         gap: 25px;
    }
     .why-join__center {
         grid-column: 1 / -1;
         grid-row: 1;
         margin-bottom: 15px;
    }
     .why-join__circle {
         width: 180px;
         height: 180px;
    }
     .about-intro-grid {
         gap: 35px;
    }
     .about-main-image {
         height: 430px;
    }
     .about-experience {
         width: 130px;
         height: 130px;
    }
     .about-experience strong {
         font-size: 36px;
    }
     .about-intro-content h2 {
         font-size: 38px;
    }
      .mission-vision-grid {
         gap: 18px;
    }
     .mission-card, .vision-card {
         padding: 15px 12px;
         gap: 18px;
    }
     .mv-content h3 {
         font-size: 21px;
    }
    .core-values-grid {
         grid-template-columns: 1fr;
         gap: 30px;
    }
     .core-values-image {
         min-height: 420px;
    }
    .excellence-layout {
         grid-template-columns: 1fr;
    }
     .excellence-panel {
         min-height: 400px;
    }
    .install-modern__grid {
         grid-template-columns: 1fr;
         gap: 30px;
    }
     .install-modern__content {
         max-width: 100%;
    }
     .install-modern__image {
         height: 500px;
    }
     .how-work__steps {
         grid-template-columns: repeat(3, 1fr);
         gap: 40px 20px;
    }
     .how-work__steps::before {
         display: none;
    }
    .enquiry-wrap {
         grid-template-columns: 1fr;
         gap: 45px;
         max-width: 700px;
    }
     .enquiry-content {
         text-align: center;
    }
     .enquiry-content h2, .enquiry-content > p {
         margin-left: auto;
         margin-right: auto;
    }
     .enquiry-points {
         max-width: 400px;
         margin: auto;
         text-align: left;
    }
     .enquiry-call {
         margin-top: 28px;
    }
    .topbar{
        display: none;
    }
}
 @media (max-width: 768px) {
     .contact-cards{
        grid-template-columns:repeat(1,1fr); 
     }
     .quote-modal {
         padding: 12px;
    }
     .quote-modal-box {
         max-height: 94vh;
         overflow-y: auto;
         grid-template-columns: 1fr;
    }
     .quote-modal-left {
         padding: 28px 25px;
    }
     .quote-modal-logo {
         margin-bottom: 18px;
    }
     .quote-modal-left h2 {
         font-size: 25px;
    }
     .quote-benefits {
         gap: 8px;
    }
     .quote-direct {
         margin-top: 18px;
    }
      .job-row {
         grid-template-columns: 58px 1.4fr 1fr 125px;
         gap: 15px;
         padding: 15px;
    }
    .mission-vision-grid {
         grid-template-columns: 1fr;
    }
     .mission-card, .vision-card {
         min-height: auto;
         padding: 28px 22px;
    }
     .mv-icon {
         width: 50px;
         height: 50px;
         font-size: 18px;
    }
     .mv-content h3 {
         font-size: 20px;
    }
     .job-icon {
         width: 52px;
         height: 52px;
    }
     .top-contact {
         width: 100%;
         justify-content: center;
         gap: 18px;
    }
     .top-contact > span:not(:last-child)::after {
         right: -9px;
    }
     .services-title {
         margin-bottom: 35px;
    }
     .service-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 15px;
    }
     .service-card {
         min-height: 285px;
         padding: 28px 20px;
    }
    .product-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 15px;
    }
     .product-image {
         height: 200px;
    }
     .product-content {
         min-height: 210px;
         padding: 21px 18px;
    }
    .about-grid {
         grid-template-columns: 1fr;
         gap: 40px;
    }
     .about-image {
         height: 400px;
    }
     .why-box {
         grid-column: auto;
    }
     .why-list {
         grid-template-columns: 1fr;
    }
     .brand-item {
         width: 170px;
         height: 80px;
    }
     .brand-item img {
         max-width: 110px;
         max-height: 42px;
    }
     .brands-slider::before, .brands-slider::after {
         width: 80px;
    }
     .cta {
         padding: 35px 0;
    }
     .cta-inner {
         gap: 25px;
    }
     .cta h3 {
         font-size: 21px;
    }
     .cta p {
         font-size: 10px;
    }
     .cta-btn {
         padding: 0 19px;
    }
     .life {
         padding: 45px 0;
    }
     .life-grid {
         grid-template-columns: 1fr;
         gap: 30px;
    }
     .life-image img {
         height: 300px;
    }
     .life-copy h2 {
         font-size: 30px;
    }
     .page-breadcrumb {
         min-height: 200px;
    }
     .breadcrumb-content {
         min-height: 200px;
    }
     .breadcrumb-decoration {
         width: 90px;
         height: 90px;
         margin-right: 3%;
         font-size: 28px;
    }
     .breadcrumb-decoration::before {
         width: 66px;
         height: 66px;
    }
      .about-intro-grid {
         grid-template-columns: 1fr;
         gap: 20px;
    }
     .about-intro-content {
         max-width: 100%;
    }
     .about-main-image {
         height: 380px;
    }
     .about-intro-content h2 {
         font-size: 34px;
    }
     .about-highlights {
         gap: 20px 15px;
    }
}
 @media (max-width: 520px) {
     .enquiry-wrap {
         padding: 0 15px;
         gap: 35px;
    }
     .enquiry-content h2 {
         font-size: 30px;
    }
     .enquiry-content > p {
         font-size: 12px;
    }
     .enquiry-form-box {
         padding: 15px ;
    }
     .enquiry-form-box::before {
         left: 15px;
         right: 15px;
    }
     .enquiry-form-row {
         grid-template-columns: 1fr;
    }
     .how-work__steps {
         grid-template-columns: 1fr;
         gap: 0;
    }
     .how-work__step {
         display: grid;
         grid-template-columns: 40px 58px 1fr;
         gap: 13px;
         text-align: left;
         padding-bottom: 30px;
    }
     .how-work__number {
         margin: 18px 0 0;
         text-align: right;
    }
     .how-work__icon {
         width: 58px;
         height: 58px;
         margin: 0;
         font-size: 16px;
    }
     .how-work__content {
         padding-top: 5px;
    }
     .how-work__content h3 {
         font-size: 13px;
    }
     .how-work__content p {
         font-size: 10px;
    }
     .install-modern__visual {
         padding: 0 12px 15px 0;
    }
     .install-modern__image {
         height: 400px;
    }
     .install-modern__badge {
         left: -8px;
         bottom: 35px;
         min-width: 125px;
         padding: 13px 14px;
    }
     .install-modern__badge strong {
         font-size: 23px;
    }
     .install-modern__badge span {
         font-size: 8px;
    }
     .install-modern__tag {
         padding: 10px 12px;
    }
     .install-modern__tag span {
         font-size: 8px;
    }
     .install-modern__content h3 {
         font-size: 29px;
    }
     .install-modern__intro {
         font-size: 11px;
    }
     .install-modern__features {
         grid-template-columns: 1fr;
         gap: 0;
    }
     .install-modern__feature:nth-child(4), .install-modern__feature:nth-child(5) {
         border-bottom: 1px solid #e8edf2;
    }
     .install-modern__feature:last-child {
         border-bottom: none;
    }
      .excellence-section .section-title h2 {
         font-size: 29px;
    }
     .excellence-panel {
         min-height: 390px;
         padding: 32px 25px;
    }
     .excellence-panel h3 {
         font-size: 27px;
    }
     .excellence-list-item {
         grid-template-columns: 32px 45px 1fr;
         gap: 12px;
         padding: 20px 17px;
    }
     .excellence-list-icon {
         width: 45px;
         height: 45px;
    }
     .excellence-list-arrow {
         display: none;
    }
     .excellence-list-content h3 {
         font-size: 13px;
    }
     .excellence-list-content p {
         font-size: 9px;
    }
     .jobs {
         gap: 10px;
    }
    .why-choose-grid {
         grid-template-columns: 1fr;
         gap: 15px;
    }
     .why-card {
         min-height: auto;
         padding: 24px 22px 27px;
    }
     .job-row {
         grid-template-columns: 52px 1fr;
         gap: 13px;
         padding: 15px;
    }
     .job-icon {
         width: 52px;
         height: 52px;
         grid-row: span 2;
    }
     .job-info h3 {
         font-size: 13px;
    }
     .job-location {
         grid-column: 2;
         font-size: 10px;
    }
     .apply-btn {
         grid-column: 1 / -1;
         width: 100%;
    }
      .topbar-inner {
         justify-content: center;
    }
     .top-contact {
         display: none;
    }
     .hero h1 {
         font-size: 42px;
    }
     .hero-benefits, .service-grid, .product-grid, .stats-grid, .brand-grid, .footer-grid {
         grid-template-columns: 1fr;
    }
     .hero-benefit, .stat {
         border-right: none;
         border-bottom: 1px solid rgba(255, 255, 255, .1);
    }
     .about-copy h2, .section-title h2 {
         font-size: 31px;
    }
     .footer-bottom {
         flex-direction: column;
         gap: 6px;
    }
     .top-contact {
         gap: 15px;
    }
     .services-title h2 {
         font-size: 30px;
    }
     .services-title p {
         font-size: 13px;
    }
     .service-grid {
         grid-template-columns: 1fr;
         gap: 14px;
    }
     .service-card {
         min-height: auto;
         padding: 28px 22px;
    }
     .service-card p {
         min-height: auto;
    }
     .service-icon {
         width: 54px;
         height: 54px;
         font-size: 21px;
    }
     .top-contact > span:first-child {
         display: none;
    }
     .top-contact > span:not(:last-child)::after {
         display: none;
    }
     .top-contact span {
         gap: 6px;
    }
     .navbar {
         min-height: 70px;
         padding: 0 15px;
         gap: 10px;
    }
     .logo img {
         height: 60px;
    }
     .quote-btn {
         min-height: 40px;
         padding: 0 12px;
         font-size: 9px;
         gap: 7px;
    }
    .vedicHeroSlider__actions {
        white-space: nowrap;
    }
     .vedicHeroSlider__button {
         padding: 0px 12px;
     }
     .vedicHeroSlider__expert {
         padding: 0px 12px;
     }
     .quote-btn i {
         font-size: 9px;
    }
    .vedicHeroSlider__content {
         width: 100%;
         padding: 50px 15px;
         text-align: start;
    }
    .stats {
         padding: 25px 0;
    }
     .stats-grid {
         grid-template-columns: 1fr;
    }
     .stat {
         min-height: 90px;
         justify-content: flex-start;
         padding: 18px 22px;
         border-right: none;
         border-bottom: 1px solid rgba(255,255,255,.08);
    }
     .stat:last-child {
         border-bottom: none;
    }
     .stat-icon {
         width: 50px;
         height: 50px;
         font-size: 19px;
    }
     .stat-content strong {
         font-size: 26px;
    }
     .vedicHeroSlider__eyebrow {
         justify-content: start;
         font-size: 9px;
         letter-spacing: 1.3px;
    }
     .vedicHeroSlider__eyebrow span {
         width: 20px;
    }
     .vedicHeroSlider__title {
         font-size: 32px;
         text-align: start;
         letter-spacing: -1px;
    }
     .vedicHeroSlider__description {
         font-size: 14px;
         line-height: 1.7;
    }
     .vedicHeroSlider__actions {
         justify-content: center;
         gap: 15px;
    }
     .vedicHeroSlider__pagination {
         text-align: center;
         padding-right: 0;
    }
    .product-grid {
         grid-template-columns: 1fr;
         gap: 16px;
    }
     .product-image {
         height: 230px;
    }
     .product-content {
         min-height: auto;
         padding: 22px 20px 24px;
    }
     .product-content p {
         min-height: auto;
    }
    .about-image {
         height: 330px;
    }
     .about-experience {
         left: 15px;
         bottom: 15px;
         padding: 12px 15px;
    }
     .about-experience strong {
         font-size: 26px;
    }
     .about-copy h2 {
         font-size: 31px;
    }
     .about-intro {
         font-size: 13px;
    }
     .about-text {
         font-size: 13px;
    }
     .why-box {
         padding: 28px 20px;
    }
    .brands-heading {
         padding: 0 15px;
         margin-bottom: 30px;
    }
     .brands-heading h2 {
         font-size: 28px;
    }
     .brands-heading p {
         font-size: 11px;
    }
     .brand-item {
         width: 145px;
         height: 72px;
         margin-right: 14px;
    }
     .brand-item img {
         max-width: 95px;
         max-height: 38px;
    }
     .brands-track {
         animation-duration: 22s;
    }
     .brands-slider::before, .brands-slider::after {
         width: 45px;
    }
     .cta {
         padding: 32px 0;
    }
     .cta-inner {
         flex-direction: column;
         align-items: flex-start;
         gap: 23px;
    }
     .cta-left {
         align-items: flex-start;
         gap: 14px;
    }
     .cta-icon {
         width: 52px;
         height: 52px;
         font-size: 18px;
    }
     .cta-content > span {
         font-size: 8px;
         letter-spacing: 1.2px;
    }
     .cta h3 {
         font-size: 20px;
    }
     .cta p {
         font-size: 10px;
    }
     .cta-btn {
         width: 100%;
         min-height: 48px;
    }
     .footer-grid {
         grid-template-columns: 1fr;
         gap: 20px;
    }
     .footer-brand {
         grid-column: auto;
    }
     .footer-logo {
         width: 145px;
    }
     .footer-brand > p {
         font-size: 12px;
    }
     .footer-column h4 {
         margin-bottom: 18px;
    }
     .footer-column li a {
         font-size: 12px;
    }
     .contact-item {
         margin-bottom: 15px;
    }
      .why-join__layout {
         display: flex;
         flex-direction: column;
         gap: 25px;
    }
     .why-join__center {
         order: -1;
         margin-bottom: 10px;
    }
     .why-join__circle {
         width: 170px;
         height: 170px;
    }
     .why-join__circle::before {
         inset: -10px;
    }
     .why-join__item {
         padding: 18px 0;
    }
     .why-join__item h3 {
         font-size: 14px;
    }
     .page-breadcrumb {
         min-height: 175px;
    }
     .breadcrumb-content {
         min-height: 175px;
    }
     .breadcrumb-decoration {
         display: none;
    }
     .breadcrumb-eyebrow {
         font-size: 8px;
         letter-spacing: 1.5px;
    }
     .breadcrumb-eyebrow > span {
         width: 22px;
    }
     .breadcrumb-text h1 {
         margin-bottom: 11px;
         font-size: 32px;
    }
     .breadcrumb-nav {
         font-size: 10px;
         gap: 8px;
    }
     .core-values .section-title p {
         font-size: 12px;
    }
     .core-values-image {
         min-height: 360px;
    }
     .core-image-overlay {
         padding: 25px 22px;
    }
     .core-image-overlay strong {
         font-size: 21px;
    }
     .core-values-content {
         grid-template-columns: 1fr;
         gap: 13px;
    }
     .core-value-card {
         min-height: auto;
         padding: 20px 17px;
    }
}
 @media (max-width: 400px) {
     .quote-btn {
         width: 40px;
         padding: 0;
    }
     .quote-btn i {
         font-size: 12px;
    }
     .openings .section-title h2 {
         font-size: 25px;
    }
     .job-row {
         padding: 13px;
    }
     .job-icon {
         width: 47px;
         height: 47px;
         font-size: 18px;
    }
}
@media (max-width: 991px) {

  .site-header .navbar {
    min-height: 75px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .site-header .logo img {
    max-width: 160px;
    height: auto;
  }

  /* Hamburger */
  .menu-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 0;
    background: #0036b8;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
    position: relative;
    z-index: 1002;
  }

  /* Mobile menu */
  .site-header .main-nav {
    position: fixed;
    top: 0;
    left: 0;

    width: 300px;
    max-width: 85%;
    height: 100vh;

    background: #fff;

    transform: translateX(-100%);
    visibility: hidden;
    opacity: 0;

    transition:
      transform 0.4s ease,
      opacity 0.3s ease,
      visibility 0.4s ease;

    z-index: 1000;

    overflow-y: auto;
    box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
  }

  /* Open */
  .site-header .main-nav.active {
    transform: translateX(0);
    visibility: visible;
    opacity: 1;
  }

  .site-header .main-nav ul {
    display: flex;
    flex-direction: column;
    align-items: stretch;

    margin: 0;
    padding: 90px 25px 30px;

    gap: 0;
  }

  .site-header .main-nav ul li {
    width: 100%;
    list-style: none;
  }

  .site-header .main-nav ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    padding: 15px 5px;

    color: #222;
    text-decoration: none;

    border-bottom: 1px solid #eee;

    font-size: 16px;
    transition: 0.3s ease;
  }

  .site-header .main-nav ul li a:hover,
  .site-header .main-nav ul li a.active {
    color: var(--gold);
  }

}


/* Small mobile */
@media (max-width: 575px) {

  .site-header .main-nav {
    width: 280px;
  }

  .site-header .main-nav ul {
    padding-left: 20px;
    padding-right: 20px;
  }

  .site-header .logo img {
    max-width: 70px;
  }

}
@media (max-width: 991px) {

  .dropdown-menu {
    display: none;
  }

  .dropdown.mobile-open .dropdown-menu {
    display: block;
  }

}