@media(max-width:1240px){
.hero-grid{grid-template-columns: minmax(0, 1fr) minmax(390px, 500px);
    gap:30px;}
.navbar-nav { gap: 10px;}
.eyebrow { font-size: 12px;  letter-spacing: 2.5px;}
.hero h1{    font-size: 30px;line-height: normal;margin-top:14px;margin-bottom:16px;}
.hero-copy{    font-size: 12px;}
.stat strong{    font-size: 24px;}
.hero-stats{gap:20px;    margin:20px 0 15px;}
.stat span {  font-size:10px;}
.featured-label {    font-size: 12px;}
.timelbrow{    font-size: 12px;    letter-spacing:2.5px;}
.section-heading{    font-size: 30px;line-height: normal;}
.lead-text{    font-size:16px;line-height: normal;}
.timeline span,.timeline strong{    font-size: 12px;line-height: normal;}
.timeline li{    padding: 0 0 10px 0px;}
.vision-grid{    gap: 50px;}
.news-card h3{font-size: 14px;line-height: normal;}
.news-grid{    gap:16px 20px;}
.news-card span{    font-size: 11px;line-height: normal;}
.news-card a{font-size: 12px;line-height: normal;}
.vision .lead-text,.quote-line {font-size: 14px;line-height: normal;}
.vision .lead-text:last-child{margin-bottom:0}

.news-layout{    gap:30px;}
.news-filters button,.news-filters .sort-wrap select{height: 36px;font-size: 12px; line-height: normal;}
.event-card .type,.dark-band p{    font-size: 12px;line-height: normal;}
.event-card h3 {font-size: 16px;line-height: normal;}
.event-card{    padding:16px;}
.btn-pill{    font-size: 12px;line-height: normal;    min-height: 35px;}
.article-body h3{    font-size: 12px;line-height: normal;}
.article-body p{    font-size: 12px;line-height: normal;}
.date{    font-size: 11px;}
.mission-card p{    font-size: 12px;line-height: normal;}
.award-title{    font-size:9px;line-height: normal;}
.award-card{    gap:10px;    min-height:70px; padding:10px 14px;}
.gallery-mosaic{ margin-top:30px;}
.footer h4{    font-size:26px;line-height: normal;}
.footer p, .footer li,.footer li a{    font-size: 11px;line-height: 20px;}
.footer li a{margin-bottom: 6px;}
.hero-stats .stat { max-width:130px;}
.story,.hero,.vision,.news,.dark-band,.articles,.mission,.gallery,.footer{    padding:50px 0px;}

}


