/*==========================================================
ENTITY ENTERPRISES
Responsive
==========================================================*/


/*==============================
1400px
==============================*/

@media (max-width:1400px) {

    .container {

        max-width: 1200px;

    }

    .hero-wrapper {

        gap: 60px;

    }

    .project-card {

        height: 520px;

    }

    .footer-top {

        gap: 50px;

    }

}


/*==============================
1200px
==============================*/

@media (max-width:1200px) {

    .grid {

        grid-template-columns: 1fr;

    }

    .col-5,
    .col-7 {

        grid-column: 1;

    }

    .hero {

        padding-top: 160px;

    }

    .hero-wrapper {

        grid-template-columns: 1fr;

        text-align: center;

    }

    .hero-content {

        display: flex;

        flex-direction: column;

        align-items: center;

    }

    .hero-description {

        max-width: 700px;

        margin: auto;

    }

    .hero-buttons {

        justify-content: center;

    }

    .hero-building {

        position: relative;

        margin: 80px auto 0;

        right: auto;

        width: 700px;

        height: 700px;

    }

    .about-stats {

        grid-template-columns: repeat(3, 1fr);

    }

    .services-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .projects-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .clients-grid {

        grid-template-columns: repeat(3, 1fr);

    }

    .footer-top {

        grid-template-columns: repeat(2, 1fr);

    }

    .cta-box {

        padding: 90px;

    }

}


/*==============================
992px
==============================*/

@media (max-width:992px) {

    .nav-links {

        display: none;

    }

    .menu-toggle {

        display: block;

    }

    .hero {

        padding-top: 140px;

    }

    .hero-title {

        font-size: 85%;

    }

    .hero-building {

        width: 100%;

        height: 600px;

    }

    .about-stats {

        grid-template-columns: 1fr;

    }

    .services-grid {

        grid-template-columns: 1fr;

    }

    .projects-grid {

        grid-template-columns: 1fr;

    }

    .clients-grid {

        grid-template-columns: repeat(2, 1fr);

    }

    .project-card {

        height: 500px;

    }

    .section {

        padding: 110px 0;

    }

    .footer-top {

        grid-template-columns: 1fr;

        gap: 60px;

    }

    .footer-bottom {

        flex-direction: column;

        gap: 18px;

        text-align: center;

    }

}


/*==============================
768px
==============================*/

@media (max-width:768px) {

    html {

        font-size: 15px;

    }

    .container {

        width: 92%;

    }

    .hero {

        padding-top: 120px;

        padding-bottom: 80px;

    }

    .hero-title {

        font-size: 72%;

        line-height: 1;

    }

    .hero-description {

        font-size: .95rem;

    }

    .hero-buttons {

        width: 100%;

        flex-direction: column;

    }

    .btn,

    .btn-dark,

    .btn-outline {

        width: 100%;

        justify-content: center;

    }

    .hero-building {

        height: 420px;

    }

    .hero-light,

    .hero-light-secondary,

    .hero-number,

    .coordinate,

    .axis,

    .crosshair,

    .arch-note,

    .dimension-line,

    .scroll-indicator {

        display: none;

    }

    .section {

        padding: 90px 0;

    }

    .section-title {

        font-size: 2.6rem;

    }

    .service-card {

        padding: 35px;

    }

    .project-card {

        height: 380px;

    }

    .cta-box {

        padding: 70px 30px;

    }

    .contact-form input,

    .contact-form textarea {

        padding: 18px;

    }

    .footer {

        padding-top: 70px;

    }

}


/*==============================
576px
==============================*/

@media (max-width:576px) {

    .hero-title {

        font-size: 62%;

    }

    .hero-label {

        font-size: .72rem;

        letter-spacing: .18em;

    }

    .hero-description {

        font-size: .92rem;

        line-height: 1.8;

    }

    .hero-building {

        height: 320px;

    }

    .project-card {

        height: 320px;

    }

    .project-content {

        padding: 25px;

    }

    .project-content h3 {

        font-size: 1.5rem;

    }

    .client-logo {

        height: 90px;

    }

    .client-logo img {

        width: 80px;

    }

    .cta-title {

        font-size: 2.5rem;

    }

    .footer-logo {

        width: 140px;

    }

    .footer-text {

        font-size: .9rem;

    }

}


/*==============================
400px
==============================*/

@media (max-width:400px) {

    .hero {

        padding-top: 110px;

    }

    .hero-title {

        font-size: 56%;

    }

    .hero-building {

        height: 260px;

    }

    .section-title {

        font-size: 2rem;

    }

    .service-card {

        padding: 28px;

    }

    .cta-box {

        padding: 50px 20px;

    }

    .btn {

        font-size: .82rem;

    }

    .footer-top {

        gap: 40px;

    }

}


/*==============================
Ultra Wide
==============================*/

@media (min-width:1800px) {

    .container {

        max-width: 1600px;

    }

    .hero-building {

        width: 1100px;

        height: 1100px;

    }

    .hero-title {

        transform: scale(1.08);

        transform-origin: left center;

    }

    .project-card {

        height: 700px;

    }

}

/*==========================================================

Logo Marquee

==========================================================*/

@media(max-width:768px) {

    .logo-item {

        width: 180px;

        height: 90px;

    }

    .logo-item img {

        max-width: 90px;

    }

    .logo-track {

        gap: 30px;

        animation-duration: 18s;

    }

}

/*==========================================================

Premium Contact

==========================================================*/

@media(max-width:1100px) {

    .contact-premium {

        grid-template-columns: 1fr;

    }

    .contact-image {

        height: 450px;

    }

    .contact-content {

        padding: 80px 7%;

    }

}

