@media (max-width: 1199px) {

  .header .nav-links{gap: 0.5rem;}
  .header .btn-primary{margin-left: 0;}
  .header .nav-link{    padding: 0.375rem 0.4rem;}

}



@media (max-width: 991px) {

  .same-heading{margin-bottom: 2rem;}
  .max-wid-50{max-width: 100%;}
  .same-section{padding: 3rem 0;}
  .hero-banner{padding: 3rem 0;}
  .same-heading h2{font-size: 2.2rem;}
  .section-bottom-btn{flex-wrap: wrap;}
  .fuel-section .fuel-chart{max-width: 100%; margin-top: 3rem;}
  .fuel-section .fuel-chart .fuel-content{left: 0;}



   .header .btn-sidebar-close {
        background: var(--PrimaryColor);
        border: 1px solid var(--PrimaryColor);
        color: var(--WhiteColor);
        border-radius: 50%;
        width: 2.25rem;
        height: 2.25rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s;
    }

    .header .btn-sidebar-close:hover {
        background: var(--WhiteColor);
    }

    .header .nav-wrapper {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: #fff;
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem;
        z-index: 1002;
        transition: left 0.3s ease-in-out;
        box-shadow: -5px 0 25px rgba(0, 0, 0, 0.1);
    }

    .header .nav-wrapper.is-open {
        left: 0;
    }

    .header .nav-wrapper .nav-links {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
        gap: 0.3rem;
        margin: 0;
    }

    .header .nav-wrapper .nav-link {
        width: 100%;
        padding: 0.5rem 0rem;
        margin: 0;
        font-size: 1rem;
        font-weight: 500;
    }


    .header .sidebar-header {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 1px solid #f6f6f6; }
.header .btn-primary{margin-top: 0.5rem;}
.header  .navbar-brand img{max-height: 2.8rem;}
.hero-banner .future-image{margin-top: 3rem;}
.hero-banner h1{font-size: 2.6rem;}
.hero-banner p{max-width: 100%;}
.stats-bar .stat-item p{margin-bottom: 0;}
.same-heading p br{display: none;}
.union-section .pacific-union-note{margin-top: 2rem;}
.union-section .pacific-union-note p{max-width: 100%;}
.summit-section .section-bottom-btn{margin-top: 2rem;}
.footer{padding: 2rem 0;}

}


@media (max-width: 767px) {
  .footer-logo{display: block; margin-bottom: 1rem;}
  .summit-section .summit-card,.idea-section .idea-card{padding: 1rem;}


}