@media (min-width: 1400px) {
  .footerNew .col-xxl-3 {
    width: 33%;
  }
  .footerNew .col-xxl-9 {
    width: 67%;
  }
}

@media (min-width: 1440px) {
  .footerNew .col-xxl-3 {
    width: 30%;
  }
  .footerNew .col-xxl-9 {
    width: 70%;
  }
}

@media (min-width: 1200px) {
  .footerNew .container {
    max-width: 1280px;
  }
}

@media only screen and (max-width: 1280px) {
  .footerNavs .logoWhite2 {
    display: none;
  }
  .footerNew .logoWrapper {
    padding-left: 80px;
  }
}

@media only screen and (max-width: 1024px) {
  .relatedEvents .imageDiv img {
    height: 180px;
  }
  .footerNavs .logoWhite2 {
    display: block;
  }

  .featsclubAddress {
    margin-top: -27px;
    width: 100%;
  }
  .featsclubAddress ul li .d-flex {
    justify-content: center;
  }
}

@media only screen and (max-width: 820px) {
  .pl-75px {
    padding-left: 25px;
  }
  .pr-75px {
    padding-right: 25px;
  }
  .terms-details {
    margin: 0px 25px;
  }

  .featsclubAddress {
    margin-top: -50px;
    width: 35%;
  }
  .featsclubAddress ul li .d-flex {
    justify-content: start;
  }
}

@media only screen and (max-width: 768px) {


  .copyright {
    text-align: center;
  }

  .donation-input-container {
    max-width: 100%;
    padding-left: 0px;
  }

  .ticket-table-rows.microDonation .donation-container {
    margin-bottom: 20px;
    flex-direction: column;
  }
  .ticket-table-rows.microDonation .donation-container img {
    min-width: 60px;
    display: none;
  }

  .ticket-table-rows.microDonation p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}

@media only screen and (max-width: 500px) {

  .somethingWrongDiv{
    padding: 25px;
  }

  .somethingWrongDiv p{
    font-size: 18px;
  }

  .alreadyHasDonatedDiv .accordion-header button p {
      margin-bottom: 0px;
      font-size: 20px;
      font-weight: 400;
  }

  .alreadyHasDonatedDiv .accordion-body{
    margin-top: 30px !important
  }

  .yourDonations .accordion-body{
    padding: 0px !important;
  }

  .ticketBookDtls .topPart h5{
    font-size: 18px;
  }
  .details-tickets ul li.showTicketQrPopup{
    justify-content: center;
  }

  /* .details-tickets ul li{
    display: inline-block !important;
    width: 49%;
  } */

  .details-tickets ul li.last ul{
    justify-content: center;
  }

  .alreadyHasDonatedDiv .singleMicroDonation{
    display: block;
  }

  .alreadyHasDonatedDiv .singleMicroDonation p {
    margin-bottom: 0px;
    display: block;
    margin-right: 0px;
    /* border-bottom: 1px dashed #bbbbbb; */
    font-size: 18px;
    /* padding-bottom: 15px; */
    margin-bottom: 15px;
}

.alreadyHasDonatedDiv .singleMicroDonation p:last-child{
  margin-bottom: 0px;
}


  .alreadyHasDonatedDiv #accordionAlreadyHasDonated .accordion-item{
    border: none !important;
  }

  .alreadyHasDonatedDiv #accordionAlreadyHasDonated .accordion-item button{
    font-size: 20px !important;
    display: inline-block;
    padding-right: 17px;
  }

  .alreadyHasDonatedDiv #accordionAlreadyHasDonated .accordion-item button span{
    font-size: 30px;
    display: block;
    margin-left: 0px;
    margin-top: 5px;
  }

  .alreadyHasDonatedDiv .accordion-header button span.text-danger{
    border: none;
    padding-left: 0px;
    font-size: 18px !important;
    font-weight: 500;
  }

  .alreadyHasDonatedDiv .accordion-header button span.text-danger i {
    font-size: 20px;
}

  .alreadyHasDonatedDiv #accordionAlreadyHasDonated .accordion-item button sp{
    display: none;
  }

  .alreadyHasDonatedDiv .accordion-header button strong{
    display: none;
  }

  .alreadyHasDonatedDiv .accordion-header button::after{
    margin-left: auto;
    position: absolute;
    right: 0px;
    top: 20px;
  }

  .alreadyHasDonatedDiv .accordion-body{
    padding: 0px !important;
  }

  .alreadyHasDonatedDiv.data .accordion-body{
    padding-top: 20px !important;
    margin-top: 20px !important;
  }



  .nonTicketRsvpSuccessPage{
    border: none;
  }

  .nonTicketingSummery .questionAnswers .participationType{
    font-size: 20px;
  }
  .nonTicketingSummery .questionAnswers .participationType b{
    font-size: 20px;
  }


  .ticketBookDtls .donationDetails {
    align-items: start;
    gap: 20px;
    flex-direction: column;
}

