@media (max-width: 1200px){
  .services-grid,
  .coverage-grid,
  .process-steps{
    grid-template-columns:repeat(2, 1fr);
  }

  .hero-content h1{
    font-size:42px;
  }
}

@media (max-width: 991px){
  .hero-grid,
  .intro-grid,
  .form-grid{
    grid-template-columns:1fr;
  }

  .form-content{
    position:static;
  }

  .mini-features{
    grid-template-columns:1fr;
  }

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

  .hero-content h1{
    font-size:36px;
  }

  .intro-content h2,
  .section-head h2,
  .seo-box h2,
  .form-content h2{
    font-size:30px;
  }

  .security-hero,
  .security-intro,
  .services-section,
  .coverage-section,
  .process-section,
  .seo-content-section,
  .faq-section,
  .form-section{
    padding:60px 0;
  }
}

@media (max-width: 767px){
  .security-container{
    width:min(var(--container), calc(100% - 22px));
  }

  .services-grid,
  .coverage-grid,
  .process-steps{
    grid-template-columns:1fr;
  }

  .hero-content h1{
    font-size:31px;
    line-height:1.16;
  }

  .hero-text{
    font-size:15px;
  }

  .service-card h3,
  .coverage-item h3,
  .process-step h3{
    font-size:19px;
  }

  .faq-item summary{
    font-size:16px;
    padding:18px 18px;
  }

  .faq-item p{
    padding:0 18px 18px;
  }

  .form-card{
    padding:20px;
    border-radius:22px;
  }

  .seo-box{
    padding:26px 20px;
    border-radius:22px;
  }

  .btn{
    width:100%;
  }

  .hero-actions{
    flex-direction:column;
  }

  .toast-box{
    left:12px;
    right:12px;
    bottom:14px;
    min-width:auto;
    max-width:none;
  }
}