/* Responsive CSS for Custom Phone Case Design Service */

/* Tablet Styles */
@media (max-width: 992px) {
  .hero-title {
    font-size: 2.64rem;
  }
  
  .hero-subtitle {
    font-size: 1.37rem;
  }
  
  .section-padding {
    padding: 3rem 0;
  }
  
  .services-item,
  .priceplan-item,
  .about-feature {
    margin-bottom: 2rem;
  }
}

/* Mobile Styles */
@media (max-width: 768px) {
  .hero-title {
    font-size: 2rem;
  }
  
  .hero-subtitle {
    font-size: 1.24rem;
  }
  
  .hero-desc {
    font-size: 1rem;
  }
  
  .section {
    padding: 2rem 0;
  }
  
  .navbar-nav {
    text-align: center;
  }
  
  .navbar-nav .nav-link {
    margin: 0.25rem 0;
  }
  
  .team-photo {
    width: 150px;
    height: 150px;
  }
  
  .process-number {
    width: 50px;
    height: 50px;
    font-size: 1.28rem;
  }
  
  .gallery img {
    height: 200px;
  }
}

/* Small Mobile Styles */
@media (max-width: 576px) {
  .hero-title {
    font-size: 1.78rem;
  }
  
  .hero-subtitle {
    font-size: 1rem;
  }
  
  .container {
    padding: 0 1rem;
  }
  
  .contact-form {
    padding: 2rem;
  }
  
  .services-content {
    padding: 1.5rem;
  }
  
  .priceplan-item {
    padding: 2rem 1rem;
  }
}