.nonTicketRsvpSuccessPage .ticketBookDtls{
  border-radius: 0;
  padding: 20px 0px;
  border-left: none;
  border-right: 0px;
}

  .nonTicketRsvpSuccessPage .booking-ticket-summary-conatiner {
    background: #473bf0;
    padding: 5px 25px;
    margin-bottom: 20px;
  }

  .nonTicketRsvpSuccessPage .topPart{
    padding-right: 15px;
  }

  .nonTicketRsvpSuccessPage .booking-ticket-sum-details{
    padding: 0px;
    margin-top: 5px;
  }

  .nonTicketRsvpSuccessPage .ticketBookDtls h6 span{
    margin-bottom: 30px;
    font-size: 40px;
  }

  .nonTicketRsvpSuccessPage .ticketBookDtls .donationDetails span{
    margin-bottom: 0px;
    margin-top: 4px;
  }

  .nonTicketRsvpSuccessPage .questionAnswers {
    padding: 0px;
  }

  .nonTicketRsvpSuccessPage .questionAnswers h3{
    padding-right: 45px;
  }

  .nonTicketRsvpSuccessPage .booking-ticket-summary-conatiner .fs-5 {
    margin-top: 20px;
  }

  .nonTicketRsvpSuccessPage .donationMsg {
    align-items: self-start;
  }

  .nonTicketRsvpSuccessPage .donationMsg img {
    width: 60px;
  }

  .noTicketsAvailable .wrapper {
    align-items: center;
    text-align: center;
    flex-direction: column;
  }

  .noTicketsAvailable .wrapper img {
    width: 120px;
  }

  .viewQrCodeOnMobile {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    padding: 20px;
    background: white;
    z-index: 1111;
    box-shadow: 0px 1px 4px 1px #8080807a;
  }

  .viewQrCodeOnMobile .btn {
    width: 100%;
    background: #ffd25d;
    font-size: 18px;
    font-weight: 600;
  }

  .summaryHeadingLeft h6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .ticket-preview-rightPanel h4 {
    font-size: 30px;
  }
  .relatedEvents .imageDiv .text {
    min-height: unset;
  }

  .ticket-date-selection-section .description h5 {
    font-size: 22px;
    color: black;
    display: block;
    font-weight: 600;
    margin-bottom: 14px;
  }

  .ticket-date-selection-section .description p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .ticket-date-selection-section .description p b{
    font-weight: 600;
  }

  .ticket-date-selection-section .description p.expanded {
    -webkit-line-clamp: unset;
    line-clamp: unset;
    -webkit-box-orient: unset;
    overflow: visible;
  }

  .ticket-date-selection-section .description .readmoreBtn {
    display: block;
  }

  .ticket-date-selection-section .description .readmoreBtn.hide-readmore {
    display: none !important;
  }

  .ticket-date-selection-section .accordion-item .collapse:not(.show) {
    display: none !important;
  }
  .congratulationPage h3 {
    font-size: 35px;
  }
  .ticket-date-selection-section .accordion-item {
    /* border: 1px solid #000 !important; */
    border-radius: 10px;
    overflow: hidden;
  }

  .ticket-date-selection-section .accordion-header {
    display: block;
    margin-top: 0px !important;
  }

  .ticket-date-selection-section .accordion-header button {
    color: black;
    font-size: 22px !important;
    font-weight: 600;
  }

  .ticket-date-selection-section .accordion-body {
    padding: 25px;
    padding-top: 0px;
  }

  .stripeConnectWrapper img {
    width: 70%;
    margin-bottom: 30px;
  }

  .view-details-section .header-parts {
    display: block;
  }

  .view-details-section .header-parts h4 {
    margin-bottom: 20px;
  }
  .viewAccordion .accordion-button .ticketBreakdown .ticketBottomDetails .ticketTotalPrices small {
    display: block;
    margin-left: 0px;
  }
  .viewAccordion .accordion-button .ticketBreakdown .ticketBottomDetails .verifyNowBtn {
    padding: 10px 20px;
  }
  .viewAccordion .accordion-button.singleTicket {
    padding: 20px 0px;
  }
  .tketHead h4 b {
    font-size: 20px;
  }
  .ticketRowShadow.titleRow {
    display: none;
  }
  .viewAccordion .accordion-button .ticketBreakdown .ticketsAdditionalDetails h4 {
    color: gray;
  }
  .viewAccordion .accordion-button .ticketBreakdown .ticketBottomDetails .ticketTotalPrices {
    display: block;
    color: black;
  }

  .viewAccordion .accordion-button .ticketBreakdown .ticketBottomDetails .ticketTotalPrices span {
    margin-top: 0px;
    font-size: 30px !important;
    color: #473bf0;
    margin-top: 10px;
  }

  .viewAccordion .accordion-button .ticketBreakdown .ticketsAdditionalDetails h4 span {
    color: black;
  }
  .viewAccordion .accordion-button .ticketBreakdown .numOfTickets h4 span {
    display: inline-block;
    font-size: 35px;
  }
  .viewAccordion .accordion-button .ticketBreakdown {
    display: block;
  }

  .viewAccordion .accordion-button .ticketBreakdown .ticketsAdditionalDetails h6 {
    color: gray;
  }

  .viewAccordion .accordion-button .ticketBreakdown .ticketsAdditionalDetails h6 span {
    color: black;
  }

  .viewAccordion .accordion-button .ticketBreakdown .numOfTickets {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    padding: 10px;
  }
  .viewAccordion .accordion-button .ticketBreakdown .ticketsAdditionalDetails h6 span {
    font-size: 18px;
  }

  .viewAccordion .accordion-button .ticketBreakdown .ticketsAdditionalDetails h6 {
    margin-top: 25px;
  }

  .viewAccordion .accordion-button .ticketBreakdown .ticketsAdditionalDetails {
    padding: 20px 10px;
  }

  .viewAccordion .accordion-button .ticketBreakdown::before {
    display: none;
  }


  .nonTicketingSummery .questionAnswers .youhaveRsvped {
    font-size: 18px;
    margin-bottom: 30px;
  }

  .nonTicketingSummery .questionAnswers .youhaveRsvped b {
    font-size: 20px;
  }
  .nonTicketingSummery .questionAnswers .youhaveRsvped span {
    font-size: 18px;
  }

  .checkout-button {
    line-height: 18px;
  }
  .joined_audience {
    margin-bottom: 20px;
    justify-content: start;
  }

  .header-text h1 {
    font-size: 25px;
    margin-bottom: 10px;
  }

  header .navbar .loginBtn {
    width: 100%;
  }
  .featsclubAddress {
    margin-top: 0px;
  }
  .supportTicket .card {
    padding: 25px;
    margin-bottom: 30px;
  }

  .supportTicket .supportImg {
    height: unset;
  }

  .supportTicket .supportImg .text h5 {
    font-size: 30px;
  }

  .supportTicket .supportImg .text p {
    font-size: 20px;
  }

  .supportTicket .supportImg .text p br {
    display: none;
  }

  .event-banner {
    padding: 0px 0px !important;
  }

  .event-banner .ticket_orgs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .event-banner .ticket_orgs img {
    height: 55px;
    width: 55px;
    min-width: 55px;
    border-radius: 50%;
    margin: unset;
    border: 1px solid #ddd;
  }

  .event-banner .ticket_orgs h4 {
    margin: 0px;
    font-size: 25px;
    text-align: left !important;
  }

  .event-banner .container {
    padding: 15px;
    border-radius: 0px;
  }

  .swiper-wrapper .swiper-slide img,
  .swiper-wrapper .swiper-slide video {
    max-height: 235px;
    height: 100%;
    width: 100%;
    object-fit: cover;
  }

  .ticket-section .header-text h1 {
    font-size: 30px;
    margin-bottom: 16px;
    padding-top: 10px;
  }

  .ticket-section .header-text p {
    font-size: 14px;
    margin-bottom: 16px;
  }

  .ticket-section .map-locations {
    flex-wrap: wrap;
    gap: 20px;
    flex-direction: column;
  }

  .ticket-section .map-locations p {
    font-size: 18px;
  }

  .ticket-section .ticket-header-secction {
    padding: 24px 24px 10px 24px;
  }

  .ticket-date-selection-section {
    padding: 20px 10px;
  }

  .ticket-date-selection-section .container {
    padding: 0px;
  }

  .ticket-date-selection-section .aduince_summary ul li img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
  }

  .ticket-date-selection-section .total_audience h5 {
    font-size: 30px;
    font-weight: 600;
  }

  .ticket-date-selection-section .total_audience h5 span {
    font-size: 14px;
  }

  .ticket-date-selection-section .joined_auddience {
    justify-content: center;
  }

  .ticket-date-selection-section .counts h4 {
    font-size: 25px;
  }

  .ticket-date-selection-section .counts {
    max-width: 50px;
    width: 100%;
  }

  .ticket-date-selection-section .dateCountDown {
    gap: 7px;
  }

  .joined_auddience {
    margin-top: 0;
    margin-bottom: 15px;
  }

  .show-date-part .start_date h3 {
    font-size: 18px;
  }

  .show-date-part .start_date .data-from-dynam {
    font-size: 18px;
    margin-top: 4px;
  }

  .show-date-part {
    margin-bottom: 0px;
    margin-top: 20px;
    gap: unset;
    justify-content: space-between !important;
  }

  .between_icon {
    width: 40px;
  }

  .event-banner {
    padding: 20px;
  }

  .orderOne {
    order: 1;
  }

  .orderTwo {
    order: 2;
  }

  .orderThree {
    order: 3;
  }

  .ticket-table-header {
    display: none;
  }

  .pl-75px {
    padding-left: 0px;
  }

  .ticket-table-rows {
    padding: 20px 0px;
    margin-bottom: 8px;
  }

  .ticket-name-details {
    border-bottom: 1px dashed #a4a4a4;
    margin-bottom: 15px;
  }

  .ticket-name-details h4 {
    font-size: 25px;
    line-height: 1;
  }

  .ticket-name-details ul li {
    font-size: 16px;
    font-weight: 12px;
  }



  .ticket-price-details {
    display: flex;
    align-items: baseline;
    gap: 8px;
    justify-content: space-between;
  }

  .ticket-price-details h4 {
    font-size: 25px;
    color: #473bf0;
    font-weight: 600;
  }

  .ticket-price-details p {
    font-size: 18px;
  }

  .ticket-price-details p.promo {
    background: #58b09b;
    color: white;
    padding: 2px 10px;
    border-radius: 4px;
  }

  .ticket-counters button {
    width: 30px;
    height: 30px;
    font-size: 30px;
  }

  .ticket-counters input {
    width: 40px;
    height: 24px;
    font-size: 22px;
  }

  .main-ticket-table {
    background: transparent;
    border: 0px;
    position: relative;
    padding-bottom: 100px;
  }

  .main-ticket-table.active {
    padding-bottom: 350px;
  }

  .main-ticket-table .ticket-table-rows {
    background-color: #ffffff;
    border-bottom: 1px solid;
  }

  .ticket-table-rows.microDonation{
    margin-top: 30px;
  }

  .ticket-table-rows-total {
    background-color: #ffffff;
    padding: 15px 5px;
    position: fixed;
    left: 15px;
    bottom: 0px;
    width: 100%;
    box-shadow: 9px 8px 8px 6px gray;
  }

  .terms-selector {
    display: none;
  }

  .checkout-button {
    width: 100%;
  }

  /* .main-ticket-table {
        display: none;
    } */

  .previousView {
    display: block;
    position: absolute;
    left: 20px;
    top: 38%;
    font-size: 24px;
    background-color: transparent;
    border: none;
    padding: 0;
    font-size: 24px;
  }
  header .navbar .logo {
    max-height: 40px;
    margin-top: 0px;
  }

  header .navbar .logoMobile {
    max-height: 50px;
  }

  header .navbar {
    position: relative;
    padding: 20px 0px;
  }

  .map-locations .map-view {
    margin-left: 0px;
    background: #000;
    color: white;
    border-radius: 7px;
  }

  .show-date-part .start_date {
    display: block;
    min-width: 120px;
  }

  .show-date-part .start_date.timezone{
    width: 100%;
    display: flex;
    align-items: center;
    gap: 15px;
  }

  .show-date-part .start_date.timezone .data-from-dynam{
    margin-top: 0px;
  }

  .date-selector-partition {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
  }

  .ticketButtonWrapper .ticketButton {
    width: 100%;
    padding: 15px 20px;
    font-size: 20px;
    font-weight: 600;
    color: #383838;
    border: 1px solid #383838;
    background-color: #ffd25d;
    line-height: 22px;
  }
  .aduince_summary ul li {
    display: inline-block;
    margin-right: -5px;
  }

  .banner-image img {
    border-radius: 20px;
    /* object-fit: contain; */
  }

  .membershipBanner .banner-image img {
    border-radius: 0px !important;
  }

  .banner-image .bannerScroll {
    position: relative;
    height: 100%;
  }

  .banner-image .bannerScroll img {
    border-radius: 0px;
    object-fit: contain;
    background: black;
  }

  .banner-image .bannerScroll video {
    border-radius: 0px;
  }

  .banner-image .bannerScroll .bgCover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1111111111;
    object-fit: cover;
    filter: blur(26px);
    z-index: -1;
  }

  .banner-image video {
    border-radius: 20px;
  }

  .wholeBannerPart {
    display: none;
  }

  #mobileBanner {
    position: relative;
  }

  #mobileBanner .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0%, -50%);
    z-index: 1111;
  }

  #mobileBanner .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0%, -50%);
    z-index: 1111;
  }

  #mobileBanner .owl-nav button {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #ffffffb5;
    font-size: 20px;
  }

  #mobileBanner .owl-dots {
    text-align: center;
    margin-top: -40px;
    z-index: 111;
    position: relative;
  }
  #mobileBanner .owl-dots .owl-dot span {
    width: 13px;
    height: 13px;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0px 3px;
  }

  #mobileBanner .owl-dots .owl-dot.active span {
    background: white;
  }
  .tiket-select-date.new .date-selecterIcon {
    top: 10px;
  }

  .checkout-part .total-prices h5 {
    font-size: 20px;
  }

  .checkout-part .grandTotal h6 {
    font-size: 18px !important;
  }

  .checkout-part .total-prices h5.total {
    font-size: 30px;
  }

  .checkout-part .total-prices h5 span {
    font-weight: 400;
    font-size: 16px;
  }

  .checkout-part .total-prices h6 {
    margin-bottom: 5px;
    font-size: 16px;
  }
  .cuponApplied input {
    max-width: 215px;
  }

  .promoCodeApplied {
    width: 100%;
    margin-left: 0px;
    margin-top: 10px;
    max-width: calc(100% - 35px);
  }
  .ticket-table-rows-total .removeCoupon {
    margin-top: 8px;
    height: 35px;
    padding: 0px 7px;
  }
  .cupon-msg {
    font-size: 10px !important;
  }
  .cupon-msg .discounted_amnt {
    font-size: 13px !important;
  }
  .ticket-price-details .removeCoupon {
    font-size: 18px;
    margin-top: 0px;
  }

  .appliedCouponInList {
    position: relative;
    top: -3px;
  }
  .cuponApplied input {
    max-width: calc(100% - 85px);
    box-shadow: none;
  }
  .cuponApplied button {
    padding: 0px 20px;
  }

  .cuponApplied input {
    height: 40px;
  }
  .cuponApplied button {
    height: 40px;
  }
  .promoCodeApplied input {
    height: 40px;
    max-width: 100%;
  }
  .promoCodeApplied a {
    top: 11px;
  }
  .promoCodeApplied span {
    top: 11px;
  }

  .terms-selector.mobileView ul .tarms_views.active::before {
    display: none;
  }
  .terms-selector ul .tarms_views.active::after {
    display: none;
  }

  .termAndConditionWrapper .terms-details {
    margin: unset;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .termAndConditionWrapper .terms-details::before {
    display: none;
  }
  .termAndConditionWrapper .terms-selector ul li {
    width: 100%;
    font-size: 16px;
  }

  .termAndConditionWrapper .terms-selector ul li p {
    font-size: 16px;
  }

  /* .termAndConditionWrapper .terms-details{
        display: block !important;
    } */

  .termAndConditionWrapper .terms-details ul li {
    position: relative;
    padding-left: 20px;
  }

  .termAndConditionWrapper .terms-details ul li::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #000;
  }

  /* .termAndConditionWrapper .terms-details.active{
        display: none !important;
    } */

  .termAndConditionWrapper .terms-selector ul li .bi-chevron-right::before {
    content: "\f285";
    /* transform: rotate(90deg); */
    color: #655aff;
  }

  .termAndConditionWrapper .terms-selector ul li .tarms_views .bi-chevron-down::before {
    content: "\f282";
    transform: rotate(0deg);
  }
  .termAndConditionWrapper .terms-selector ul .tarms_views {
    font-weight: 18px;
    color: #7066ff;
  }

  .terms-selector .form-check {
    margin-bottom: 15px;
  }

  .termAndConditionWrapper {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: end;
    z-index: 111111;
  }

  .termAndConditionWrapper .terms-selector.mobileView {
    background: white;
    padding: 25px;
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: -100%;
    transition: bottom 0.5s ease-in-out 0.5s;
  }

  .termAndConditionWrapper .terms-selector.mobileView.active {
    display: block;
    transition: bottom 0.5s ease-in-out 0.5s;
    animation: slideUp 0.5s ease-in-out 0.1s forwards;
  }

  @keyframes slideUp {
    0% {
      bottom: -100%;
    }
    100% {
      bottom: 0;
    }
  }

  .termAndConditionWrapper .terms-selector.mobileView .cancel-button {
    padding: 15px 50px;
    border: 1px solid #000;
    background-color: #fff;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    display: block;
    margin-left: auto;
    width: 100%;
    margin-top: 15px;
    border-radius: 5px;
  }

  .ticket-preview-rightPanel {
    padding-top: 20px;
    padding-bottom: 20px;
    align-items: flex-start;
  }

  .ticket-preview-rightPanel .checkedIcon i {
    font-size: 40px;
    position: relative;
    top: 5px;
  }

  .orglogoPrev .header-text h1 {
    font-size: 30px;
    margin: 14px 0px 8px;
    color: #ffffff;
    text-align: center;
  }
  .orglogoPrev .header-text p {
    text-align: center;
  }

  .ticket-preview-rightPanel p {
    font-size: 20px;
  }

  .booking-ticket-summary .map-locations {
    justify-content: center;
    flex-direction: column;
    padding-bottom: 35px;
  }

  .booking-ticket-sum-details .container {
    padding: 0px;
  }
  /* .summaryHeadingLeft{
        justify-content: center;
    } */
  .paidDtls h3 {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 5px;
  }
  .paidDtls p {
    text-align: center;
    margin-bottom: 10px;
  }
  .collaplableSummary .mt-5 {
    margin-top: 0px !important;
  }
  .summerIheading {
    flex-direction: column;
    gap: 10px;
    align-items: start;
  }

  .summerIheading .d-flex {
    gap: 25px;
  }

  .summerIheading h6 span {
    font-size: 24px;
  }
  .summerIheading h6 {
    font-size: 20px;
  }
  .summerIheading p {
    font-weight: 400;
    font-size: 16px;
  }
  .viewAccordion .accordion-button {
    padding: 0px 0px;
    align-items: baseline;
  }

  .viewAccordion .accordion-button.singleTicketSummery {
    padding: 10px 5px;
  }

  .ticketRowShadow {
    padding: 15px 0px;
  }

  .tketHead h6 {
    margin-top: 10px;
    font-weight: 500;
  }
  .ticketRowShadow {
    padding-bottom: 25px;
  }

  .tketHead h4 {
    font-weight: 500;
    margin-bottom: 0px;
    padding-right: 0px;
    text-align: left !important;
    font-size: 20px;
  }

  .tketHead.tickets h4 {
    margin-bottom: 0px;
    width: 100%;
  }

  .tketHead h4.ticketCount b {
    min-width: 73px;
    font-size: 20px;
  }
  .tketHead h4.ticketCount span {
    min-width: auto;
    display: inline-block;
  }

  .tketHead.amount h4 {
    font-size: 16px;
    margin-bottom: 0px;
  }
  .tketHead h4 span {
    margin-bottom: 0px;
    font-size: 20px;
    display: block;
    opacity: 0.7;
  }

  .tketHead h6 span {
    opacity: 0.7;
  }

  .viewTket button {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .buyMoretket button {
    width: 100%;
    border: 1.5px solid #383838;
    background-color: #ffd25d;
    color: #000;
    font-weight: 600;
    font-size: 20px;
    padding: 15px 50px;
    margin-bottom: 20px;
  }
  .reSend button {
    font-size: 20px;
  }
  .viewTket button {
    font-size: 20px;
  }
  .downloadInvoice button {
    font-size: 20px;
  }
  .no-padding-mobile {
    padding: 0px !important;
  }

  header .navbar-nav .explore-button {
    display: none;
  }
  header .navbar-nav {
    display: none;
  }

  header .navbar-collapse {
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
  }

  header .logged-user {
    margin-left: 0px !important;
    position: static;
  }
  header .user-initials {
    margin: unset;
  }

  header .logged-user .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  header .dropdown-menu.show {
    width: 80%;
    left: 20%;
    margin-top: 0px;
    top: 70px;
  }

  .form-body {
    padding: 20px;
    box-shadow: none;
  }

  .form-body h4{
    font-size: 30px;
  }

  .rsvp-form-section {
    padding-top: 30px;
  }
  .form-body h2 {
    font-size: 30px;
  }
  .form-selection h6 {
    margin-right: 0px;
    font-size: 25px;
    margin-bottom: 10px;
  }
  .form-selection {
    display: block;
  }
  .form-selection .form-check .form-check-label {
    font-size: 18px;
  }
  .form-selection .form-check .form-check-input {
    width: 20px;
    height: 20px;
  }
  .form-selection .form-check .form-check-label {
    padding-left: 4px;
  }

  .viewTkets button {
    font-size: 18px;
    width: calc(100% - 40px);
    margin: auto;
    display: block;
    margin-bottom: 20px;
  }
  .booksTkets button {
    font-size: 18px;
    width: calc(100% - 40px);
    margin: auto;
    display: block;
  }

  .participationForm .participatType {
    display: block;
  }
  .participationForm {
    padding: 25px;
  }
  .participationForm .participatType h4 {
    margin-bottom: 10px;
    font-size: 25px;
    font-weight: 600;
    margin-right: 0px;
  }
  .participationForm .participatType .form-check-label {
    font-size: 20px;
  }
  .participationForm .participatType .form-check-input {
    width: 20px;
    height: 20px;
  }
  .participationForm .willYouAttend {
    padding: 25px 0px;
    margin-top: 25px;
  }
  .participationForm h4 {
    font-size: 22px;
    font-weight: 600;
  }

  .participationForm h4 span {
    font-size: 25px;
  }

  .participationForm .form-check-label {
    font-size: 20px;
  }
  .participationForm .form-check {
    margin-right: 20px;
    margin-top: 5px;
    display: block;
  }

  .participationForm h4 {
    margin-bottom: 10px;
  }
  .participationForm label {
    font-size: 20px;
  }
  .yesIwillAttend .rsvpForm .card {
    border: none;
    padding: 0;
    box-shadow: none;
    padding-bottom: 20px;
    border-bottom: 1px dashed #7d7d7d;
  }

  .participationForm .form-check-input {
    width: 20px;
    height: 20px;
  }
  .yesIwillAttend .rsvpForm .card label {
    font-size: 18px;
  }

  .text-md-end {
    text-align: left;
  }
  .termsAndConditions .btn-submit {
    padding: 12px 40px;
  }
  .nonTicketingAfterBooking .eventImg {
    height: 180px;
  }

  .nonTicketingAfterBooking {
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .nonTicketingAfterBooking.confirm {
    background: #ffd25d;
  }

  .nonTicketingAfterBooking .bookingLogo {
    justify-content: center;
    gap: 10px !important;
  }
  .nonTicketingAfterBooking .title {
    text-align: center;
    font-size: 28px;
  }
  .nonTicketingAfterBooking .description {
    text-align: center;
  }

  .nonTicketingAfterBooking .location {
    text-align: center;
    font-size: 14px;
  }
  .nonTicketingAfterBooking .btn-view-map {
    margin: auto;
    display: block;
  }
  .nonTicketingAfterBooking .bookingLogo img {
    width: 50px;
    height: 50px;
  }
  .nonTicketingAfterBooking .bookingLogo h5 {
    font-size: 20px;
  }
  .bookingConfirmation h5 {
    font-size: 16px;
  }
  .bookingConfirmation {
    border-bottom: 1px solid #000;
  }
  .nonTicketingSummery {
    padding: 40px 0px;
  }

  .nonTicketingSummery canvas {
    width: 100% !important;
    height: 100% !important;
  }

  .border-right-dashed {
    border-bottom: 2px dashed #a9a9a9;
    border-right: none;
  }
  /* .nonTicketingSummery .summeryView.completed {
        border: 10px solid #ffc107;
    } */

  /* .nonTicketingSummery .topPart{
        display: block;
    } */
  .total_audience h5 {
    font-size: 35px !important;
  }
  .total_audience h5 span {
    font-size: 16px;
  }

  .nonTicketingSummery .topPart .btn-edit i {
    display: none;
  }

  .nonTicketingSummery .topPart h6 {
    font-size: 14px;
  }
  .nonTicketingSummery .topPart h6 i {
    font-size: 18px;
  }
  .nonTicketingSummery .topPart .btn-edit {
    padding: 5px 15px;
  }

  .nonTicketingSummery .summeryView .slot .topMeta {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .nonTicketingSummery .summeryView h5 {
    margin-bottom: 5px;
    font-weight: 600;
  }
  .nonTicketingSummery .summeryView h2 {
    font-size: 30px;
  }
  .nonTicketingSummery .summeryView h4 {
    font-size: 25px;
  }
  .nonTicketingSummery .summeryView .slot {
    padding: 20px;
  }
  .participationForm .btn-submit {
    font-size: 18px;
    padding: 10px 40px;
    margin: auto;
    display: block;
  }
  .participationForm {
    background: white;
    box-shadow: none;
  }
  .map-locations {
    gap: 20px;
    flex-direction: column;
    padding: 0px 15px;
  }

  .ticket-header-bottom {
    display: none;
  }

  .booking-ticket-sum-details.bg-mobile-primary .container {
    padding: 20px;
    padding-top: 0px;
    position: relative;
  }

  .form-fields label {
    font-size: 18px;
  }

  .ticket-table-rows.afterBooking {
    padding: 20px !important;
  }

  .ticket-table-rows.afterBooking .ticket-price-details {
    justify-content: end;
  }

  .ticket-table-rows.afterBooking .ticket-price-details h4 {
    margin-bottom: 0px;
  }
  .ticket-table-rows.afterBooking .ticket-price-details p {
    margin-bottom: 0px;
  }
  .mobile-ms-auto {
    margin-left: auto;
  }
  .ticket-table-rows-total.afterBooking {
    padding: 20px 10px;
  }

  .ticket-table-rows-total.afterBooking .terms-selector {
    display: block;
  }
  .ticket-table-rows-total.afterBooking .terms-selector ul li {
    display: block;
    font-size: 14px;
  }

  .ticket-table-rows-total.afterBooking .total-prices {
    text-align: left !important;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .ticket-table-rows-total.afterBooking .checkout-part .total-prices h5 {
    font-size: 30px;
  }

  .ticket-header-secction .dateTimeDiv {
    display: block;
    padding: 0px 15px;
  }
  .ticket-header-secction .dateTimeDiv .show-date-part {
    padding: 0px;
    border-right: none;
    border-bottom: 1px solid;
    padding-bottom: 20px;
  }

  .ticket-header-secction .dateTimeDiv .show-date-part .show-date-part{
    margin-top: 0px;
    padding-bottom: 0px;
  }

  .date-selector-partition p {
    font-size: 18px;
    margin-bottom: 0px !important;
  }
  .banner-image {
    height: 250px;
  }
  .cuponApplied button {
    top: -8px;
  }
  .show-date-part .specialDiv {
    justify-content: space-between !important;
    width: 100%;
  }

  .cuponApplied {
    display: flex;
    align-items: end;
    max-width: 100%;
  }

  .total-prices .grandTotal {
    margin-bottom: 10px;
  }

  .viewAccordion .accordion-button .row {
    margin: 0px;
  }

  .rsvpBtn button {
    margin-bottom: 15px;
  }

  .tketHead .ticketTotalPrices {
    margin-bottom: 0px;
    margin-top: 15px;
    font-size: 30px !important;
    font-weight: 600;
  }

  .ticketRowShadow .ticktMsge {
    text-align: left;
  }

  .buyTotalTicket {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .ticktMsge h5 {
    padding-right: 0px;
  }

  .buyTotalTicket h5 {
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 0px;
    font-size: 18px;
  }

  .footerNew .logoWrapper .logoHolder {
    display: none;
  }
  .footerNew .logoWrapper {
    padding-left: 0px;
    display: none;
  }
  .footerNew::before {
    display: none;
  }
  .footerNew {
    text-align: center;
    padding-top: 50px;
  }

  .downloadAPP {
    display: none !important;
  }

  .footerNew ul .d-flex {
    justify-content: center;
  }
  .footerNew h6 {
    display: none;
  }

  .mobile-flex {
    flex-wrap: wrap;
  }

  .nonTicketingSummery .questionAnswers {
    margin-top: -50px;
  }
  .nonTicketingSummery .questionAnswers h3 {
    font-size: 28px;
  }
  .nonTicketingSummery .questionAnswers h3 span {
    font-size: 28px;
  }

  .nonTicketingSummery .questionAnswers .questionBox .question {
    font-size: 18px;
    align-items: start;
    gap: 5px;
  }

  .nonTicketingSummery .questionAnswers .questionBox .question span {
    line-height: 1;
  }

  .informationCorner {
    padding-left: 10px;
  }
  .poweredBy .address {
    margin-bottom: 20px;
    justify-content: center;
  }

  .poweredBy {
    margin-top: 0px;
  }

  .sponsorText {
    text-align: center;
    margin-bottom: 20px !important;
  }

  .footerNew .sevaFooterAddress {
    padding-left: 10px;
  }

  .notFoundPage img {
    margin-bottom: 20px;
  }

  #supportFormSuccess {
    margin-bottom: 30px;
  }

  .ticket-counters {
    gap: 10px;
  }

  .tiket-select-date .date-selecterIcon {
    bottom: 15px;
    top: unset !important;
  }

  .lightbox-media img {
    min-width: 100%;
  }

  header .navbar .loginBtn {
    padding: 5px 20px;
    font-weight: 600;
    font-size: 18px;
    border: 1.5px solid;
  }

  .participationForm p {
    font-size: 18px;
  }
  .details-tickets ul li.last {
    max-width: 100%;
    width: 100%;
  }

  .ticket-header-secction .dateTimeDiv .show-date-part:last-child {
    width: 100%;
  }

  /* .buyMoreTicket .col-lg-6{
    padding: 0px 8px;
} */

  .ticket-header-secction {
    padding-bottom: 0px;
    padding-top: 20px;
  }

  .map-locations .virtualMeetingDiv i {
    display: none;
  }

  .map-locations .virtualMeetingDiv .btn-link {
    margin-left: 0px;
    width: 100%;
    margin-top: 15px;
    background: black;
    color: white;
  }

  .view-details-section {
    padding: 40px 0px;
  }

  .map-locations .virtualMeetingDiv {
    border-top: none;
    padding-top: 0px;
    width: unset;
  }

  .videoMobilePlayer {
    height: 250px;
  }

  .videoMobilePlayer i {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    border: 1px solid #fff;
    text-align: center;
    color: white;
    background: rgba(43, 51, 63, 0.7);
  }

  .poweredBy .address br {
    display: none;
  }

  .logoWrapper .btn {
    display: inline-block;
    padding: 0px;
    font-size: 18px;
    font-weight: 500;
    color: #473bf0;
  }

  .logoWrapper .btn i {
    font-size: 20px;
    margin-right: 5px;
    padding-left: 20px;
    border-left: 2px solid #ddd;
  }

  .logoWrapper .btn:hover {
    background: transparent;
    color: black;
  }
  /* 
.logoWrapper .logo{
    display: none;
}

.logoWrapper .logoMobile{
    display: inline-block;
    width: 50px;
} */

  .logoWrapper {
    display: block;
  }

  .desktopLogoWrapper {
    display: none;
  }

  .ticket-price-details .removeCoupon span i {
    font-size: 50px;
  }

  .viewAccordion .accordion-item .accordion-button::after {
    margin-right: 20px;
    background-color: #e5e3ff;
    width: 30px;
    height: 30px;
    background-position: center;
    border-radius: 5px;
  }

  .order- {
    order: 1;
  }

  .ticketRowShadow .qrCode img {
    /* width: 100%; */
    height: 120px;
    object-fit: contain;
    margin-top: 15px;
  }

  .paidDtls {
    margin-top: 0px;
  }

  .booking-ticket-sum-details {
    background-color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px dashed #fff;
  }

  #relatedEventCarousel .owl-nav.notActive {
    display: block !important;
  }

  .booking-ticket-sum-details .container .message {
    font-size: 20px;
  }

  .booking-ticket-sum-details .container .message a {
    font-size: 20px;
  }

  .audience_summary ul {
    margin-bottom: 10px;
  }

  .cuponApplied {
    margin-top: 0px;
  }

  .booking-ticket-sum-details .eventMsg {
    align-items: self-start;
    flex-direction: column;
  }

  .ticketBookDtls .topPart {
    margin-bottom: 30px;
    /* align-items: start !important; */
    gap: 10px;
  }

  .ticketBookDtls {
    padding: 20px;
  }

  .collaplableSummary {
    margin-top: 0px;
  }
  .summaryHeadingLeft h2 {
    font-size: 30px;
    margin-bottom: 25px;
  }

  .summaryHeadingLeft {
    display: block;
  }

  .owl-dots {
    display: none;
  }

  /* .relatedEvents{
    padding-top: 0px;
} */

  .ticket-date-selection-section .rsvpNowBtn {
    width: 100%;
  }

  .booking-ticket-summary .banner-image {
    text-align: center;
  }
}
