
@media (max-width: 1360px) {

.site-header .container{max-width: 100%; padding: 0 15px;}

}


@media (max-width: 1199px) {
    .pricing-section .row {
        justify-content: center;
    }

    .pricing-section .col {
        flex: 0 0 33%;
    }
.agenda-wrapper .agenda-grid{flex-direction: column;}
.agenda-section .agenda-grid{flex-wrap: wrap;}
.agenda-section .agenda-col-title{justify-content: space-between; margin-bottom: 1.5rem;}





   /* Header Responsive */
    .site-header :is(.menu-toggle, .close-menu) {
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--PrimaryColor);

        color: var(--WhiterColor);
    }

    .site-header .mobile-logo-bx {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        border-bottom: 1px solid #eee;
        width: 100%;
        margin-bottom: 1rem;
    }

    .site-header .mobile-logo-bx .logo {
        width: 100%;
        max-width: 150px;
    }

    .site-header .nav-menu {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background-color: var(--WhiterColor, #fff);
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding: 1rem;
        gap: 0.5rem;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
        transition: left 0.3s ease;
        z-index: 10000;
        align-items: flex-start;
        overflow-y: auto;
    }

    .site-header .nav-menu.active {
        left: 0;
    }

    .site-header .nav-menu a:not(.btn) {
        font-size: 1rem;
        padding: 0;
        display: block;
        width: 100%;
        color: var(--BlackColor);
        padding: 0.5rem 0;
    }

    .site-header .nav-menu .btn {
        margin-left: 0;
        width: 100%;
        justify-content: center;
        margin-top: 0.5rem;
        background-color: var(--PrimaryColor);
    }

    /* Mobile Dropdown styles */
    .dropdown-summit {
        width: 100%;
        position: relative;
    }

    .dropdown-summit .dropdown-toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100% !important;
        padding: 0.5rem 0 !important;
        color: var(--BlackColor) !important;
        font-size: 1rem !important;
        transition: color 0.3s ease !important;
    }

    .dropdown-summit .dropdown-menu-list {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        background: transparent;
        box-shadow: none;
        border: none;
        min-width: 100%;
        display: none;
        padding-left: 1rem;
        margin-top: 0.25rem;
    }

    .dropdown-summit.open .dropdown-menu-list {
        display: block;
    }

    .dropdown-summit.open .dropdown-toggle svg {
        transform: rotate(180deg);
    }

    .dropdown-summit .dropdown-menu-list li a {
        padding: 0.5rem 0 !important;
        color: var(--BlackColor) !important;
        font-size: 0.95rem !important;
    }

    .dropdown-summit .dropdown-menu-list li a:hover {
        color: var(--PrimaryColor) !important;
        padding-left: 0 !important;
    }

    .site-header .close-menu {
        /* margin-bottom: 1rem;
        align-self: flex-end; */
        cursor: pointer;
    }



     /* .agenda-section .agenda-grid {
    flex-direction: column;
    min-width: 100%;
    gap: 1.5rem;
  }

  .agenda-section .agenda-column {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    gap: 1rem;
    padding-bottom: 1rem;
    scrollbar-width: thin;
  }

  .agenda-section .agenda-grid-container {
    padding: 0 1rem;
  }

  .agenda-section .agenda-col-title {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
    flex-shrink: 0;
    min-width: 8rem;
    gap: 0.5rem;
  }

  .agenda-section .agenda-item {
    flex-shrink: 0;
    min-width: 14rem;
    margin-bottom: 0;
  } */


}