@media(max-width:991px){
    body.mobile-menu-open{
        overflow:hidden;
    }

    /* body.mobile-menu-open::before{
        content:"";
        position:fixed;
        inset:0;
        background:rgba(0,0,0,.5);
        z-index:1049;
    } */

    .site-nav .navbar{
        min-height:64px;
    }
 .site-nav .navbar .container-wide{   justify-content:space-between;    }
    .site-nav .navbar-toggler{
        border:0;
        box-shadow:none;
        padding:6px 0;
        position:relative;
        z-index:99;
    }
.site-nav .navbar-toggler.mobileMenuClose {
    position: absolute;
    top: 1.22rem;
    right: 1.22rem;
    z-index: 9;
    border: none;
}
    .site-nav .navbar-collapse{
        background:#1E2329;
        border-right:0;
        bottom:0;
        box-shadow:0 18px 40px rgba(0,0,0,.32);
        display:block;
        height:100vh;
        left:0;
        max-width:none;
        padding:90px 24px 28px;
        position:fixed;
        right:0;
        top:0;
         opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
        width:100%;
        z-index:1050;
            display: flex;
    align-items: center;
    justify-content: start;
        
    }
.site-nav .navbar-nav{margin-right:auto;}
    .mobileMenuClose{
        align-items:center;
        display:flex;
        height:34px;
        justify-content:center;
        position:absolute;
        right:18px;
        top:20px;
        width:34px;
    }

    .mobileMenuClose img{
        max-width:18px;
    }

    .site-nav .navbar-collapse.show,
    .site-nav .navbar-collapse.collapsing{
       opacity: 1;
     visibility: visible;
     flex-direction: column;
    }
.navbarCollap .navbar-brand{margin-bottom:20px;}
    .site-nav .navbar-collapse.collapsing{
        height:100vh;
        overflow:hidden;
    }

    .site-nav .navbar-nav{
        align-items:flex-start !important;
        gap:6px;
    }

    .site-nav .nav-item{
        width:100%;
    }

    .site-nav .nav-link,
    .site-nav .navbar .btn-pill{
        justify-content:center;
        padding:12px 20px;
        width:100%;
                text-align: center;
    }

    .news-layout{
        grid-template-columns:1fr;
    }
    .news-layout{
        grid-template-columns:1fr;
    }

    .news-grid{
        grid-template-columns:1fr;
    }

    .news-header{
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
    }

    .news-header h2{
        font-size:48px;
    }
    .awards-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .container-wide{width:min(100% - 32px, 720px)}
    .gallery .container-wide{width:min(100% - 32px, 720px)}
    .hero-grid,
    .story-grid,
    .vision-grid,
    .speaking-grid,
    .news-layout,
    .footer-grid{
        grid-template-columns:1fr;
                display: flex;
        flex-direction: column;
    }
    .hero-photo{min-height:420px}
    .feature-strip .container-wide{
        flex-wrap:wrap;
        padding:18px 0;
    }
    .featured-label{width:100%}
    .article-grid,
    .mission-cards,
    .awards-grid{
        grid-template-columns:1fr;
    }
    .gallery-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .gallery-row-top,
    .gallery-row-bottom{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .gallery-tile,
    .gallery-row-bottom .gallery-tile{
        height:210px;
    }
}

                    @media (max-width: 767.98px) {
                        .gallery-popup {
                            padding: 52px 18px 28px;
                        }

                        .gallery-popup-arrow {
                            bottom: 22px;
                            top: auto;
                            transform: none;
                        }

                        .gallery-popup-prev {
                            left: 18px;
                        }

                        .gallery-popup-next {
                            right: 18px;
                        }

                        .gallery-popup-thumb {
                            flex-basis: 92px;
                            width: 92px;
                        }
                    }


@media (max-width: 575px){
    .hero{padding:30px 0; text-align: center;}
    .gallery{padding:64px 0}
    .gallery .container-wide{width:calc(100% - 32px)}
    .hero-grid{gap:20px}
    .hero h1{font-size: 34px;font-weight: 400;line-height: 40px;margin-bottom:30px;}
    .booking-modal .modal-dialog{margin:12px}
    .booking-modal .modal-body{padding:30px 22px}
    .booking-row{grid-template-columns:1fr; gap:7px}
    .booking-row label{line-height:130%}
    .booking-actions{justify-content:stretch; padding-left:0}
    .booking-actions button{width:100%}
    .hero-photo{min-height:auto; margin-bottom:24px;}
    .hero-stats{gap:16px}
    .section-row{align-items:center; flex-direction:column}
    .filters{flex-wrap:wrap}
    .news-grid{grid-template-columns:1fr}
    .event-images{grid-template-columns:1fr}
    .gallery-grid{grid-template-columns:1fr; grid-auto-rows:210px}
    .gallery-row-top,
    .gallery-row-bottom{grid-template-columns:1fr}
.gallery-row-top, .gallery-row-bottom { grid-template-columns: repeat(2, minmax(0, 1fr));}
    .pagination {justify-content: center;}
    .gallery-tile,
    .gallery-row-bottom .gallery-tile{height:220px}
    .gallery-item.tall,
    .gallery-item.wide{grid-row:auto; grid-column:auto}
.eyebrow{font-size:14px;text-align: center; line-height: 130%;letter-spacing: 0.7px;}
    .hero-copy {font-size: 14px;font-weight: 400;line-height: 22px;    }
.hero-stats .stat { max-width: 30%;}
.hero-actions { justify-content: center;}
.featuredRow { text-align: center;}
.news-filters{flex-direction: column; width:100%; align-items: center; gap: 16px;}
.newsFilters{justify-content: center;}
.sort-wrap select {width:80%;}
.featureBg::after,.featureBg::before {    width: 50px;}
    #articleCarousel.owl-carousel,
    #missionCarousel.owl-carousel,
    #awardsCarousel.owl-carousel,
    #timelineCarousel.owl-carousel{
        display:block;
    }
    .feature-strip .item{    padding: 12px 6px;}
.news-filters .sort-wrap select{min-width:240px;}
    #articleCarousel.owl-carousel .owl-stage,
    #missionCarousel.owl-carousel .owl-stage,
    #awardsCarousel.owl-carousel .owl-stage{
        display:flex;
    }

    #articleCarousel.owl-carousel .article-card,
    #missionCarousel.owl-carousel .mission-card,
    #awardsCarousel.owl-carousel .award-card{
        height:100%;
    }

    #timelineCarousel.owl-carousel{
        margin-top:0px;
        padding:0;
    }

    #timelineCarousel.owl-carousel:before{
        bottom:auto;
        height:1px;
        left:0;
        right:0;
        top:7px;
        transform:none;
        width:100%;
    }

    #timelineCarousel.owl-carousel .owl-stage{
        align-items:stretch;
        display:flex;
    }

    #timelineCarousel.owl-carousel li{
        opacity:1;
        padding:31px 8px 0;
        text-align:center;
        transform:none;
    }

    #timelineCarousel.owl-carousel li:before{
        border:0;
        height:12px;
        left:50%;
        top:1px;
        transform:translateX(-50%);
        width:12px;
        z-index:2;
    }

    #timelineCarousel.owl-carousel strong{
        font-size:14px;
        margin-bottom:6px;
    }

    #timelineCarousel.owl-carousel span{
        display:block;
        font-size:14px;
        line-height:20px;letter-spacing: 0.07px;
    }
