@media only screen and (min-width: 320px) and (max-width: 767px) {

    /* .home-banner .banner-text h2 { font-size: 14px; margin-bottom: 10px; } */
    .home-banner .banner-text h2 { font-size: 18px; margin-bottom: 10px; padding: 0 10vw 10px 10vw; text-align: center; font-weight: 500; }
    .home-banner .banner-text p { font-size: 12px; margin-bottom: 15px; display: none; }
    .home-banner .banner-text .search-area { padding: 0; }
    .home-banner .banner-text { padding: 40px 0; }

    .home-banner .form-select.country { background-image: url(../images/location-icon.png), url(../images/arrow-dropdown.png); background-repeat: no-repeat; background-position: left 5px center, right 5px center; background-size: 10px 15px, 12px 8px; border: none; border-radius: 4px; padding: 8px 18px 8px 20px; font-size: 12px; width: auto; }
    .home-banner { height: auto; }
    .popular-event .tab-content .card.first { margin-right: 0; }
    .popular-event .tab-content .card.sec { margin: 0; }
    .popular-event .tab-content .card.third { margin-left: 0; }
    .popular-event .tab-content .card .card-body h5.card-title { height: auto; font-size: 16px; }
    .popular-event .tab-content .card .card-body .time { font-size: 14px; }
    .popular-event .tab-content .card .card-body .location { font-size: 12px; }
    .popular-event .tab-content .card .card-body .desc { font-size: 14px; font-weight: 500; }
    .popular-event .tab-content .card .card-body .price { font-size: 16px; font-weight: 500; }
    .near-event .event-slider .card .card-body h5.card-title { font-size: 16px; }
    .near-event .event-slider .card .card-body .time { font-size: 14px; }
    .near-event .event-slider .card .card-body .location { font-size: 12px; }
    .near-event .event-slider .card .card-body .desc { font-size: 14px; }
    .near-event .event-slider .card .card-body .price { font-size: 16px; }
    .city-filter-area #city-results .card .card-body .card-title { font-size: 16px; }
    .city-filter-area #city-results .card .card-body .time { font-size: 14px; }
    .city-filter-area #city-results .card .card-body .location { font-size: 12px; }
    .city-filter-area #city-results .card .card-body .desc { font-size: 14px; }
    .city-filter-area #city-results .card .card-body .price { font-size: 16px; }
    .search-filter #search-results .card .card-body h5.card-title { font-size: 16px; }
    .search-filter #search-results .card .card-body .time { font-size: 14px; }
    .search-filter #search-results .card .card-body .location { font-size: 12px; }
    .search-filter #search-results .card .card-body .desc { font-size: 14px; }
    .search-filter #search-results .card .card-body .price { font-size: 16px; }
    .category-filter #category-results .card .card-body h5.card-title { font-size: 16px; }
    .category-filter #category-results .card .card-body .time { font-size: 14px; }
    .category-filter #category-results .card .card-body .location { font-size: 12px; }
    .category-filter #category-results .card .card-body .desc { font-size: 14px; }
    .category-filter #category-results .card .card-body .price { font-size: 16px; }
    .popular-event { padding: 0; }
    .card.fst { margin-right: 0; }
    .host-area .card.sec { margin: 0; }
    .host-area .card.third { margin-left: 0; }
    /* .host-area .col { padding: 10px 55px; margin-bottom: 20px; } */
    .host-area .card h5 { font-size: 18px; font-weight: 600; margin-bottom: 15px; }
    .host-area .card p { font-size: 14px; font-weight: 500; }
    .host-area .card img { width: 86px; height: 86px; margin: 10px auto 15px auto; }
    .host-area .card { padding: 20px 10px 30px 10px; }
    .host-area { padding: 20px 0 10px 0; }
    .host-area .heading h2 { padding-bottom: 25px; font-size: 24px; }
    .near-event #carouselEvent .card.first { margin-right: 0; margin-left: 0; }
    .near-event #carouselEvent .card.sec { margin: 0; }
    .near-event #carouselEvent .card.third { margin-left: 0; margin-right: 0; }
    .near-event #carouselEvent .card .card-body h5.card-title { height: auto; }
    .popular-event .nav.nav-tabs.tappes { margin-bottom: 10px; }
    .category-area img.category-right { display: none !important; }
    .host-area .card.fst { margin-right: 0 !important; }

    .category-area { padding: 20px 0 10px 0; }

    ::-webkit-scrollbar { width: 5px; }
    ::-webkit-scrollbar-thumb { background-color: #888; border-radius: 10px; }
    ::-webkit-scrollbar-track { background-color: #f1f1f1; }
    .nav-tabs-wrapper { scrollbar-width: thin; scrollbar-color: #fff #f1f1f1; }
    ::-webkit-scrollbar-thumb:hover { background-color: #555; }

    .topheader .col.bro-mob { display: none; }
    .topheader .collapse.navbar-collapse { display: contents; }
    .topheader .right_btn .btn_create { display: none; }
    .topheader #indexForm .form-select.state { width: auto; padding: 5px 35px 5px 10px; font-size: 14px; position: relative; right: 10px; }
    /* .topheader .right_btn .btn_create { display: none; } */
    /* .topheader #indexForm .form-select.state { width: auto; } */
    .popular-event .heading-top h2 { font-size: 18px; }
    /* .category-area img.img-fluid { width: 55px; height: 55px; }
    .category-area p { padding: 5px 18px 0 0px; font-size: 12px; } */
    .category-area img { margin: 0 5px; }
    .popular-event .row.row-cols-1.row-cols-md-3.g-4.mb-5 { margin-top: -10px; }
    .sponsored-area { padding: 20px 0; }
    .footer-bg { padding-left: 10px; }
    /* .footer-bg .footer_widgth.touch { margin-left: 65px; } */
    .footer-bg .footer_widgth.social { display: none; }
    .event-detail .col-md-8.main-area { width: 100%; }
    .event-detail .col-md-4.side { width: 100%; display: none; }
    .event-detail .side-area { margin-left: 0; }
    .event-detail .side-area-social { margin-left: 0; }
    .might-like .card.first { margin: 0 4px 4px 4px; }
    .might-like .card.sec { margin: 0 4px 4px 4px; }
    .might-like .card.third { margin: 0 4px 4px 4px; }
    .might-like .card { height: auto; }
    .might-like .card .card-body.sale h3 { width: 52%; }
    .might-like .card .card-body.fast h3 { width: 39%; }
    .might-like .card .card-body.salesoon h3 { width: 52%; }
    .might-like { padding: 20px 0 10px 0; }
    .might-like .card.third { margin: 0; }
    /* .event-detail .col-md-8.main-area .ticket-info .card-info.row .col-md-2 { width: auto; } */
    .event-detail .col-md-8.main-area .ticket-info .card-info.row .col-md-2 { width: 50%; }
    .event-detail .col-md-8.main-area .ticket-info .card-info.row .col-md-8 { width: 100%; }

    .event-detail .col-md-8.main-area .ticket-info .card-info.row .aa { padding-top: 10px; } 

    .event-detail .sale-area { width: 30%; }
    .event-detail.fade-background { background: none !important; }

    .event-detail .col-md-8.main-area .banner img { height: auto; }
    .near-event .event-slider .card.first { margin: 0 4px 4px 4px; }
    .near-event .event-slider .card.sec { margin: 0 4px 4px 4px; }
    .near-event .event-slider .card.third { margin: 0 4px 4px 4px; }
    .near-event .heading p { display: none; }

    .event-detail .col-md-8.main-area .location-time .dateTime img.calender-desk { display: none; }
    .event-detail .col-md-8.main-area .location-time .loc img.loc-desk { display: none; }

    .event-detail .col-md-8.main-area .location-time .dateTime img.calender-mob { display: inline; }
    .event-detail .col-md-8.main-area .location-time .loc img.loc-mob { display: inline; }

    .event-detail .col-md-8.main-area .ticket-info .card-info.row .event-name .price-icon { float: right; }
    /* .event-detail .col-md-8.main-area .ticket-info .card-info.row .col-md-2 .counter { float: right; } */


    /* .event-detail .col-md-8.main-area .ticket-info .card-info.row .price { float: left; padding-left: 60px; } */

    /* .event-detail .col-md-8.main-area .ticket-info .card-info.row .col-md-2.pp .price { float: left; padding-left: 48px; }
    .event-detail .col-md-8.main-area .ticket-info .card-info.row .col-md-2.pp.sold-p .price { float: left; padding-left: 53px; } */

    /* .event-detail .col-md-8.main-area .ticket-info .card-info.row .col-md-2.pp .price { float: left; padding-left: 50px; } */
    .event-detail .col-md-8.main-area .ticket-info .card-info.row .col-md-2.pp.sold-p .price { float: right; }
    /* .event-detail .col-md-8.main-area .ticket-info .card-info.row .col-md-2.pp { padding-right: 0; } */

    /* .event-detail .col-md-8.main-area .ticket-info .card-info.row .price h4 { font-size: 12px; font-weight: 500; } */
    /* .event-detail .col-md-8.main-area .ticket-info .card-info.row .price span { font-size: 12px; font-weight: 500; } */
    /* .event-detail .col-md-8.main-area .ticket-info .card-info.row .price p { font-size: 12px; } */
    /* .event-detail .col-md-8.main-area .ticket-info .card-info.row .seating { font-size: 12px; } */
    /* .event-detail .col-md-8.main-area .ticket-info .soldout.card-info.row .price h4 { font-size: 12px; font-weight: 500; } */
    /* .event-detail .col-md-8.main-area .ticket-info .soldout.card-info.row .price span { font-size: 12px; font-weight: 500; } */
    /* .event-detail .col-md-8.main-area .ticket-info .soldout.card-info.row .price p { font-size: 12px; } */

    .event-detail .col-md-8.main-area .ticket-info .soldout.card-info.row .price { float: left; }
    .order-detail .col-md-8.main-area { width: 100%; }
    .order-detail .col-md-8.main-area .order-info .card-info.row .col-md-2 .event-name img { height: 170px; object-fit: cover; margin-bottom: 10px; }
    #code-apply .row { flex-wrap: nowrap; align-items: center; }
    .order-detail .col-md-4.side .promo-section input { margin-bottom: 0; }
    .order-detail .side .row.mob { flex-wrap: nowrap; }
    .order-detail .col-md-4.side .promo-section .btn-apply { padding: 6px 20px; }
    .order-detail .col-md-4.side .promo-section .col-sm-4 { padding-left: 12px; }
    /* .order-detail .total-ticket-area.order .card-info.row .row { flex-wrap: nowrap; gap: 10px; } */
    .dashboard.booking .side-bar { display: none; }
    .dashboard .main-area .ticket-area .t-img { display: none; }
    .dashboard .main-area .ticket-area .date-time img.icon { display: none; }
    .dashboard .main-area .ticket-area .date-time .place { display: block; }
    .dashboard.booking #ticket-container p.quantity-s { float: right; }
    .dashboard .main-area .ticket-area .col-md-6.right p.stat { float: left; margin-bottom: 0; }
    .dashboard .main-area .ticket-area .booking { float: left; margin-top: 0; }
    .dashboard .main-area .tappes .all { margin-right: 15px; }
    .dashboard .main-area .tappes .upcoming { margin-right: 15px; }
    .dashboard.booking #myTabContent #ticket-container { margin-top: 0; }
    .dashboard .main-area .ticket-area .col-md-6.left span.order-number { display: block; }
    .dashboard .main-area .ticket-area .col-md-6.left span.ticket { display: block; }
    .dashboard .main-area .ticket-area .col-md-6.right span.status { float: left; }
    .dashboard .main-area .ticket-area .col-md-6.right span.success { display: block; }
    .dashboard .main-area .ticket-area .col-md-6.right span.price { display: block; text-align: left; }
    .dashboard .main-area .ticket-area .booking span.book-date { display: block; }
    .dashboard .main-area .ticket-area .col-md-6.right p.pay { float: right; margin-bottom: 0; }
    .dashboard .main-area .ticket-area .col-md-6.left p.order-s { float: left; } 
    .dashboard .main-area .ticket-area .col-md-6.right { margin-top: 0; }
    #ticket-container .col-md-12 { padding-right: 0; }
    #ticket-container .row.mb-4.ticket-area { margin-bottom: 0 !important; }
    .dashboard.booking #ticketScanModal .modal-dialog { width: auto; padding: 15px; margin-top: 30px; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-body .qr { background: #fff; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-body { padding: 0; }
    .dashboard.booking #ticketScanModal .modal-dialog .t-body-bg { padding: 16px 16px 10px 16px; }
    .dashboard.booking #ticketScanModal .modal-dialog .grand-total { background: #f2f2f2; padding: 0px 16px 10px 16px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-body .qr img { border: 2px solid #707070; padding: 0px; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-header img.cross { bottom: 85px; }
    .dashboard.booking #ticketModal .modal-dialog { width: auto; padding: 15px; margin-top: 30px; }
    .dashboard.booking #ticketModal .modal-dialog .modal-header img.cross { bottom: 85px; }

    .dashboard.account-body .side-bar { display: none; }
    .dashboard.account-body .account .account-area .button-area { padding-top: 10px; }
    .dashboard.pass-body .side-bar { display: none; }
    .dashboard.pass-body .password .c-password-area .button-area { padding-top: 10px; }


    /* .popular-event .week-collapse, .popular-event .weekend-collapse, .popular-event .month-collapse, .popular-event .nav-link { margin-right: 0; font-size: 15px; } */
    .popular-event .week-collapse, .popular-event .weekend-collapse, .popular-event .month-collapse, .popular-event .nav-link { font-size: 14px; margin-right: 7px; }
    #index-page #loader img { height: 80px; }
    .order-detail .col-md-8.main-area .order-info .card-info.row .col-md-2 { padding-right: 3px; padding-left: 3px; }

    .dashboard.booking #ticketModal .modal-dialog .modal-body.bot .desc p { font-size: 14px; }
    .dashboard.booking #ticketModal .modal-dialog .modal-body.bot .rate p { font-size: 14px; }  
    .dashboard.booking #ticketModal .modal-dialog .modal-body .t-number { font-size: 14px; }
    .dashboard.booking #ticketModal .modal-dialog .modal-body .t-quantity { font-size: 14px; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-body .grand-total p { font-size: 14px; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-body .grand-total .total-price { font-size: 14px; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-body .t-number { font-size: 14px; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-body h2 { font-size: 16px; }
    .dashboard.booking #ticketModal .modal-dialog .modal-body h2 { font-size: 16px; }
    .inner-header .collapse.navbar-collapse { display: contents; }
    .inner-header .search-bar input { display: none; }
    .inner-header .right_btn .btn_create { display: none; }
    .topheader .logo_left img { height: 40px; }
    .topheader { padding: 10px 0; }
    #otpModal .modal-dialog { width: auto; }
    /* .search-area.row form#searchForm { width: 215px; position: relative; left: 40px; } */
    /* .search-area.row form#searchForm { width: auto; margin-left: 30px; } */
    .home-banner .search-form { border: none; }
    .home-banner .search-form { padding: 8px 10px 8px 10px; font-size: 12px; }

    .event-detail .side-area.side-fixed { width: 100%; }
    .event-detail .side-area-social.social-side-fixed.social-p { width: 100%; }
    /* .inner-header .collapse.navbar-collapse .dropdown { display: block !important; } */

    #selected-tickets .total-ticket-area .col-6.col-md-4.text-center.mob-v { text-align: left !important; padding-left: 20px; }
    #selected-tickets .total-ticket-area .col-6.col-md-4 .price { padding-right: 10px; }
    /* .event-detail .col-md-8.main-area .ticket-info .card-info.row { margin: 0; } */
    .event-detail .col-md-8.main-area .ticket-info .card-info.row { margin-bottom: 10px; }

    .city-filter-area #city-results .card.first { margin-right: 0; }
    .city-filter-area #city-results .card.sec { margin: 0; }
    .city-filter-area #city-results .card.third { margin: 0; }
    
    .ticket-proceed .pro-btn button.btn-process { font-size: 12px; padding: 8px 10px; }

    .category-filter #category-results .card.first { margin-right: 0; }
    .category-filter #category-results .card.sec { margin: 0; }
    .category-filter #category-results .card.third { margin-left: 0; }

    /* .category-name { white-space: normal; word-wrap: break-word; overflow-wrap: break-word; max-width: 12ch; } */

    .search-filter #search-results .card.first { margin-right: 0; }
    .search-filter #search-results .card.sec { margin: 0; }
    .search-filter #search-results .card.third { margin-left: 0; }

    #seatingModal .seat-zoom { position: relative; float: left; left: 50%; transform: translate(-58%, -115px); width: 24px !important; }
    .event-detail .col-md-8.main-area .event-faqs .accordion-item:first-of-type .accordion-button { font-size: 14px; text-align: left; }
    .event-detail .col-md-8.main-area .event-faqs .accordion-collapse .accordion-body { font-size: 14px; }
    .event-detail .col-md-8.main-area .event-faqs .accordion-button.collapsed { font-size: 14px; text-align: left; font-weight: 500; }
    .event-detail .col-md-8.main-area .event-faqs button.accordion-button { font-size: 14px; text-align: left; font-weight: 500; }

    .event-detail .col-md-8.main-area .event-images img { width: 100%; height: 90px; }

    /* .topheader .logo_left.desk { display: none; }
    .topheader .logo_left.mobile { display: block; }
    .inner-header .logo_left.desk { display: none; }
    .inner-header .logo_left.mobile { display: block; } */
    .inner-header .logo_left img { height: 40px; }

    #confirmModal .modal-dialog .modal-content { margin-top: 20px; }
    #confirmModal .modal-dialog .modal-body { padding: 10px 0px; }
    #confirmModal .modal-dialog .modal-body .ios-android { margin-top: 20px; }

    /* .event-detail .col-md-8.main-area .location-time h2 { text-align: left; font-size: 16px; font-weight: 600; margin-bottom: 0; } */
    .event-detail .col-md-8.main-area .location-time h2 { text-align: left; font-size: 16px; font-weight: 600; margin-bottom: 0; font: normal normal 600 16px / 30px Poppins; }
    .event-detail .col-md-8.main-area .location-time .dateTime span { font-size: 13px; }
    /* .event-detail .col-md-8.main-area .location-time .loc span { font-size: 13px; } */
    .event-detail .col-md-8.main-area .location-time .loc span { font: normal normal normal 13px / 17px Poppins; }
    .event-detail .sale-area p { font-size: 12px; }
    .event-detail .col-md-8.main-area .location-time .dateTime { padding-bottom: 10px; }
    .event-detail .col-md-8.main-area .location-time { padding: 5px 20px 0px 20px; }
    .event-detail .col-md-8.main-area .event-images .gallery-image { width: 100%; height: 90px; }
    .event-detail { padding: 25px 0 10px 0; }
    .might-like img.category-right { display: none !important; }

    .event-detail .col-md-8.main-area .location-time .loc { padding-bottom: 15px; display: flex; gap: 5px; }
    .event-detail .col-md-8.main-area .location-time .loc img { padding-right: 10px; width: 30px; height: 20px; }

    .event-detail .col-md-8.main-area .ticket-info .card-info.row .col-md-2 .counter { float: right; }
    .event-detail .col-md-8.main-area .ticket-info .card-info.row .price { float: left; }
    .event-detail .col-md-8.main-area .ticket-info .card-info.row .col-md-2.pp { padding-left: 11px; }
    /* .event-detail .col-md-8.main-area .ticket-info .card-info.row .price .price-display { float: left; padding-right: 10px; } */
    .event-detail .col-md-8.main-area .ticket-info .card-info.row .price .price-display { float: left; padding-right: 10px; }
    .event-detail .col-md-8.main-area .ticket-info .card-info.row .price .avail { text-align: left; }
    .event-detail .col-md-8.main-area .ticket-info .card-info.row .seating { padding: 5px 0; font-size: 14px; color: #F05336; float: left; }
    .order-detail .main-area .order-info .total-ticket-area.order .event-name { padding-bottom: 10px; }
    .order-detail .main-area .order-info .total-ticket-area.order .col-3.col-md-6 { padding-left: 0; }


    .category-area a.category-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; }
    .category-area img.img-fluid { width: 55px; height: 55px; display: block; margin: 0 auto; }
    .category-area p.category-name { padding: 10px 0 0; font-size: 12px; text-align: center; margin: 0; line-height: 1.2; }
    #confirmModal .modal-dialog .modal-content .modal-header .cross { position: absolute; top: -5px; right: -5px; cursor: pointer; width: 22px; }
    #confirmModal .modal-dialog .modal-body .ticket-co img { height: 90px; width: 100%; object-fit: cover; border-radius: 8px; }

    .host-area .card-body { text-align: center; padding: 10px 12px; }
    .total-ticket-area .card-info.row .price { float: left; }

    .event-detail .col-md-8.main-area .location-time .dateTime { align-items: flex-start; }
    .event-detail .col-md-8.main-area .location-time .dateTime img { width: 30px; margin-top: 5px; }
    .event-detail .col-md-8.main-area .event-info .event-desc p { word-wrap: break-word; }

    .order-detail .col-md-8.main-area .total-ticket-area.order .col-5.col-md-4 { text-align: center; }
    .order-detail .col-md-8.main-area .total-ticket-area.order .col-3.col-md-2 .price { float: right; }
    .order-detail .col-md-8.main-area .total-ticket-area.order .col-4.col-md-6 { padding-left: 0; }
}

@media (max-width: 768px) {
    .host-area .col {
        padding: 10px 70px;
        margin-bottom: 20px; 
    }
}


@media (max-width: 768px) {
    .search-area.row form#searchForm {
        margin-left: 0;
        margin-right: 0;
        width: 100%; 
        padding: 0 5px;
    }

    /* .search-area.row {
        flex-direction: column;
        gap: 10px;
    } */
}


@media screen and (max-width: 768px) {
    .summery-p,
    .social-p {
        position: relative !important;
        top: initial !important;
        display: block !important;
    }
}


@media (max-width: 768px) {
    #code-apply .row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (max-width: 767.98px) {
    .two-images-row { display: none; }
    .sponsored-area .spons-right { display: none !important; }
    .sponsored-area .spons-left { display: none !important; }
}

@media (min-width: 768px) {
    .one-image-row {
        display: none;
    }
}

/* For mobile view */
@media (max-width: 767px) {

    /* ::-webkit-scrollbar { width: 5px; }
    ::-webkit-scrollbar-track { background: #EEEEEE; }       
    ::-webkit-scrollbar-thumb { background: #AAAAAA; } */
    .nav-tabs-wrapper { overflow-x: auto; white-space: nowrap; }
    .nav-tabs { display: inline-flex; flex-wrap: nowrap; }
    .nav-item { flex: 0 0 auto; }
    .nav-link { white-space: nowrap; padding: 5px 20px; }
}




@media only screen and (max-width: 850px) and (min-width: 320px) and (orientation: landscape) { 

    .popular-event .tab-content .card.first { margin-right: 0; }
    .popular-event .tab-content .card.sec { margin: 0; }
    .popular-event .tab-content .card.third { margin-left: 0px; }
    .event-detail .col-md-8.main-area .event-images .gallery-image { width: 100%; }
    .event-detail .col-md-8.main-area { width: 100%; }
    .event-detail .col-md-4.side { display: none; }

}

@media only screen and (max-width: 890px) and (min-width: 400px) and (orientation: landscape) { 

    .event-detail .col-md-8.main-area { width: 100%; }
    .event-detail .col-md-4.side { display: none; }

}

@media only screen and (max-width: 950px) and (min-width: 320px) and (orientation: landscape) {


}

@media only screen and (min-width: 700px) and (max-width: 1024px) {

    .home-banner .banner-text .search-area { padding: 0 30px; }
    .host-area .card img { margin: 0 auto; }
    .popular-event .tab-content .main-img { width: 100%; height: 130px; border-radius: 16px; object-fit: cover; }
    .popular-event .tab-content .card .date { width: auto; padding: 0 5px; }
    .popular-event .tab-content .card .date-a { font-size: 20px; }
    .popular-event .tab-content .card .month-a { font-size: 14px; }
    .popular-event .tab-content .card .card-body h5.card-title { font-size: 14px; }
    .popular-event .tab-content .card .card-body .time { font-size: 12px; font-weight: 500; }
    .popular-event .tab-content .card .card-body .location { font-size: 12px; }
    .popular-event .tab-content .card .card-body .price { font-size: 14px; font-weight: 500; }
    .popular-event .tab-content .card .card-body .desc { font-size: 14px; font-weight: 500; }
    .host-area .card h5 { font-size: 16px; }
    .host-area .card p { font-size: 14px; }
    .host-area .card.fst { margin-right: 0; }
    .host-area .card.sec { margin: 0; }
    .footer-bg { padding-left: 15px; display: none; }
    #index-page .tab-content .row.row-cols-1.row-cols-md-3.g-4.mb-5.tab-b { margin-bottom: 0 !important; }
    .dashboard.account-body .side-bar { padding: 20px 2px; }
    .dashboard.booking .side-bar { padding: 20px 2px; }
    .dashboard.pass-body .side-bar { padding: 20px 2px; }
    .dashboard.account-body .side-bar button { padding: 10px 6px; }
    .dashboard.booking .side-bar button { padding: 10px 6px; }
    .dashboard.pass-body .side-bar button { padding: 10px 6px; }
    .dashboard.account-body .side-bar img { width: 12px; }
    .dashboard.booking .side-bar img { width: 12px; }
    .dashboard.pass-body .side-bar img { width: 12px; }
    .dashboard.account-body .side-bar span { font-size: 10px; }
    .dashboard.booking .side-bar span { font-size: 10px; }
    .dashboard.pass-body .side-bar span { font-size: 10px; }
    .order-detail .col-md-8.main-area .order-info .card-info.row .counter h2 { font-size: 16px; }
    .order-detail .col-md-8.main-area .order-info .card-info.row .counter .address { font-size: 14px; color: #333333; margin-bottom: 6px; }
    .order-detail .col-md-8.main-area .order-info .title-border { padding-top: 0; }
    .order-detail .col-md-8.main-area .order-info .card-info.row .col-md-2 .event-name img { height: 60px; }
    .order-detail .col-md-8.main-area { margin-right: 0; }
    .order-detail .col-md-4.side .promo-section .btn-apply { font-size: 14px; padding: 6px 12px; }
    .order-detail .col-md-4.side .card-pay .btn-card { font-size: 12px; }
    .order-detail .col-md-4.side .card-pay .final-p { font-size: 12px; }
    .inner-header .collapse.navbar-collapse { display: contents; }
    .inner-header .search-bar input { display: none; }
    .inner-header .right_btn .btn_create { display: none; }
    .dashboard.account-body .side-bar span { padding-left: 4px; }
    .dashboard.booking .side-bar span { padding-left: 4px; }
    .dashboard.pass-body .side-bar span { padding-left: 4px; }
    .dashboard .password .c-password-area p { font-size: 12px; }
    .dashboard .password .c-password-area .button-area { padding-top: 10px; }
    .dashboard .account .account-area .button-area { padding-top: 10px; }
    .dashboard .main-area .ticket-area h2 { font-size: 16px; }
    .dashboard .main-area .ticket-area .t-img { height: auto; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-body .qr { padding: 15px 15px 5px 15px; }
    .dashboard.booking #ticketScanModal .modal-dialog { width: 40%; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-body h2 { font-size: 16px; }
    .dashboard.booking #ticketModal .modal-dialog { width: 40%; }
    /* .dashboard.booking #ticketModal .modal-dialog .modal-header img.cross { position: relative; bottom: 90px; cursor: pointer; } */
    .dashboard.booking #ticketModal .modal-dialog .modal-body h2 { font-size: 16px; }
    .dashboard.booking #ticketModal .modal-dialog .modal-body.bot .desc p { font-size: 14px; }
    .dashboard.booking #ticketModal .modal-dialog .modal-body.bot .rate p { font-size: 14px; }  
    .dashboard.booking #ticketModal .modal-dialog .modal-body .t-number { font-size: 14px; }
    .dashboard.booking #ticketModal .modal-dialog .modal-body .t-quantity { font-size: 14px; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-body .grand-total p { font-size: 14px; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-body .grand-total .total-price { font-size: 14px; }
    .dashboard.booking #ticketScanModal .modal-dialog .modal-body .t-number { font-size: 14px; }




}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .topheader .collapse.navbar-collapse { display: contents; }
    .topheader .search-bar input { display: none; }
    .topheader .right_btn .btn_create { display: none; }
    .topheader .browse { display: none; }
    .topheader .collapse.navbar-collapse .city-filter { display: none; }

}


@media screen and (min-width: 1367px) {
    .home-banner .banner-text .search-area {
        margin: 0 auto;
        width: 1490px;
    }
}


/* @media screen and (min-width: 1240px) {
    .sponsored-area .spons-left {
        left: -2%;
        width: 50px;
    }
    .sponsored-area .spons-right {
        right: -2%;
        width: 50px;
    }
} */