@media (max-width: 991px) {
    .same-section {
        padding: 3rem 0;
    }

    .same-heading {
        margin-bottom: 2rem;
    }

    .same-heading h2 {
        font-size: 2.4rem;
    }

    .same-heading h3 {
        font-size: 2rem;
    }

    .same-heading h4 {
        font-size: 1.8rem;
    }

    .same-heading p {
        font-size: 0.9rem;
    }

    .stack-section .stack-card,
    .paths-section .path-card {
        padding: 1rem;
    }

 

.day-card-listwrap .day-card{margin-bottom: 2rem;}

    .max-wid-80,
    .max-width-50 {
        max-width: 100%;
    }

    .hero-sec .heading-with-title,
    .join-summit .heading-with-title {
        flex-wrap: wrap;
    }

    .hero-sec {
        padding: 9rem 0 2rem;
        background:
            url(../images/banner-top-shape-img.png) no-repeat top left 50% / 150px,
            url(../images/shape-icon.png) no-repeat 90% 40% / 150px,
            url(../images/speakers-ng.jpg) no-repeat center top / cover;
    }

    .hero-sec .col-lg-4.offset-lg-8 {
        order: 1;
    }

    .hero-sec .heading-with-title h1, .utah-hero h1 {
        font-size: 3.2rem;
    }
.utah-hero .heading-with-title h1{max-width: inherit;}
    .hero-sec .btn-glass {
        margin-bottom: 2rem;
    }

    .cta-wrap {
        flex-wrap: wrap;
    }

    .life-sec .global-event-cards {
        margin-top: 3rem;
    }

    .life-sec .global-left,
    .life-sec .global-right {
        padding: 1.5rem;
    }
.life-sec .global-right .tags span{    font-size: 0.8rem;}
    .life-sec .global-left h2 {
        font-size: 2.4rem;
    }

    .life-sec .global-left .globe {
        width: 12rem;
        top: 2rem;
    }

    .life-sec .event-cards {
        flex-wrap: wrap;
    }

    .days-sec .days-list {
        margin-top: 2rem;
    }

    .days-sec .day-card .event-desc {
        max-width: 100%;
        margin-top: 1rem;
    }

    .tracks-sec .tracks-cards-list {
        margin-top: 3rem;
    }

    .speakers-sec .bottom-text {
        margin-top: 2rem;
    }

    .locations-sec .loc-nav {
        margin-bottom: 2rem;
    }

    .locations-sec .locations-wrap .col-lg-5 {
        order: 1;
    }

    .sponsors-sec .sponsor-logos {
        gap: 2rem;
        margin: 3rem 0;
    }

    .join-summit .summit-content {
        padding: 2rem;
    }

    .join-summit .shape-img-wrap .shape-img {
        left: -20%;
        bottom: -32%;
    }

    .join-summit .shape-img-wrap .shape-img img {
        width: 39%;
    }

    #footer {
        padding: 3rem 0 0;
    }

    .footer-tagline {
        max-width: 100%;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-bottom {
        margin-top: 1rem;
    }

    .footer-bottom-links {
        justify-content: center;
        margin-top: 0.3rem;
    }

    .utah-hero .cta-wrap {
        left: unset;
        bottom: unset;
    }

    .utah-hero .identity-text {
        font-size: 1.2rem;
        margin: 1rem 0;
    }

    .day-card-listwrap .day-card p {
        max-width: 100%;
    }

    .venues-section .cards-wrapper {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }

    .venues-section .venue-card {
        flex: 0 0 30%;
        height: 300px;
        border-radius: 15px;
    }

    .venues-section {
        padding: 1rem;
        margin-top: 5rem;

    }

    .speakers-section .speaker-row {
        grid-template-columns: 1fr 1fr;
        padding: 1.5rem;
    }

    .speakers-section .speaker-profile {
        grid-column: span 2;
        margin-bottom: 0.5rem;
    }

    .speakers-section .topic-info {
        grid-column: span 2;
        border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.1);
        padding-bottom: 0.75rem;
        margin-bottom: 0.5rem;
    }

    .day-card-listwrap .day-card h3 {
        font-size: 1.5rem;
    }

    .agenda-section .accordion .accordion-button {
        flex-direction: column;
        /* Stack Day and Event info */
        align-items: flex-start;
        gap: 0.75rem;
    }

    .agenda-section .accordion .accordion-button::after {
        position: absolute;
        right: 1rem;
        top: 2rem;
    }

    .agenda-section .accordion .agenda-row {
        flex-direction: column;
        /* Time aur Description upar niche */
        gap: 0.5rem;
    }

    .agenda-section .accordion .accordion-button:not(.collapsed) .close-icon{    position: absolute;
    top: 15px;
    right: 15px;}

.agenda-section .agenda-item{margin-bottom: 1rem;}
   .utah-stand .row{justify-content: center;}
