@media (max-width: 1600px) {

    .hero-content { 
        padding: 10px;
    }
    .hero-text {
        max-width: 500px;
    }
    .hero-title {
        font-size: 40px;
    }
    .hero-subtitle {
        font-size: 18px;
    }
   
}

@media (max-width: 1200px) {

    .hero-main-title {
      font-size: 36rem;
       
    }

    .hero-subtitle-modern {
        font-size: 20rem;
    }

    .hero-description {
        font-size: 16rem;
    }
    
    .btn-hero-primary .btn-hero-secondary {
        font-size: 12rem;
    }

    .features-simple-list {
        flex-direction: column;
        align-items: center;
    }

    .feature-simple {
        width: 80%;
        text-align: center;
    }
      

}

@media (max-width: 1000px) {

    .subpage-sidebar {
        display: none;
    }
.hero-content {
        left: 50%; 
        right: auto; 
        transform: translate(-50%, -50%);
        width: 90%; 
        max-width: 600px; 
    }

       .hero-title {
        font-size: 35px;
    }
    .hero-subtitle {
        font-size: 14px;
    }

    .hero {
        height: 80vh;
    }

    .footer-container {
        flex-direction: column-reverse;
        align-items: center;
        padding: 0 20px;
    }

    .footer-social {
        align-items: center;
        justify-content: center;
    }

    .footer-bottom-content {
      flex-direction: column;
      gap: 10px;
    }

    .welcome-content {
    flex-direction: column-reverse;
    }

    .welcome-image img {
      aspect-ratio: 100/80;
    }

    .welcome-image {
        width: 60%;
    }

    .welcome-text {
        width: 100%;
       
    }

    .info-content {
        flex-direction: column;
        align-items: center;
    }

    .info-box {
      width: 60%;
    
    }

    .gallery-fx {
        justify-content: center;
    }

    .counters-container {
        flex-direction: column;
        align-items: center;
    }

    .counter-box {
        width: 80%;
        text-align: center;
    }

    .btn-hero-primary1 {
        max-width: 100% !important;
    }

    .service-side-card p {
        font-size: 12rem;

    }

    .service-side-card {
        padding: 15px;
    }

}


@media (max-width: 768px) {
    .hero-content-modern {
        grid-template-columns: 1fr;
        gap: 30rem;
        text-align: center;
    }
    
    .hero-main-title {
        font-size: 30rem;
    }
    
    .hero-subtitle-modern {
        font-size: 16rem;
    }
    
    .hero-building-icon {
        font-size: 50rem;
    }
    
    .features-grid {
        grid-template-columns: 1fr;
    }
    
    .service-main-card {
        padding: 30rem 20rem;
    }
    
    .service-items {
        grid-template-columns: 1fr;
    }
    
    .contact-cards {
        grid-template-columns: 1fr;
    }
    
    .hero-buttons {
        justify-content: center;
    }
    
    .btn-hero-primary,
    .btn-hero-secondary {
        width: 100%;
        max-width: 200px;
        font-size: 10rem;
    }

    .hero-container {
    margin-top: 100px;
    padding: 0 20px;
    }

     .hero-description {
        font-size: 14rem;
    }

   
}


@media (max-width: 600px) {

 .footer-links { 
       flex-direction: column;
    } 

     .welcome-image {
        width: 80%;
    }

    .info-box {
      width: 80%;
    }

    .info-title {
        font-size: 16rem;
    }

    .info-description {
        font-size: 12rem;
    }

    .swiper-button-prev-custom, .swiper-button-next-custom {
     width: 25px;
     height: 25px;
    flex: 0 0 25px;
    }

    .features-simple {
        padding: 0 20px;
    }
    
    .feature-simple {
        width: 100%;
    }

    .counters-section {
        padding: 36px 20px;
    }

      .counter-box {
        width: 100%;
    }

    .service-side-cards2 {
        flex-direction: column;
    }

    .service-side-card p{
        font-size: 15rem;
    }

    .technology-modern-upgraded {
        padding: 0 20px;
    }

}