/* GK Mill Care - responsive layout */
@media (max-width: 1024px) {
  .container { width: min(94%, 1100px); }
  .nav-quote-button { padding: 10px 16px; }
}

@media (max-width: 768px) {
  .navbar { min-height: 68px; }
  .logo img { width: 42px; height: 42px; }
  .logo-text { font-size: 20px; }
  .logo-name { font-size: 17px; }

  .nav-quote-button { display: none; }

  .mobile-menu-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 10px;
    background: #0065B3;
    color: #fff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
  }

  .nav-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    display: none;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 12px 35px rgba(0,0,0,.12);
    z-index: 1000;
  }

  .nav-menu.active { display: flex; }
  .nav-menu a { display: block; width: 100%; padding: 12px 14px; }

  .hero,
  .page-hero { min-height: auto; }
  .hero-content,
  .page-hero-content { padding: 70px 0 60px; }

  .quick-services {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
    overflow: hidden;
  }

  .quick-service-card {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .recommendation-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 30px;
  }

  .recommendation-info,
  .recommendation-form {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .recommendation-form .form-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .recommendation-form input,
  .recommendation-form select,
  .recommendation-form textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  .recommendation-form button { width: 100%; }

  .machines-grid,
  .equipment-grid,
  .services-grid,
  .projects-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .about-grid,
  .contact-grid,
  .quotation-grid,
  .two-column {
    grid-template-columns: 1fr;
  }

  .form-row { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .container { width: min(92%, 1100px); }
  .navbar { min-height: 64px; }
  .logo img { width: 38px; height: 38px; }
  .logo-text { font-size: 18px; }
  .logo-name { font-size: 15px; }

  .hero-content,
  .page-hero-content { padding: 56px 0 48px; }

  .quick-services {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .quick-service-card { padding: 18px 12px; }

  .recommendation-wrapper { gap: 25px; }
  .recommendation-info h2 { font-size: 29px; line-height: 1.15; }
  .recommendation-info p { font-size: 14px; line-height: 1.7; }
  .recommendation-form { padding: 22px 18px; border-radius: 16px; }

  .machines-grid,
  .equipment-grid,
  .services-grid,
  .projects-grid {
    grid-template-columns: 1fr;
  }

  .section-title { font-size: 28px; }
  .btn,
  button,
  input,
  select,
  textarea { max-width: 100%; }
}

@media (max-width: 360px) {
  .quick-services { grid-template-columns: 1fr; }
  .logo-name { display: none; }
}


/* Modern UI responsive layer */
@media (max-width: 900px){
  .nav-menu{gap:18px}
  .location-grid{grid-template-columns:1fr;gap:35px}
  .location-copy{padding-left:0}
  .machine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .header-service-inner{gap:18px}
}
@media (max-width: 768px){
  .top-bar{min-height:32px}
  .top-bar-inner{min-height:32px}
  .top-bar span{font-size:8px;letter-spacing:1px}
  .top-bar span:last-child{display:none}
  .header-service-bar{display:block}
  .header-service-inner{min-height:36px;padding:0 2px}
  .header-service-inner > span{font-size:9px}
  .header-service-inner > span:nth-child(2),
  .header-service-inner > span:nth-child(3){display:none}
  .service-bar-link{font-size:10px}
  .navbar{min-height:68px}
  .logo img{width:38px;height:38px}
  .logo-text{font-size:19px}
  .logo-name{font-size:17px}
  .nav-quote-button{display:none}
  .machine-grid{grid-template-columns:1fr}
  .machine-image{height:250px}
  .location-section{padding:72px 0}
  .location-copy h2{font-size:44px;letter-spacing:-2px}
  .india-map-card{min-height:330px}
  .quote-modal-dialog{padding:30px 22px}
  .modal-form-grid{grid-template-columns:1fr}
  .quote-modal-heading h2{font-size:29px}
}
@media (max-width:480px){
  .logo-name{font-size:15px}
  .header-service-inner{gap:10px}
  .header-service-inner > span:first-child{display:none}
  .service-bar-link{margin-left:0}
  .machine-image{height:235px}
  .location-copy h2{font-size:39px}
  .india-map-card{min-height:360px}
  .map-service-badge{top:18px;left:18px}
  .state-tags{left:15px;right:15px;bottom:15px}
  .state-tags span{font-size:9px;padding:5px 7px}
  .quote-modal{padding:10px}
  .quote-modal-dialog{max-height:calc(100vh - 20px);padding:27px 18px 22px}
}


/* Contact page alignment */
@media (max-width: 900px) {
  .contact-grid { grid-template-columns: 1fr; gap: 28px; }
  .contact-details { padding: 0; }
  .service-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .contact-form-wrapper { padding: 26px 22px; }
  .service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 520px) {
  .contact-info-item { padding: 14px; }
  .contact-form-wrapper { padding: 22px 17px; border-radius: 16px; }
  .service-grid { grid-template-columns: 1fr; }
}