.story{text-align: center;}
  .timelbrow{font-size: 14px;letter-spacing: 3.5px;font-weight: 500;    }  
.section-heading{font-size: 34px;text-align: center; font-weight: 400;line-height: 40px; letter-spacing: -1.02px;}
.lead-text{font-size: 14px;font-weight: 300;line-height: 22px; }
.story-grid{    gap:20px;}
.vision{text-align: center;}
.vision .lead-text {   font-size: 15px;line-height: 22px;    }
.speaking-grid{text-align: center;}
.event-card .type, .dark-band p{font-size: 14px;font-weight: 300;line-height: 22px;}
#speaking .event-card{text-align: start;}
#speaking .tag-row{justify-content: center;}
 .date { font-size: 12px; }
.article-body h3,.article-body p,.read-more,.mission-card p{font-size: 14px;line-height: 20px;}
.footer-brand{text-align: center;}
.naviArow,.sociArow,.sociPres{width:100%;text-align: center;}
.naviArow ul li,.sociArow li ,.sociPres li{display:inline-flex;padding-inline:10px;}
.footer-grid{    gap:30px;}
.footer p, .footer li, .footer li a{font-size: 12px;font-weight: 300;line-height: 22px; letter-spacing: 1.2px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{    background: #E4F223;}
 .quote-line{font-size: 14px;font-style: italic; text-align: justify;line-height: 22px;}
.story,.awards,  .hero, .vision, .news, .dark-band, .articles, .mission, .gallery, .footer {  padding:40px 0px;    }
#awardsCarousel .owl-item{padding:10px; }
#awardsCarousel.owl-carousel .award-card {margin:0px 0px 15px;height:81%;}
#missionCarousel.owl-carousel .mission-card img{width:auto;margin: auto; }

.linkedinRow {    max-width:100%;}
.linkedCont{margin:auto; text-align:center;}
#eventImages .owl-dots{margin-top:30px;}

}