@media (max-width: 767px) {
header .logo span img {
    height: auto;
    width: 150px;
}
   .architecture-hero-section .swiper-slide.swiper-slide-active .hero-content .main-heading {
    opacity: 1;
    width: auto;
}
    .architecture-hero-section {
        height: 50vh;
}
        .architecture-hero-section .hero-content {
        padding-top: 15rem;
    }
        .architecture-hero-section .hero-content .main-heading {
        line-height: 36px;
        font-size: 26px !important;
    }
        .architecture-hero-section .hero-content .hero-btn {
        flex-wrap: nowrap;
    }
    .btn, .btn:link, .btn:visited {
    padding: 15px 25px;
            width: auto !important;
}
    .what-sec .service-card {
    grid-template-columns: 1fr;
}
        .areas-serve-section .img-block {
        height: 80vh;
    }
        .main-heading {
        font-size: 26px !important;
    }
    .applications-sec .features-wrapper {
    grid-template-columns: 1fr;
}
    .spec-table {
    width: 100%;
}
    .blog-detail-section .inner-container .services-quote-section .service-quote-img {
        max-width: 100%;
    }
    .blog-detail-section .inner-container .services-quote-section {
    display: block;
}
    .conclusion-sec .inner-container .services-quote-section .service-quote-img  {
   width: 100%;
}
    .conclusion-sec .services-quote-section {
    padding-right: 0;
}
    .conclusion-text{
        margin-top: 30px;
        padding: 30px;
    }
    footer .copyright {
    font-size: 12px;
}

}

/*  */
@media (max-width: 991px) {
  .energy-sec .about-us-2-wrapper .about-image-block .img-block .r-image-inner {
        height: 35vh;
                position: relative;

    }

    .energy-sec  .about-us-2-wrapper .about-image-block .img-block{
         position: relative;
    }
    .energy-sec .about-us-2-wrapper .about-features-block {
        padding: 5rem 2.5rem !important;
    }
    .energy-sec .about-us-2-wrapper .about-features-block .features {
    padding: 0;
}


.energy-sec .about-us-2-wrapper {
    display: block;
}
.energy-sec .about-us-2-wrapper .about-image-block {
        padding: 0;
    }
}

.about-top-swiper,
.about-top-swiper .swiper-slide,
.about-top-swiper img {
    width: 100%;
    height: 100%;
}

.about-top-swiper img {
    object-fit: cover; /* keeps your layout intact */
    display: block;
}

.swiper.energy-swiper2.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
    width: 570px !important;
    margin: 0px;
}

/* .r-image-inner2{
width: 702.5px;
} */
 .rep-slider{
    /* .about-image-block { */
        width: 2px !important;
    /* } */
 }






 @media (min-width: 1200px) and (max-width: 1400px) {
    .swiper.energy-swiper2.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
       width: 520px !important;
       margin: 0px;
   }
    }
   
    @media (min-width: 1000px) and (max-width: 1159px) {
       .swiper.energy-swiper2.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
           width: 465px !important;
           margin: 0px;
       }
   }
   
   
    @media (max-width: 767px) {
    .swiper.energy-swiper2.swiper-initialized.swiper-horizontal.swiper-backface-hidden {
       width: 320px !important;
       margin: 0px;
   }
    }