@media(max-width:768px) {

    .contact-info {

        grid-template-columns: 1fr;

    }

    .grid-2 {

        grid-template-columns: 1fr;

        gap: 18px;

    }

    .contact-content {

        padding: 70px 6%;

    }

}

@media(max-width:1100px) {

    .about-grid {

        grid-template-columns: 1fr;

        gap: 60px;

    }

}

@media(max-width:768px) {

    .logo-box {

        width: 160px;

        height: 90px;

    }

    .logo-box img {

        max-width: 80px;

    }

}

@media(max-width:1100px) {

    .project-showcase,

    .project-showcase.reverse {

        grid-template-columns: 1fr;

        gap: 50px;

    }

    .project-showcase.reverse .project-image,

    .project-showcase.reverse .project-content {

        order: unset;

    }

    .project-image img {

        height: 480px;

    }

}

@media(max-width:1100px) {

    .why-grid {

        grid-template-columns: 1fr;

    }

    .why-right {

        grid-template-columns: 1fr;

    }

}

@media(max-width:768px) {

    .why-left {

        grid-template-columns: 1fr 1fr;

    }

}

@media(max-width:520px) {

    .why-left {

        grid-template-columns: 1fr;

    }

}

@media(max-width:1100px) {

    .quality-grid {

        grid-template-columns: 1fr;

    }

    .quality-right {

        grid-template-columns: 1fr;

    }

}

@media(max-width:768px) {

    .cta-contact {

        flex-direction: column;

        gap: 35px;

    }

    .cta-buttons {

        flex-direction: column;

        align-items: center;

    }

}

@media(max-width:1100px) {

    .footer-grid {

        grid-template-columns: 1fr 1fr;

    }

}

@media(max-width:700px) {

    .footer-grid {

        grid-template-columns: 1fr;

    }

    .footer-bottom {

        flex-direction: column;

        text-align: center;

    }

}
@media(max-width:1100px){

.mission-grid,
.about-company-grid,
.trust-grid{

grid-template-columns:1fr;

}

.values-grid{

grid-template-columns:1fr 1fr;

}

.stats-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:768px){

.values-grid,
.trust-right,
.leadership-grid{

grid-template-columns:1fr;

}

.stats-grid{

grid-template-columns:1fr;

}

.journey-timeline{

padding-left:35px;

}

}
@media(max-width:900px){

.contact-strip-grid{

grid-template-columns:1fr;

gap:50px;

}

}
@media(max-width:1100px){

.featured-case-study{

grid-template-columns:1fr;

}

.case-image img{

height:420px;

}

.case-content{

padding:50px 30px;

}

.project-filter-section{

top:70px;

}

}
@media(max-width:1100px){

.portfolio-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:700px){

.portfolio-grid{

grid-template-columns:1fr;

}

}
@media(max-width:1100px){

.lightbox-grid{

grid-template-columns:1fr;

}

.lightbox-image img{

height:420px;

}

.lightbox-content{

padding:35px;

}

}
@media(max-width:1100px){

.execution-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:700px){

.execution-grid{

grid-template-columns:1fr;

}

}
@media(max-width:1100px){

.industries-grid{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:700px){

.industries-grid{

grid-template-columns:1fr;

}

}
@media(max-width:1100px){

.contact-grid{

grid-template-columns:1fr;

}

.contact-options-grid{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.trusted-section{

padding:90px 0;

}

.client-track{

gap:55px;

}

.client-track img{

height:42px;

}

.section-title{

font-size:2.3rem;

}

}
@media(max-width:992px){

.home-about-grid{

grid-template-columns:1fr;

gap:60px;

}

.about-highlights{

grid-template-columns:1fr;

}

}

/* Redesigned Leadership Section Responsive Rules */
@media (max-width: 1024px) {
    .leadership-header {
        grid-template-columns: 1fr;
        gap: 30px;
        text-align: center;
    }
    .quote-box {
        padding-left: 0;
    }
    .quote-icon {
        display: none;
    }
    .leadership-cards {
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .leadership-bottom-values {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
        padding: 30px 25px;
    }
}

@media (max-width: 768px) {
    .leader-row-card {
        flex-direction: column;
        max-width: 480px;
        margin: 0 auto;
    }
    .leader-left-block {
        flex: none;
        width: 100%;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        border-bottom-left-radius: 0;
    }
    .leader-stats-strip {
        flex-direction: row;
        justify-content: space-around;
        padding: 20px 10px;
    }
    .leader-img-wrapper {
        height: 320px;
    }
    .leader-details {
        margin-left: 0;
        margin-top: -20px;
        padding: 40px 25px 30px 25px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 24px;
        border-bottom-left-radius: 24px;
        clip-path: polygon(0 20px, 30px 0, calc(100% - 30px) 0, 100% 20px, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 20px, 30px 0, calc(100% - 30px) 0, 100% 20px, 100% 100%, 0 100%);
    }
    .leader-details::before {
        clip-path: polygon(0 20px, 30px 0, calc(100% - 30px) 0, 100% 20px, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 20px, 30px 0, calc(100% - 30px) 0, 100% 20px, 100% 100%, 0 100%);
    }
    .leader-details::after {
        inset: 2px 0 0 0;
        clip-path: polygon(0 22px, 30px 2px, calc(100% - 30px) 2px, 100% 22px, 100% 100%, 0 100%);
        -webkit-clip-path: polygon(0 22px, 30px 2px, calc(100% - 30px) 2px, 100% 22px, 100% 100%, 0 100%);
    }
}

@media (max-width: 580px) {
    .leadership-bottom-values {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .leader-stats-strip {
        flex-direction: column;
        gap: 18px;
    }
}