@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: 40vh;
}
        .architecture-hero-section .hero-content {
        padding-top: 15rem;
    }
    .architecture-hero-section .hero-content .main-heading {
        line-height: 32px;
        font-size: 26px;
    }
        .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: 34px !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 .services-quote-section {
    padding-right: 0;
                padding: 30px;
}
    .conclusion-text{
        margin-top: 30px;
    }
    footer .copyright {
    font-size: 12px;
}
}