@media all and (min-width:1024px) {
    .footer-nav.concerts ul{
        padding-right: 10px !important;
    }
}

@media all and (max-width:1199px) and (min-width:992px) {
    .ticket-price-wrap {
        width: 420px;
    }
    .title-track-event {
        width: calc(100% - 420px);
        justify-content: space-between;
    }
    section.listing-step-main .listing-left-wrap{
        width: 500px;
    }
    section.listing-step-main  .listing-map-wrapper {
        width: calc(100% - 500px);
    }
    .checkout-order-details {
        width: 500px;
    }
    .checkout-form-contianer {
        width: calc(100% - 500px);
    }
    .form-wrap-common .input_wrap label:not(.option-lable){
        font-size: 13px;
        line-height: 18px;
        min-width: 120px;
        max-width: 120px;
    }
    .form-title.font-22{
        font-size: 18px !important;
        line-height: 22px !important;
    }
}
.main-navigation .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
    display: block;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.3s linear;
}
@media all and (min-width:1200px) {
    .d-none-lg{
        display: none !important;
    }
    /* Dropdown Menu */
    .mega-menu-row{
        padding-bottom: 20px;
    }
    .main-navigation .dropdown {
        position: static;
    }

    body.dark-mode .main-navigation .dropdown-menu{
        background-color: var(--text-dark);
    }
    .main-navigation .dropdown-menu {
        background-color: var(--text-light);
        width: 100%;
        height: auto;
        left: 0;
        right: 0;
        top: 68px;
        padding: 0px !important;
        border-radius: 0px;
    }
    .dropdown-menu .mega-menu-row-empty {
        padding-top: 1.875rem;
    }
    .mega-menu-row ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
    }
    .mega-menu-row ul li a {
        display: block;
        width: 100%;
        margin-right: 0px;
        border: 0px !important;
        border-radius: 9px;
        font-size: 15px !important;
    }
    .mega-menu-row ul li a {
        min-width: 206px;
    }

    .mega-menu-row .submenu-main  ul li a:hover,
    .mega-menu-row .submenu-main  ul li a.active {
        background-position: right 15px center;
        background-repeat: no-repeat;
        background-size: 18px auto;
    }

    body.dark-mode .mega-menu-row .submenu-main  ul li a:hover,
    body.dark-mode .mega-menu-row .submenu-main  ul li a.active {
        background-color: var(--white-12) !important;
        background-color: var(--green) !important;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.002" height="10" viewBox="0 0 18.002 10"><path id="Union_71" data-name="Union 71" d="M-7947.543,8.825l2.9-2.909h-14.729V4.083h14.729l-2.9-2.909L-7946.369,0l5,5-5,5Z" transform="translate(7959.371)" fill="%23fff"/></svg>');

    }
    body.dark-mode .mega-menu-row ul.submenu-inner li a:hover,
    body.dark-mode .mega-menu-row ul.submenu-inner li a.active {
        /* background-color: var(--text-light) !important; */
        background-color: var(--green) !important;
        color: var(--text-dark) !important;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.002" height="10" viewBox="0 0 18.002 10"><path id="Union_71" data-name="Union 71" d="M-7947.543,8.825l2.9-2.909h-14.729V4.083h14.729l-2.9-2.909L-7946.369,0l5,5-5,5Z" transform="translate(7959.371)" fill="%23fff"/></svg>');

    }
    .mega-menu-row .submenu-main  ul li a:hover,
    .mega-menu-row .submenu-main  ul li a.active {
        color: #fff !important;
        background-color: var(--green) !important;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.002" height="10" viewBox="0 0 18.002 10"><path id="Union_71" data-name="Union 71" d="M-7947.543,8.825l2.9-2.909h-14.729V4.083h14.729l-2.9-2.909L-7946.369,0l5,5-5,5Z" transform="translate(7959.371)" fill="%23fff"/></svg>');

        /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.002" height="10" viewBox="0 0 18.002 10"><path id="Union_71" data-name="Union 71" d="M-7947.543,8.825l2.9-2.909h-14.729V4.083h14.729l-2.9-2.909L-7946.369,0l5,5-5,5Z" transform="translate(7959.371)" fill="%23192226"/></svg>'); */

    }

    .mega-menu-row ul.submenu-inner li a:hover,
    .mega-menu-row ul.submenu-inner li a.active {
        /* background-color: var(--text-dark) !important; */
        background-color: var(--green) !important;
        color: var(--text-light) !important;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.002" height="10" viewBox="0 0 18.002 10"><path id="Union_71" data-name="Union 71" d="M-7947.543,8.825l2.9-2.909h-14.729V4.083h14.729l-2.9-2.909L-7946.369,0l5,5-5,5Z" transform="translate(7959.371)" fill="%23fff"/></svg>');
    }

    .mega-menu-row ul.submenu-inner li a.second-submenu-anchor-tag:hover,
    .mega-menu-row ul.submenu-inner li a.second-submenu-anchor-tag.active {
        background-image: none;
    }

    .mega-menu-row .submenu-main ul:not(.submenu-inner){
        max-width: 206px;
    }
    .mega-menu-row ul li:not(:last-child){
        margin-bottom: 10px !important;
    }
    .mega-menu-row ul li a{
        padding: 6px 12px !important;
    }
    ul.second-submenu {
        -webkit-column-width: 12.875rem;
        -moz-column-width: 12.875rem;
        column-width: 12.875rem;
        -webkit-column-gap: 1.875rem;
        -moz-column-gap: 1.875rem;
        column-gap: 1.875rem;
        /* display: none; */
    }
    .ul-col-3{
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
    .ul-col-2{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .ul-col-1{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .mega-menu-row ul.submenu-inner li a {
        min-width: 12.875rem;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mega-menu-row a.sub-menu-icon {
        background-position: right 15px center;
        background-repeat: no-repeat;
        background-size: 18px auto;
    }
    .mega-menu-row a.sub-menu-icon:hover{
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.002" height="10" viewBox="0 0 18.002 10"><path id="Union_71" data-name="Union 71" d="M-7947.543,8.825l2.9-2.909h-14.729V4.083h14.729l-2.9-2.909L-7946.369,0l5,5-5,5Z" transform="translate(7959.371)" fill="%23192226"/></svg>');

    }
    .mega-menu-row a.sub-menu-icon:active{
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.002" height="10" viewBox="0 0 18.002 10"><path id="Union_71" data-name="Union 71" d="M-7947.543,8.825l2.9-2.909h-14.729V4.083h14.729l-2.9-2.909L-7946.369,0l5,5-5,5Z" transform="translate(7959.371)" fill="%23192226"/></svg>');

    }
    body.dark-mode .mega-menu-row  a.sub-menu-icon:hover {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10"><path id="Union_69" data-name="Union 69" d="M11.825,8.825l2.9-2.909H0V4.083H14.726l-2.9-2.909L13,0l5,5-5,5Z" transform="translate(0)" fill="%23fff"/></svg>');
    }
    body.dark-mode .mega-menu-row  a.sub-menu-icon:active {
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="10" viewBox="0 0 18 10"><path id="Union_69" data-name="Union 69" d="M11.825,8.825l2.9-2.909H0V4.083H14.726l-2.9-2.909L13,0l5,5-5,5Z" transform="translate(0)" fill="%23fff"/></svg>');
    }
    .mega-menu-row .submenu-inner ,
    .mega-menu-row .submenu-main{
        gap: 30px;
    }
    .header-menu .main-navigation>ul>li.menu_depth_0:first-child {
        margin-left: 0px;
    }
    .header-menu .main-navigation>ul>li.menu_depth_0{
        margin: 20px 8px 0px;
        padding-bottom: 20px;
    }
    .header-left-wrap{
        align-items: center;
    }
    body.submenu-hover:before{
        content: '';
        background-color: rgb(0 0 0 / 80%);
        width: 100vw;
        height: 100vh;
        position: fixed;
        z-index: 99;
        transition: all 0.2s linear;
    }
    .humburgur_menu{
        display: none !important;
    }

}
@media all and (max-width:1199px) {

    .font-18 {
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .font-14 {
        font-size: 12px !important;
        line-height: 18px !important;
    }
    .me-15 svg {
        margin-right: 10px;
    }
    .footer-nav .font-18 {
        font-size: 18px !important;
        line-height: 22px !important;
    }
    /* Menu Resposive Start */
    .humburgur_menu_lines{
        position: relative;
        font-size: 25px !important;
        line-height: 25px !important;
    }
    .humburgur_menu {
        max-width: 32px;
        width: 100%;
        padding: 0px;
        margin-left: 0;
        cursor: pointer;
        /* height: 25px; */
        display: flex;
        align-items: center;
        justify-content: center;
    }
    body.show-menu .humburgur_menu i::before{
        content: "\f00d";
    }
    .main-menu-inner {
        position: fixed;
        background-color: #fff;
        z-index: 999999;
        width: 100%;
        transition: 0.5s ease-out;
        height: 100%;
        width: 100%;
        max-width: 365px;
        right: 0;
        top: 0;
        bottom: 0;
        transform: translateX(100%);
        opacity: 0;
        visibility: hidden;
    }
    .e-svg svg{
        height: 10px;
    }
    .offcanvas-content {
        transform: translateX(100%);
        position: absolute;
        top: 0;
        inset: 0;
        background-color: white
    }

    .offcanvas-content.active{
        transform: translateX(0%);
    }
    .offcanvas-content.active, .offcanvas-content{transition: transform 0.5s ease-out;}

    .offcanvac-title-wrap{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

    }
    body.show-menu{
        overflow: hidden;
        position: relative;
    }
    body.show-menu:before{
        content: '';
        background-color: rgb(0 0 0 / 80%);
        width: 100vw;
        height: 100vh;
        position: absolute;
        z-index: 99;
    }
    body.show-menu  .main-menu-inner{
        transform: translateX(0%);
        opacity: 1;
        visibility: visible;
    }
    .main-menu-inner nav.main-navigation ul {
        flex-wrap: wrap;
        overflow-y:auto;
        overflow-x: hidden;
        height: calc(100vh - 70px);
        align-items: start;
        flex-direction: column;
        background-color: var(--text-light);
    }
    body.dark-mode .main-menu-inner nav.main-navigation ul {
        background-color: var(--text-dark);
        color: var(--text-light);
    }

    .main-menu-inner nav.main-navigation ul li a {
        color: var(--text-dark) !important;
        padding: 6px 12px;
        display: block;
        background-position: right 15px center;
        background-repeat: no-repeat;
        background-size: 18px auto;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.002" height="10" viewBox="0 0 18.002 10"><path id="Union_71" data-name="Union 71" d="M-7947.543,8.825l2.9-2.909h-14.729V4.083h14.729l-2.9-2.909L-7946.369,0l5,5-5,5Z" transform="translate(7959.371)" fill="#000"/></svg>');
    }
    body.dark-mode .main-menu-inner nav.main-navigation ul li a {
        color: var(--text-light) !important;
        padding: 6px 12px;
        display: block;
        background-position: right 15px center;
        background-repeat: no-repeat;
        background-size: 18px auto;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.002" height="10" viewBox="0 0 18.002 10"><path id="Union_71" data-name="Union 71" d="M-7947.543,8.825l2.9-2.909h-14.729V4.083h14.729l-2.9-2.909L-7946.369,0l5,5-5,5Z" transform="translate(7959.371)" fill="%23fff"/></svg>');
    }
    .main-menu-inner nav.main-navigation ul li {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .main-menu-inner nav.main-navigation .offcanvac-title-wrap {
        border-bottom: 1px solid var(--gray);
        background-color: var(--text-light);
        height: 70px;
    }
    body.dark-mode .main-menu-inner nav.main-navigation .offcanvac-title-wrap {
        background-color: var(--text-dark);
        border:1px solid var(--white-12);

    }
    .main-menu-inner nav.main-navigation ul ,
    .main-menu-inner nav.main-navigation .offcanvac-title-wrap{
        padding: 15px !important;
    }
    .offcanvac-title-wrap {
        display: flex;
        align-items: center;
    }
    .offcanvac-title-wrap span{
        margin-left: auto;
        margin-right: 0;
        cursor: pointer;
    }
    .offcanvac-title-wrap span i{
        font-size: 25px;
        line-height: 25px;
        color: var(--text-dark);

    }
    .offcanvac-title-wrap path {
        fill: #000;
    }
    body.dark-mode .offcanvac-title-wrap path{
        fill: #fff;
    }
    body.dark-mode .offcanvac-title-wrap span i
    {
        color: var(--text-light);
    }
    .offcanvac-title-wrap span:hover i{
        opacity: 0.6;
    }
    .header-menu ul li a{
        border:0px !important;
        margin-left: 0px;
        margin-right: 0px;
        padding:0px;
    }
    body.show-menu header.main-head-section {
        position: static;
        margin-bottom: -70px;
    }
    /* Menu Resposive End */
    .d-flex.quote-pack-price {
        flex-wrap: wrap;
    }
    input#cvv{
        width:70px;
    }
    .font-22 {
        font-size: 20px !important;
        line-height: 24px !important;
    }
    .main-submenu .submenu-visible{
        height: auto;
    }
    .mega-menu-container {
      position: relative;
      overflow: hidden; /* Hide the off-canvas overflow */
      width: 100%;
      height: 100%;
    }

    .main-submenu, .first-submenu, .second-submenu {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transform: translateX(100%); /* Start off-canvas */
      transition: transform 0.3s ease-in-out;
    }

    .submenu-visible {
      transform: translateX(0); /* Slide into view */
    }

    /* Back button styling */
    /* button {
      position: absolute;
      top: 10px;
      left: 10px;
      z-index: 10; */


    /* Submenus sliding from right-to-left */
    .submenu-hidden {
      transform: translateX(100%);
    }


    .second-submenu, .main-submenu{
        background-color: white;

        height: auto;
    }


    .main-submenu{
      background-color: white;height: auto;padding: 0;z-index: 10;
    }
    .main-submenu ul, li{
      list-style: none;
    }

    .offcanvac-title-wrap{
      padding: 20px;
      border-bottom: solid var(--black-12);
      border-width: 0 0 1px 0;
    }
    body.dark-mode .offcanvac-title-wrap{
      border-bottom: solid var(--white-9);
    }
    .offcanvas-element-border{
      border-bottom:solid var(--black-12);
      border-width: 0 0 1px 0;
    }
    body.dark-mode .offcanvas-element-border{
      border-bottom:solid var(--white-9);
    }
    .offcanvas-element-border-right{
    border-right: solid var(--black-12);
      border-right-width: 1px;
    }
    body.dark-mode .offcanvas-element-border-right{
      border-right: solid var(--white-9);
    }
    .offcanvas-element-padding-sm{
    padding: 9px 20px;
    }
    .offcanvas-element-padding{
      padding: 15px 20px;
    }
    .width-50{
      width:50%;
    }
    .offcanvas-element-text-size{
      font-weight: 700;
      line-height: 22px;
      font-size: 18px;
    }
    .offcanvas-element-text-size-lg{
    font-size: 20px;
    line-height: 26px;
    font-weight: 800px;
    }
    .offanvas-links-flex{
      gap: 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: start;
    }
    .offanvas-links-flex-sm{
      gap: 12px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: start;
    }
    .offanvas-links-flex-2col{
      width: 100%;
      display: flex;
      flex-direction: row;
      justify-content: start;
      align-items: center;
      flex-wrap: wrap;
    }
    .offanvas-links-flex-2col li{
      padding-top:10px;
      padding-bottom:10px;
      width: 50%;
    }
    .background-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.6);
      z-index: -1;
    }
    .offcanvas-submenu-icon-parent-flex{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    }
    ul.first-submenu, ul.second-submenu{
      padding-left: 0;
    }
    .capitalize {
      text-transform:capitalize;
    }
    .main-navigation  {
      background-color: var(--text-light);
    }
    body.dark-mode .main-navigation {
      background-color: var(--text-dark);
    }
}

@media all and (max-width:1023px) {
    .event-data-home .py-15,
    .order-data-home .p-15 {
        padding-left: 10px !IMPORTANT;
        padding-right: 10px !important;
    }

    .best-selling-event-wrap .ticket-price-wrap .ticket-price-inner p.font-14,
    .best-selling-event-wrap .ticket-price-wrap .ticket-price-inner p.font-14 * {
        font-size: 12px !important;
        line-height: 16px !important;
    }

    .Best-selling-events-sec.home-Best-selling-events-sec {
        padding-bottom: 40px;
    }
    .py-40 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .mb-40 {
        margin-bottom: 30px;
    }
}

@media all and (max-width:1023px) and (min-width:768px) {
    .d-grid.custom-4-grid {
        grid-template-columns: repeat(3, 1fr);
    }
    .footer-wrap .footer-wrap-left {
        width: 50%;
    }
    .footer-wrap .footer-wrap-right.d-flex.flex-wrap {
        width: 45%;
    }
    section.footer-wrap.d-flex {
        gap: 20px;
    }
    .footer-wrap .footer-menu.d-flex {
        flex-wrap: wrap;
    }
}

@media all and (max-width:991px) {
    .best-selling-event-wrap .title-track-event {
        width: 100%;
        padding-right: 0px;
    }

    .best-selling-event-wrap .bs-event-inner.d-flex {
        flex-wrap: wrap;
    }

    .best-selling-event-wrap .ticket-price-wrap.d-flex {
        width: 100%;
        margin-top: 10px;
    }

    .best-selling-event-wrap .ticket-price-wrap>div {
        padding: 5px;
    }
    /* Menu Resposive Start */
    .d-none-md {
        display: none !important;
    }
    .header-left-wrap.d-flex {
        width: 100%;
    }
    .header-left-wrap .header-search-wrap {
        margin-left: auto;
        margin-right: 0px;
    }
    .header-left-wrap  .header-menu{
        margin-right: 30px;
    }
    /* Menu Resposive End */
    .quote-pack-name,
    .seating-cat-tittle{
        min-width: 180px;
        max-width: 180px;
    }
    .seating-category-data>ul>li>div.px-15,
    li.lsiitng-vip-data-li.px-15,
    .lsiitng-vip-data-inner>.vip-title-wrap{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .form-title.font-22{
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .checkout-main-wrapper{
        flex-wrap: wrap;
        padding-bottom: 70px;
    }
    .checkout-order-details,.checkout-form-contianer{
        width: 100%;
    }
    .checkout-form-complete-order{
        padding-bottom: 0px;
    }
    .checkout-main-wrapper{
        gap: 0px !important;
    }
}

@media all and (max-width:991px) and (min-width:481px) {

}

@media all and (max-width:991px) and (min-width:768px) {
    .event-data-home p.from-price-p span {
        display: block;
        margin-right: 0;
        margin-left: auto;
        margin-bottom: 5px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .order-event-wrap.gap-30{
        gap: 15px;
    }
    .event-data-home p.from-price-p {
        display: block !important;
    }
    .order-event-wrap .min-height-100 {
        min-height: auto;
    }
    .upcomming-event-data.d-flex {
        flex-wrap: wrap;
    }
    .upcomming-event-data.d-flex>div{
        width: 100% !important;
    }
    .map-event-detail-info,
    .map-event-data-filter{
        flex-wrap: wrap;
    }
    section.listing-step-main .listing-left-wrap{
        width: 420px;
    }
    section.listing-step-main .listing-map-wrapper{
        width: calc(100% - 420px);
    }
    .map-event-data-info {
        width: calc(100% - 120px);
    }
    .from-price{
        width: 120px;
    }
}

@media all and (max-width:767px) {
    h1 {
        font-size: 25px;
        line-height: 30px;
    }

    h2 {
        font-size: 20px;
        line-height: 26px;
    }
    .btn-common {
        font-size: 13px !important;
    }

    .d-grid.custom-4-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .w-100-sm {
        width: 100% !important;
    }

    .flex-wrap-sm {
        flex-wrap: wrap !important;
    }

    .best-selling-event-wrap .event-details .font-16,
    .best-selling-event-wrap p.day-date.font-16 {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .best-selling-event-wrap .event-details .font-14 {
        font-size: 11px !important;
        line-height: 16px !important;
    }

    .upcomming-event-data .min-height-100 {
        min-height: auto;
    }

    .num-30 {
        font-size: 25px;
        line-height: 25px;
    }

    /* Footer Responsive */
    .footer-wrap-left,
    .footer-wrap-right {
        width: calc(100% - 50px);
    }

    section.footer-wrap {
        flex-wrap: wrap;
        gap: 15px;
        position: relative;
    }

    .footer-left-bottom ul {
        margin-bottom: 10px !important;
        margin-top: 20px !important;
    }

    .back-to-top-main {
        width: 100%;
    }

    div#back-to-top {
        position: absolute;
        left: auto;
        right: 0px;
        bottom: 20px;
        padding: 8px;
    }

    .back-to-top-ic svg {
        max-width: 22px;
    }
    .footer-nav.sport-menu {
        min-width: auto;
    }
    .footer-menu.d-flex {
        flex-wrap: wrap;
    }
    .footer-nav ul.font-15 ,
    .footer-left-bottom ul.font-15{
        font-size: 14px;
        line-height: 18px;
    }
    /* Header Responsive Start */
    .header-main-container .header-left-wrap{
        gap: 15px;
    }
    .header-main-container .header-menu {
        margin-right: 15px;
    }
    .inner-page-event-filter.d-flex {
        flex-wrap: wrap;
    }
    section.listing-step-main{
        height: auto;
        flex-direction: column-reverse;
        overflow: auto;
    }
    section.listing-step-main .listing-left-wrap,
    section.listing-step-main .listing-map-wrapper{
        width: 100%;
    }
    section.listing-step-main .listing-left-wrap{
        height:auto;
    }
    .map-main-view{
        padding-top: 20px;
        height: auto;
    }
    .map-event-data-lisitng-inner .from-price {
        width: 120px;
    }
    .map-event-data-lisitng-inner .map-event-data-info {
        width: calc(100% - 120px);
    }
    .map-event-data-lisitng-inner  .from-price span.font-18{
        font-size:14px !important;
        line-height:20px !important;
    }
    .listing-selection-info p.font-20 {
        font-size: 18px !important;
        line-height: 22px !important;
    }
    .listing-selection-info p.font-16 {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .d-flex.quote-pack-price p.font-15{
        font-size: 13px !important;
        line-height: 18px !important;
    }
    .form-title .pb-20 {
        padding-bottom: 15px !important;
    }
    .font-22 {
        font-size: 18px !important;
        line-height: 22px !important;
    }
}
@media all and (max-width:680px) and (min-width:481px) {
    .map-event-details-wrap .map-event-detail-info,
    .co-event-details-wrap .co-event-detail-info {
        flex-wrap: wrap;
    }
}
@media all and (max-width:480px) {
    .page-mode-wrap .page-mode-text {
        display: none !important;
    }
    .d-grid.custom-4-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .best-selling-event-wrap .ticket-price-wrap>div {
        padding: 5px 3px;
    }

    .best-selling-event-wrap .ticket-price-wrap .ticket-price-inner p.font-14,
    .best-selling-event-wrap .ticket-price-wrap .ticket-price-inner p.font-14 * {
        font-size: 10px !important;
        line-height: 14px !important;
    }

    .best-selling-event-wrap ul li .day-time-wrap {
        width: 80px;
    }

    .best-selling-event-wrap .bs-event-inner {
        width: calc(100% - 80px);
    }

    .best-selling-event-wrap ul li .day-time-wrap {
        padding-left: 5px;
        padding-right: 5px;
    }
    .event-listing-common li.d-flex {
        flex-wrap: wrap;
    }
    .event-listing-common li.d-flex>div {
        width: 100% !important;
    }
    .event-listing-common .event-right-wrap {
        display: flex;
        align-items: center;
        justify-content: left !important;
        gap: 20px;
        margin-bottom: 0px !important;
        margin-left: 0;
        margin-right: auto;
    }
    .event-listing-common .event-right-wrap p.d-flex ,
    .event-listing-common .event-right-wrap p{
        margin: 0px !important;
    }
    /* Map Listing Left Wrap */
    .map-event-details-wrap .map-event-date,.map-event-detail-info,
    .co-event-details-wrap .co-event-date {
        width: 100% !important;
        flex-wrap: wrap;
        text-align: center;
        margin: 0 auto;
    }
    .map-event-details-wrap .map-event-date,
    .co-event-details-wrap .co-event-date {
        border-right: 0px;
    }
    body.light-mode .map-event-details-wrap .map-event-date{
        border-bottom: 1px solid var(--text-light);
    }
    body.light-mode .co-event-details-wrap .co-event-date{
        border-bottom: 1px solid var(--black-9);;
    }
    .map-event-details-wrap .event-map-track {
        margin: 0 auto;
    }
    .map-event-details-wrap .map-event-info-inner {
        width: 100%;
    }
    .map-event-data-filter{
        flex-wrap:wrap;
    }
    .map-event-data-filter .map-quote-builder {
        width: 100%;
    }
    .map-event-data-filter .map-quote-builder a {
        width: fit-content;
    }
    .map-event-data-info div.font-14 {
        font-size: 10px !important;
        line-height: 15px !important;
    }
    .map-event-data-info div.font-14.gap-10 {
        gap: 6px !important;
    }
    .map-event-data-info .low-price.font-12 {
        font-size: 8px !important;
        line-height: 8px !important;
    }
    .map-event-data-lisitng .map-event-data-lisitng-inner.p-10 {
        padding: 6px 6px !important;
    }
    .quote-pack-name,
    .seating-cat-tittle {
        min-width: 100%;
        max-width: 100%;
    }
    li.lsiitng-vip-data-li>div,
    .seating-category-data>ul>li>div,
    .seating-category-data>ul>li>div>div{
        flex-wrap: wrap;
    }
    li.lsiitng-vip-data-li>div>div,
    .seating-category-data>ul>li>div>div{
        width: 100%;
    }
    .quote-pack-price + .custom-cb{
        margin-left:auto;
        margin-right:0;
    }
    .form-title.font-22{
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .form-wrap-common .input_wrap label:not(.option-lable){
        max-width: 100%;
        min-width: 100%;
    }
    .input_wrap{
        flex-wrap: wrap;
    }
    .input_wrap.input_wrap_card_details #card-number{
        width: calc(100% - 130px);
    }
    input#expiry-date {
        width: 65px;
    }
    input#cvv {
        width: 65px;
        padding-left: 15px !important;
    }
    .co-event-details-wrap .co-event-detail-info {
        width: 100%;
        text-align: center;
        border-top: 1px solid var(--white-12) !important;
    }
    .release-time-wrap{
        flex-wrap: wrap;
    }
}
@media (min-width: 576px) {
    .custom-w-sm-100 {
        width: 300px; /* Set specific width for small screens and above */
    }
}

@media only screen and (max-width: 600px) {
    .overflow-sm {
        max-width: 600px;
        overflow-x: auto;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;

        scrollbar-width: none;
        -ms-overflow-style: none;

        &::-webkit-scrollbar {
            display: none;
        }
    }
}

@media only screen and (max-width: 768px)  {
    .overflow-md {
        max-width: 768px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;


        &::-webkit-scrollbar {
            display: none;
        }
    }
}

    /* .submenu-main ul li a{
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.002" height="10" viewBox="0 0 18.002 10"><path id="Union_71" data-name="Union 71" d="M-7947.543,8.825l2.9-2.909h-14.729V4.083h14.729l-2.9-2.909L-7946.369,0l5,5-5,5Z" transform="translate(7959.371)" fill="%23192226"/></svg>');
        background-position: right 15px center;
        background-repeat: no-repeat;
        background-size: 18px auto;
    }
    .submenu-main ul li a:hover,
    .submenu-main ul li a.active{
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.002" height="10" viewBox="0 0 18.002 10"><path id="Union_71" data-name="Union 71" d="M-7947.543,8.825l2.9-2.909h-14.729V4.083h14.729l-2.9-2.909L-7946.369,0l5,5-5,5Z" transform="translate(7959.371)" fill="%23fff"/></svg>');
    } */

    body.dark-mode .submenu-main ul li a:hover,
    body.dark-mode .submenu-main ul li a.active{
        color: var(--text-dark) !important;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18.002" height="10" viewBox="0 0 18.002 10"><path id="Union_71" data-name="Union 71" d="M-7947.543,8.825l2.9-2.909h-14.729V4.083h14.729l-2.9-2.909L-7946.369,0l5,5-5,5Z" transform="translate(7959.371)" fill="%23192226"/></svg>') !important;
    }

    /* Keep dropdown green when visible */
.main-navigation .dropdown:hover .dropdown-toggle,
.navbar .dropdown:hover .dropdown-toggle,
.main-navigation .dropdown .dropdown-toggle.active,
.navbar .dropdown .dropdown-toggle.active {
    background-color: var(--green);
    color: var(--text-light);
}