.utah-stand .col{    flex: 0 0 33%;}
  .utah-stand .col::after{display: none;}
  .utah-sponsor .sponsor-desc{max-width: 100%;}

  .system-section .max-wid-50{max-width: 100%;}
.system-section .emerging-system{margin-top: 3rem; padding: 1.5rem;}
.system-section .system-card{padding: 1rem;}
.utah-sponsor .sponsor-card{padding: 1.5rem;}
.utah-sponsor .sponsor-desc{max-width: 100%;}
.system-section .shape-img{display: none;}
.utah-stand .stand-item{margin-bottom: 2rem;}
.utah-stand .same-heading{margin-bottom: 3rem;}

 .sponsor-apply-modal-wrap .modal-dialog {
    margin: 0.5rem;
    max-width: calc(100% - 1rem);
  }
  .sponsor-apply-modal-wrap .modal-title {
    font-size: 1.25rem;
  }
  .tier-radio-group {
    grid-template-columns: 1fr 1fr;
    gap: 0.6rem;
  }
  .tier-radio-inner {
    padding: 0.65rem 0.75rem;
  }
  .tier-radio-price {
    font-size: 0.78rem;
  }
  .sponsor-submit-btn {
    width: 100%;
    justify-content: center;
  }
  .mt-4.d-flex.align-items-center.gap-3 {
    flex-direction: column;
    align-items: stretch !important;
    gap: 0.75rem !important;
  }
  .sponsor-form-note {
    text-align: center;
  }




 
}

@media (max-width: 767px) {
    .pricing-section .col {
        flex: 0 0 50%;
    }

    .Downloads__hero {    padding: 8rem 0 4rem;}
    .Downloads__hero__title{font-size: 2.6rem;}
       .inner-banner{    padding: 8rem 0 4rem;}
    .inner-banner h1{  font-size: 2.6rem;}


    .utah-stand .col{    flex: 0 0 50%;}

}

@media (max-width: 567px) {

.sponsors-sec .sponsor-logos img{max-height: 2.5rem; }

    .venues-section .venue-card {
        flex: 0 0 45%;
    }
    .pricing-section .features-list{min-height: inherit;}
    .pricing-section .col{flex: 0 0 100%;}
    .cta-wrap .cta-icon {
        width: 3.2rem;
        height: 3.2rem;
    }

    .hero-sec {
        background:
            url(../images/shape-icon.png) no-repeat 90% 40% / 150px,
            url(../images/speakers-ng.jpg) no-repeat center top / cover;
    }

.agenda-section .agenda-column {
    flex: 0 0 100%;
    width: 100%;
}
.day-card-listwrap .day-card{margin-bottom: 1rem;}
  /* .utah-stand .col{    flex: 0 0 100%;} */

.utah-sponsor .tier-item{    flex-direction: column;
    align-items: baseline;}

.sponsor-apply-modal-wrap .modal-header,
  .sponsor-modal-body {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  .sponsor-apply-modal-wrap .modal-header {
    padding-top: 1.25rem;
    padding-bottom: 0.75rem;
  }
  .sponsor-modal-body {
    padding-bottom: 1.5rem;
  }
  .tier-radio-group {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .tier-radio-inner {
    padding: 0.6rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    text-align: left;
  }
  .tier-radio-name {
    font-size: 0.65rem;
    margin-bottom: 0;
    min-width: 3.5rem;
  }
  .tier-radio-price {
    font-size: 0.85rem;
    margin-bottom: 0;
  }
  .tier-radio-participation {
    margin-bottom: 0;
    margin-left: auto;
  }
  .sponsor-apply-modal-wrap .modal-title {
    font-size: 1.1rem;
  }
  .sponsor-modal-sub {
    font-size: 0.68rem;
  }


}

@media (max-width: 480px) {
    .venues-section .venue-card {
        flex: 0 0 100%;
    }

   .agenda-tabs .nav-pills li {
    width: 48%;
}
.agenda-tabs .nav-pills li button {
    width: 100%;
}

.venueModal-wrap .modal-title{    font-size: 1.2rem;}
.venueModal-wrap .custom-modal-body{margin-top: 0;}
.venueModal-wrap .custom-gallery-rail{    padding: 0 1rem; margin-top: 0;}
.venueModal-wrap .custom-gallery-nav{    padding: 0.5rem;}
}