/* Responsive styles */
/* // X-Small devices (portrait phones, less than 576px) */
@media (max-width: 1280.00px) {
    #discount_code {
        font-size: 15px !important;
    }

    .responsive-text {
        font-size: 15px !important;
    }
}

@media (max-width: 1600.00px) {
    .choose-date {
        font-size: 14px !important;
    }
}

@media (max-width: 575.98px) {
    .seat-wrap {
        width: 100%;
        overflow-x: scroll;
    }

    .seat-area li {
        margin-bottom: 10px;
    }

    .event-banner img {
        height: 150px;
    }

    .main-heading {
        font-size: 18px;
    }

    .section-padding {
        padding: 30px 0;
        /* background: #fff; */
    }

    .small-heading {
        font-size: 22px;
    }

    .second-main-heading {
        font-size: 20px;
    }

    .billing-table .table-top th {
        font-size: 18px;
    }

    .status-container li:not(:last-child) {
        margin-right: 100px;
    }

    .screen-img {
        margin-bottom: 20px;
    }

    .seat-area li {

        width: 25px;
    }

    .seat-selection.a-row {
        margin-bottom: 60px;
    }

    .billing-table .table-top th {
        font-size: 17px;
    }

    .billing-table {
        padding: 17px;
    }

    .table-value {
        font-size: 17px;
    }

    .billing-table .table-top th {
        padding: 9px 4px;
        white-space: nowrap;
    }

    .table-value {
        padding-bottom: 20px !important;
    }

    .total-section td {
        font-size: 14px;
        padding-top: 20px !important;
    }

    .total-section .total-amount {
        font-size: 18px;
    }

    .botton-btn .btn {
        font-size: 20px;
    }

    .btn-large {
        min-width: 209px;
    }

    .ticket-table-bg img {
        height: 350px;
    }

    .billing-detail {
        margin-bottom: 25px;
    }

    #sponser-logo .owl-dots {
        margin-top: 30px;
    }

    .other-event .second-main-heading {
        margin-bottom: 30px;
        padding-top: 30px;
    }

    .footer-ph {
        padding-bottom: 30px;
    }

    .footer-bg {
        padding-top: 30px;
    }

    .footer-contact .list-inline-item:not(:last-child) {
        margin-right: 15px;
    }

    .footer-ph i {
        margin-right: 5px;
    }

    .secondary-footer {
        padding: 15px 0;
    }

    .admin-header .logo img {
        width: 70px;
    }

    .profile img {
        margin-right: 5px;
    }

    .btn-small {
        min-width: 100px;
    }

    .btn-black {
        padding: 5px 4px;
    }

    .tab-section a {
        font-size: 16px;
    }

    .tab-section li:not(:last-child) {
        margin-right: 9px !important;
    }

    .status-container li:not(:last-child) {
        margin-right: 25px;
        font-size: 14px;
    }

    .ticket-status span {
        height: 15px;
        width: 15px;
        margin-right: 10px;
    }

    .event-banner .card-img-overlay {
        padding: 10px;
    }

    .event-banner .card-title {
        padding: 5px 5px;
        font-size: 13px;
    }

    .choose-date {
        display: flex;
        align-items: baseline;
        justify-content: center;
    }

    .choose-date {
        font-size: 15px;
        line-height: 30px;
    }

    .date-picker {
        margin-bottom: 10px;
    }

    .seat-selection .seat-row {
        gap: 16px;
    }

    .seat-area {
        gap: 9px;
    }

    .billing-table tbody td {
        border-bottom: 0;
        padding-left: 0px;
    }

    .billing-table .table {
        margin-bottom: 15px;
    }

    #sponser-logo .owl-dot span {
        height: 10px;
        width: 10px;
    }

    .bottom-btn .btn {
        font-size: 15px;
    }

    .map-section iframe {
        height: 200px;
        width: 100%;
    }

    .bottom-btn {
        text-align: center;
    }

    .event-price {
        padding: 2px 15px;
    }

    /*
    .event-info img {
        height: 200px;
    }*/

    /* ---new css --- */
    .img-height {
        min-height: 100px;
    }

    .event-info img {
        height: 125px;
    }

    .event-heading {
        font-size: 17px;
    }

    .card-body-top {
        min-height: 100px;
        padding: 20px;
    }

    .choose-location {
        font-size: 15px;
    }

    .card-body-bottom {
        padding: 10px 20px;
    }

    .seat-selection span {
        font-size: 18px;
    }

    .second-row {
        margin-bottom: 30px;
    }

    .btn-black {
        height: 40px;
    }

    .sponser-Carousel {
        margin-bottom: 10px;
    }

    .popover-header {
        padding: 10px 40px;
    }

    .popover-header {
        font-size: 18px;
    }

    .seat-num p {
        font-size: 20px;
    }

    .popover-body {
        font-size: 20px;
    }

    .date-picker i {
        color: #37B662;
        margin-right: 10px;
    }

    /* ---------------------check out----------------------------- */
    .event-btn .btn {
        width: 250px;
        min-height: 57px;
        font-size: 18px;
    }

    .order-summary {
        margin-bottom: 30px;
    }

    .form-section .form-label {
        font-size: 14px;
    }

    .bottom-btn .btn {
        font-size: 21px;
    }

    .btn-large {
        min-width: 180px;
    }

    .check-out .event-info .main-heading {
        font-size: 19px;
    }

    .check-out .event-info img {
        height: 200px;
    }

    .order-summary .main-heading {
        font-size: 20px;
    }

    .order-summary .small-heading {
        font-size: 16px;
    }

    .order-summary .price-small-heading {
        font-size: 16px;
    }

    .form-field {
        font-size: 12px;
        height: 40px;
    }

    .order-summary {
        padding: 20px 25px 30px 25px;
    }

    .price .total-amount {
        font-size: 20px !important;
    }

    .event-btn .btn {
        width: 220px;
        min-height: 57px;
        font-size: 18px;
    }

    .bottom-btn .btn {
        font-size: 18px;
    }

    .check-out .date-picker .choose-date i {
        font-size: 16px;
    }

    .check-out .form-section {
        padding: 25px;
    }

    .form-section .bottom-btn .btn-green {
        height: 45px;
    }

    #floatingTextarea {
        height: 55px;
    }

    /* -----------------------------thank you start------------------------- */
    .thank-you .ticket-table-bg img {
        height: 250px;

    }

    .thank-you .billing-table .table-top th {
        font-size: 17px;
    }

    .thank-you .billing-table {
        padding: 30px;
    }

    .table-value {
        font-size: 18px;
    }

    .thank-you .billing-table .table-top th {
        padding: 12px 0;
    }

    .successfil-image i {
        font-size: 40px;
    }

    .thank-you {
        background-size: 460px;
        padding: 50px 0;
    }

    .successfull-ticket {
        font-size: 30px;
    }

    .primo-logo img {
        width: 70px;
    }

    .overlay {
        height: 100%;
    }

    .thank-you .billing-table {
        padding: 30px;
    }

    .btn-final {
        min-width: 120px;
        height: 40px;
    }

    .thank-you-content br {
        display: none;
    }

    .table-value {
        padding-bottom: 5px !important;
    }

    .thank-you .billing-detail {
        width: 100%;
        margin-bottom: 30px;
    }

    .thank-you .thank-you-content {
        font-size: 16px;
    }

    /* --------------------------log in page start------------------ */
    .madal-pop-up-form .modal-header {
        padding: 10px 20px;
    }

    .login-img {
        width: 290px;
    }

    .madal-pop-up-form {
        max-width: 650px;
    }

    .login-img img {
        height: 100%;
    }

    .forgot-password a {
        font-size: 14px;
    }

    .form-check .form-check-label {
        font-size: 14px;
    }

    .log-in-register-form {
        padding: 30px 20px;
    }

    .madal-pop-up-form .modal-title {
        font-size: 25px;
    }

    .create-account,
    .create-account a {
        font-size: 14px;
    }

    .new-user,
    .new-user a {
        font-size: 14px;
    }

    .madal-pop-up-form {
        max-width: 500px;
    }

    .btn-submit {
        width: 140px;
        height: 40px;
    }

    /* ---------------------register form start ----------------------- */
    .profile-image img {
        height: 67px;
        width: 67px;
    }

    .edit-icon {
        right: 0px;
    }

    .profile .user-name {
        font-size: 15px;
    }

    .admin-header .logo img {
        width: 100px;
    }

    .edit-name {
        font-size: 20px;
    }

    .user-name {
        font-size: 16px;
    }

    .edit-form {
        padding: 0px;
    }

    .profile .text-truncate {
        max-width: 100px;
        display: inline-flex !important;
    }

    .edit-profile-img img {
        height: 40px;
        width: 40px;
        border: 2px solid #37B662;
        margin-right: 5px;
    }

    .profile .dropdown-item {
        font-size: 15px;
        padding: 12px 12px;
    }

    .dropdown-menu i {
        margin-right: 13px;
        font-size: 16px;
    }

    .profile-image {
        width: 67px;
        margin: 0 auto;
    }

    .edit-form {
        box-shadow: none;
        background: none;
    }

    /* ----------------------------my ticket start-------- */
    .ticket-table tr th,
    .ticket-table tbody tr td {
        padding: 12px 11px;
        line-height: 20px;
        font-size: 14px;
    }

    .ticket-table tr th,
    .ticket-table tbody tr td {
        padding: 12px 11px;
        line-height: 20px;
        font-size: 15px;
        white-space: nowrap;
    }

    .ticket-btn .btn {
        margin-right: 10px;
    }

    .profile .dropdown-menu {
        margin-top: 26px !important;
    }

    .ticket-table thead {
        background: #F7F7F7;
    }

    .register {
        background: none;
    }

    .my-ticket {
        background: none;
    }

    .billing-table tbody td {
        padding: 3px;
    }

    .check-out .form-section {
        box-shadow: none;
    }

    /* ---------------------landing page start------------- */
    .landing-page {
        background-image: url(../images/bg-3.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: relative;
    }

    .landing-page .inner-landing {
        padding-left: 20px;
    }

    .landing-page .inner-landing {
        padding-left: 0;
    }

    .landing-page .bottom-btn .btn {
        min-width: 165px;
    }

    .contact-form {
        padding: 20px;
    }

    .logo img {
        width: 100px;
    }

    /* ---------------------landing page end------------- */
    /*----------------------- order-detail start------------ */
    .detail-btn i {
        margin-right: 10px;
    }

    .detail-btn {
        width: 80%;
    }

    /* .detail-btn .btn{
    width: 100%;
    margin-bottom: 15px;
    height: 45px;
} */
    .order-detail td {
        padding: 15px 18px;
    }

    /* ----------------order-detail start--------- */
    .total-amount {
        font-size: 20px;
        font-weight: 500;
    }

    .search-bar {
        width: 100%;
    }

    .header-search .form-control {
        font-size: 14px;
    }

    .btn-outline-secondary {
        font-size: 14px;
    }

    .offcanvas-top {
        height: 115px;
    }

    .order-detail p {
        margin-bottom: 0;
        font-size: 14px;
    }

    .detail-btn .btn {
        min-width: 110px;
        height: 45px;
    }

    .order-detail-list {
        width: 100%;
    }

    /* .header-search{
    padding-right: 0;
} */
    .mobile-search {
        padding-right: 0;
    }

    .offcanvas-header {
        padding: 0.5rem 1rem;
    }

    /* ------client landing page start----- */
    .client-logo img {
        width: 50px !important;
    }

    .banner-img img {
        width: 50%;
    }

    .client-landing-page .second-main-heading {
        font-size: 25px;
        padding-top: 25px;
    }

    .client-landing-page p {
        font-size: 17px;
        text-align: center;
        margin-bottom: 25px;
    }

    .client-landing-page-btn {
        padding-bottom: 40px;
    }

    .banner-img {
        margin-top: 20px;
    }

    .event-info .choose-date {
        display: block;
        align-items: baseline;
        line-height: 20px;
    }

    .client-landing-page .choose-location {
        font-size: 15px;
        display: flex;
        align-items: baseline;
        line-height: 21px;
    }

    .client-event-img img {
        width: 100%;
        object-fit: cover;
    }

    .ticket_counter .status-container {
        width: 48%;
    }

    .ticket_counter {
        gap: 15px 10px;
        margin-top: 15px;
    }

    /* ---new css --- */
    .img-height {
        min-height: 100px;
    }

    .event-info img {
        height: 125px;
    }


    /* 20-06-2025 new css here===================================== */
    .custmEvntInfo.event-info img {
        height: 300px;
        object-fit: contain;
    }
    .custmEvntInfo .img-height{
padding: 10px;
    }

}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .seat-area li img {
        margin: 0;
        width: 34px;
    }

    .check-out .form-section {
        box-shadow: none;
    }

    .section-padding {
        padding: 40px 0;
        /* background: #fff; */
    }

    .seat-wrap {
        width: 100%;
        overflow-x: scroll;
    }

    .seat-area li {
        margin-bottom: 10px;
    }

    .event-banner img {
        height: 250px;
    }

    .main-heading {
        font-size: 20px;
    }

    .section-padding {
        padding: 40px 0;
    }

    .small-heading {
        font-size: 22px;
    }

    .second-main-heading {
        font-size: 20px;
    }

    .status-container li:not(:last-child) {
        margin-right: 100px;
    }

    .screen-img {
        margin-bottom: 50px;
    }

    .seat-area li img {
        width: 30px;
    }

    .seat-selection.a-row {
        margin-bottom: 60px;
    }

    .billing-table .table-top th {
        font-size: 20px;
    }

    .billing-table {
        padding: 30px;
    }

    .table-value {
        font-size: 22px;
    }

    .billing-table .table-top th {
        padding: 20px 0;
    }

    .table-value {
        padding-bottom: 20px !important;
    }

    .total-section td {
        font-size: 22px;
        padding-top: 20px !important;
    }

    .total-section .total-amount {
        font-size: 22px;
    }

    .botton-btn .btn {
        font-size: 20px;
    }

    .btn-large {
        min-width: 232px;
    }

    .ticket-table-bg img {
        height: 400px;
    }

    .tickets-table.billing-detail {
        /* height: 400px; */
        margin-bottom: 50px;
    }

    .billing-detail {
        margin-bottom: 10px;
    }

    #sponser-logo .owl-dots {
        margin-top: 35px;
    }

    .sponser-Carousel {
        margin-bottom: 20px;
    }

    .other-event .second-main-heading {
        margin-bottom: 45px;
        padding-top: 45px;
    }

    .footer-ph {
        padding-bottom: 40px;
    }

    .footer-bg {
        padding-top: 50px;
    }

    .footer-contact .list-inline-item:not(:last-child) {
        margin-right: 15px;
    }

    .footer-ph i {
        margin-right: 5px;
    }

    .secondary-footer {
        padding: 30px 0;
    }

    .seat-selection .seat-row {
        gap: 25px;
    }

    .bottom-btn .btn {
        font-size: 18px;
    }

    #sponser-logo .owl-dot span {
        height: 10px;
        width: 10px;
    }

    .date-picker {
        margin-bottom: 15px;
    }

    .map-section iframe {
        height: 300px;
    }

    .event-heading {
        font-size: 20px;
    }

    .card-body-top {
        min-height: 110px;
    }

    .seat-selection span {
        font-size: 18px;
    }

    /* ---------------------------check out start---------------- */
    .event-btn .btn {
        width: 250px;
        min-height: 57px;
        font-size: 18px;
    }

    .form-section .form-label {
        font-size: 14px;
    }

    .bottom-btn .btn {
        font-size: 21px;
    }

    .btn-large {
        min-width: 250px;
    }

    .check-out .event-info .main-heading {
        font-size: 19px;
    }

    .check-out .event-info img {
        height: 350px;
    }

    .order-summary .main-heading {
        font-size: 20px;
    }

    .order-summary .small-heading {
        font-size: 16px;
    }

    .order-summary .price-small-heading {
        font-size: 16px;
    }

    .form-field {
        font-size: 12px;
        height: 40px;
    }

    .order-summary {
        padding: 20px 25px 30px 25px;
    }

    .price .total-amount {
        font-size: 20px !important;
    }

    .event-btn .btn {
        width: 220px;
        min-height: 57px;
        font-size: 18px;
    }

    .bottom-btn .btn {
        font-size: 18px;
    }

    .check-out .date-picker .choose-date i {
        font-size: 16px;
    }

    .check-out .form-section {
        padding: 40px;
    }

    .form-section .bottom-btn .btn-green {
        height: 55px;
    }

    #floatingTextarea {
        height: 60px;
    }

    /* ---------------------------thank you page start---------------------------- */
    .thank-you .ticket-table-bg img {
        height: 250px;

    }

    .thank-you .billing-table .table-top th {
        font-size: 19px;
    }

    .thank-you .billing-table {
        padding: 30px;
    }

    .table-value {
        font-size: 22px;
    }

    .thank-you .billing-table .table-top th {
        padding: 15px 0;
    }

    .successfil-image i {
        font-size: 50px;
    }

    .thank-you {
        background-size: 460px;
        padding: 50px 0;
    }

    .successfull-ticket {
        font-size: 45px;
    }

    .primo-logo img {
        width: 100px;
    }

    .overlay {
        height: 100%;
    }

    .thank-you .billing-detail {
        height: 280px;
    }

    .thank-you .billing-table {
        padding: 30px;
    }

    .btn-final {
        min-width: 150px;
        height: 50px;
    }

    .thank-you-content br {
        display: none;
    }

    .table-value {
        padding-bottom: 12px !important;
    }

    .thank-you .billing-detail {
        width: 100%;
    }

    /* -----------------log in page start-------------------- */
    .madal-pop-up-form .modal-header {
        padding: 10px 20px;
    }

    .login-img {
        width: 290px;
        /* align-self: stretch; */
    }

    .madal-pop-up-form {
        max-width: 650px;
    }

    .login-img img {
        height: 100%;
    }

    .forgot-password a {
        font-size: 14px;
    }

    .form-check .form-check-label {
        font-size: 14px;
    }

    .log-in-register-form {
        padding: 30px 20px;
    }

    .madal-pop-up-form .modal-title {
        font-size: 25px;
    }

    .create-account,
    .create-account a {
        font-size: 14px;
    }

    .new-user,
    .new-user a {
        font-size: 14px;
    }

    .madal-pop-up-form {
        max-width: 500px;
    }

    /* -----------------------register start------------------- */
    .profile-image img {
        height: 87px;
        width: 87px;
    }

    .edit-icon {
        right: 4px;
    }

    .profile .user-name {
        font-size: 17px;
    }

    .admin-header .logo img {
        width: 100px;
    }

    .edit-name {
        font-size: 21px;
    }

    .user-name {
        font-size: 16px;
    }

    .edit-form {
        padding: 0px;
    }

    /* .profile-image{
    width: 67px;
    margin: 0 auto;
} */
    .edit-form {
        box-shadow: none;
        background: none;
    }

    .profile-image {
        width: 87px;
        margin: 0 auto;
    }

    /* ----------------------------my ticket start-------- */
    .ticket-table tr th,
    .ticket-table tbody tr td {
        padding: 12px 11px;
        line-height: 20px;
        font-size: 14px;
    }

    .ticket-table tr th,
    .ticket-table tbody tr td {
        padding: 12px 11px;
        line-height: 20px;
        font-size: 15px;
        white-space: nowrap;
    }

    .ticket-btn .btn {
        margin-right: 10px;
    }

    .profile .dropdown-menu {
        margin-top: 31px !important;
    }

    .register {
        background: none;
    }

    .ticket-table thead {
        background: #F7F7F7;
    }

    .my-ticket {
        background: none;
    }

    /* ---------------------landing page------------- */
    .landing-page {
        background-image: url(../images/bg-3.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: relative;
    }

    .landing-page .inner-landing {
        padding-left: 20px;
    }

    .landing-page .inner-landing {
        padding-left: 0;
    }

    .landing-page .bottom-btn .btn {
        min-width: 165px;
    }

    .logo img {
        width: 120px;
    }

    /* ---------------------landing page end------------- */
    /* ----------------order-detail start--------- */
    .total-amount {
        font-size: 19px;
        font-weight: 500;
    }

    .search-bar {
        width: 100%;
    }

    .header-search .form-control {
        font-size: 15px;
    }

    .input-group .btn {
        font-size: 15px;
    }

    .offcanvas-top {
        height: 120px;
    }

    .order-detail p {
        margin-bottom: 0;
        font-size: 15px;
    }

    .detail-btn .btn {
        min-width: 110px;
        height: 45px;
    }

    .order-detail-list {
        width: 100%;
    }

    /* .event-name br{
    display: none;
  } */
    .offcanvas-header {
        padding: 0.5rem 1rem;
    }

    /* ------client landing page start----- */
    .client-logo img {
        width: 70px !important;
    }

    .banner-img img {
        width: 40%;
    }

    .client-landing-page .second-main-heading {
        font-size: 30px;
        padding-top: 25px;
    }

    .client-landing-page p {
        font-size: 20px;
        text-align: center;
    }

    .client-landing-page p {
        margin-bottom: 30px;
    }

    .client-landing-page-btn {
        padding-bottom: 40px;
    }

    .banner-img {
        margin-top: 30px;
    }

    .event-info .choose-date {
        display: flex !important;
        align-items: baseline;
        line-height: 20px;
    }

    .client-landing-page .choose-location {
        font-size: 15px;
        display: flex;
        align-items: baseline;
        line-height: 21px;
    }

    .client-event-img img {
        width: 100%;
        object-fit: cover;
    }

    .ticket_counter .status-container {
        width: 48%;
    }

    .ticket_counter {
        gap: 15px 15px;
        margin-top: 15px;
    }

    
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .event-banner img {
        height: 300px;
    }

    .check-out .form-section {
        box-shadow: none;
    }

    .section-padding {
        padding: 40px 0;
        /* background: #fff; */
    }

    .date-picker {
        margin-bottom: 20px;
    }

    .seat-selection.a-row {
        margin-bottom: 70px;
    }

    .billing-table .table-top th {
        font-size: 25px;
    }

    .table-value {
        font-size: 23px;
    }

    .total-section td {
        font-size: 23px;
        padding-top: 22px !important;
    }

    .total-section .total-amount {
        font-size: 27px;
    }

    .billing-table {
        padding: 50px;
    }

    .sponser-Carousel {
        margin-bottom: 15px;
    }

    .section-padding {
        padding: 30px 0;
    }

    .other-event .second-main-heading {
        margin-bottom: 75px;
        padding-top: 55px;
    }

    /* .event-info img {
        height: 200px;
    } */
    /* ---new css --- */
    .img-height {
        min-height: 100px;
    }

    .event-info img {
        height: 125px;
    }

    .event-heading {
        font-size: 20px;
    }

    .seat-area {
        gap: 0px;
    }

    .event-price {
        padding: 3px 15px;
        top: 15px;
        left: 16px;
    }

    .card-body-top {
        min-height: 120px;
        padding: 15px;
    }

    .card-body-bottom {
        padding: 13px 15px;
    }

    #event-date .owl-nav {
        margin-top: 30px;
        padding-bottom: 60px;
    }

    .footer-bg {
        padding-top: 50px;
    }

    .footer-ph {
        padding-bottom: 50px;
    }

    .secondary-footer {
        padding: 30px 0;
    }

    .seat-selection .seat-row {
        gap: 40px;
    }

    .screen-img {
        margin-bottom: 80px;
    }

    .second-row {
        margin-bottom: 50px;
    }

    .second-main-heading {
        font-size: 28px;
    }

    .seat-selection span {
        font-size: 20px;
    }

    .seat-area li img {
        width: 25px;
    }

    .seat-selection .seat-row {
        gap: 48px;
    }

    .billing-detail {
        height: 450px;
        margin-bottom: 60px;
    }

    .ticket-table-bg img {
        height: 450px;
    }

    .small-heading {
        font-size: 32px;
    }

    .seat-num p {
        font-size: 20px;
        font-weight: 600;
    }

    .popover-body {
        font-size: 20px;
    }

    .main-heading {
        font-size: 30px;
    }

    /* ----------------------------------------check oout page start---------------------------- */
    .form-section .form-label {
        font-size: 14px;
    }

    .bottom-btn .btn {
        font-size: 21px;
    }

    .btn-large {
        min-width: 250px;
    }

    .check-out .event-info .main-heading {
        font-size: 19px;
    }

    .check-out .event-info img {
        height: 350px;
    }

    .order-summary .main-heading {
        font-size: 20px;
    }

    .order-summary .small-heading {
        font-size: 16px;
    }

    .order-summary .price-small-heading {
        font-size: 16px;
    }

    .form-field {
        font-size: 12px;
        height: 40px;
    }

    .order-summary {
        padding: 20px 25px 30px 25px;
    }

    .price .total-amount {
        font-size: 20px !important;
    }

    .event-btn .btn {
        width: 220px;
        min-height: 57px;
        font-size: 18px;
    }

    .bottom-btn .btn {
        font-size: 18px;
    }

    .check-out .date-picker .choose-date i {
        font-size: 16px;
    }

    .check-out .form-section {
        padding: 40px;
    }

    .form-section .bottom-btn .btn-green {
        height: 55px;
    }

    /* --------------------------thank you page start----------------------- */
    .successfil-image i {
        font-size: 60px;
    }

    .thank-you {
        background-size: 460px;
        padding: 50px 0;
    }

    .successfull-ticket {
        font-size: 70px;
    }

    .primo-logo img {
        width: 130px;
    }

    .overlay {
        height: 100%;
    }

    .thank-you .billing-detail {
        height: auto;
    }

    .thank-you .billing-table {
        padding: 30px;
    }

    .btn-final {
        min-width: 140px;
        height: 45px;
    }

    .profile-image {
        width: 117px;
        margin: 0 auto;
    }

    /* -------------------------------log in page start----------------------------- */
    .madal-pop-up-form .modal-header {
        padding: 7px 30px;
    }

    .login-img {
        width: 290px;
        /* align-self: stretch; */
    }

    .madal-pop-up-form {
        max-width: 650px;
    }

    .login-img img {
        height: 100%;
    }

    .forgot-password a {
        font-size: 14px;
    }

    .form-check .form-check-label {
        font-size: 14px;
    }

    .log-in-register-form {
        padding: 30px 30px;
    }

    .madal-pop-up-form .modal-title {
        font-size: 25px;
    }

    .create-account,
    .create-account a {
        font-size: 14px;
    }

    .new-user,
    .new-user a {
        font-size: 14px;
    }

    /* ---------------------------------------register-form-------------- */
    .register .edit-profile {
        height: 100%;
    }

    .edit-icon {
        right: 13px;
    }

    .edit-form {
        padding: 0px;
    }

    .edit-name {
        font-size: 25px;
    }

    .user-name {
        font-size: 20px;
    }

    .edit-form {
        box-shadow: none;
    }

    .admin-header .logo img {
        width: 100px;
    }

    .register {
        background: none;
    }

    /* ---------------------------my ticket start---------------- */
    .edit-form {
        padding: 30px 25px;
    }

    .ticket-table tr th,
    .ticket-table tbody tr td {
        padding: 12px 11px;
        line-height: 20px;
        font-size: 14px;
    }

    .ticket-table tr th,
    .ticket-table tbody tr td {
        padding: 12px 11px;
        line-height: 20px;
        font-size: 15px;
        white-space: nowrap;
    }

    .ticket-btn .btn {
        margin-right: 10px;
    }

    .profile .dropdown-menu {
        margin-top: 30px !important;
    }

    .edit-form {
        box-shadow: none;
        background: none;
    }

    .my-ticket {
        background: none;
    }

    /* ---------------------landing page------------- */
    .landing-page {
        background-image: url(../images/bg-3.png);
        background-repeat: no-repeat;
        background-position: top right;
        position: relative;
    }

    .landing-page .inner-landing {
        padding-left: 20px;
    }

    .logo img {
        width: 120px;
    }

    /* ---------------------landing page end------------- */
    /* ----------------order-detail start--------- */
    .total-amount {
        font-size: 24px;
        font-weight: 500;
    }

    .search-bar {
        width: 80%;
    }

    .header-search .form-control {
        font-size: 13px;
    }

    .input-group .btn {
        font-size: 13px;
    }

    .detail-btn .btn {
        min-width: 140px;
        height: 50px;
    }

    /* ------client landing page start----- */
    .client-logo img {
        width: 70px !important;
    }

    .banner-img img {
        width: 40%;
    }

    .client-landing-page .second-main-heading {
        font-size: 35px;
        padding-top: 30px;
    }

    .client-landing-page p {
        margin-bottom: 40px;
    }

    .client-landing-page-btn {
        padding-bottom: 60px;
    }

    .banner-img {
        margin-top: 40px;
    }

    .event-info .choose-date {
        display: flex !important;
        align-items: baseline;
        line-height: 20px;
    }

    .client-landing-page .choose-location {
        font-size: 15px;
        display: flex;
        align-items: baseline;
        line-height: 21px;
    }

    .client-event-img img {
        width: 100%;
        object-fit: cover;
    }

    .ticket_counter {
        gap: 15px 15px;
        margin-top: 15px;
    }
    /* new csss here 30-06-2025==== */
    .custmEvntInfo.event-info img {
        height: 300px;
        object-fit: contain;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .event-banner img {
        height: 450px;
    }

    .date-picker {
        margin-bottom: 40px;
    }

    .seat-selection.a-row {
        margin-bottom: 100px;
    }

    .billing-table .table-top th {
        font-size: 25px;
    }

    .table-value {
        font-size: 27px;
        text-transform: uppercase;
    }

    .total-section td {
        font-size: 23px;
        padding-top: 22px !important;
    }

    .total-section .total-amount {
        font-size: 27px;
    }

    .billing-table {
        padding: 50px;
    }

    .sponser-Carousel {
        margin-bottom: 40px;
    }

    .section-padding {
        padding: 50px 0;
    }

    .other-event .second-main-heading {
        margin-bottom: 75px;
        padding-top: 75px;
    }

    /* .event-info img {
        height: 200px;
    } */
    /* ---new css --- */
    .img-height {
        min-height: 100px;
    }

    .event-info img {
        height: 125px;
    }

    .event-heading {
        font-size: 20px;
    }

    .seat-area {
        gap: 0px;
    }

    .event-price {
        padding: 3px 15px;
        top: 15px;
        left: 16px;
    }

    .card-body-top {
        min-height: 120px;
        padding: 15px;
    }

    .card-body-bottom {
        padding: 13px 15px;
    }

    #event-date .owl-nav {
        margin-top: 30px;
        padding-bottom: 60px;
    }

    .footer-bg {
        padding-top: 50px;
    }

    .footer-ph {
        padding-bottom: 50px;
    }

    .secondary-footer {
        padding: 30px 0;
    }

    .seat-area li img {
        width: 40px;
    }

    .seat-selection .seat-row {
        gap: 48px;
    }

    .main-heading {
        font-size: 37px;
    }

    .billing-detail {
        margin-bottom: 65px;
    }

    .regiter-form {
        max-width: 908px;
    }

    /* -----------------------check out start ------------------- */
    .form-section .form-label {
        font-size: 14px;
    }

    .bottom-btn .btn {
        font-size: 21px;
    }

    .btn-large {
        min-width: 250px;
    }

    .check-out .event-info .main-heading {
        font-size: 19px;
    }

    .check-out .event-info img {
        height: 200px;
    }

    .order-summary .main-heading {
        font-size: 20px;
    }

    .order-summary .small-heading {
        font-size: 16px;
    }

    .order-summary .price-small-heading {
        font-size: 16px;
    }

    .form-field {
        font-size: 15px;
        height: 40px;
    }

    .order-summary {
        padding: 20px 25px 10px 25px;
    }

    .price .total-amount {
        font-size: 20px !important;
    }

    .event-btn .btn {
        width: 220px;
        min-height: 57px;
        font-size: 18px;
    }

    .bottom-btn .btn {
        font-size: 18px;
    }

    .check-out .date-picker .choose-date i {
        font-size: 16px;
    }

    .check-out .form-section {
        padding: 40px;
    }

    .form-section .bottom-btn .btn-green {
        height: 65px;
    }

    /* --------------------------thank you section start--------------------- */
    .successfil-image i {
        font-size: 80px;
    }

    .thank-you {
        background-size: 650px;
        padding: 50px 0;
    }

    .successfull-ticket {
        font-size: 70px;
    }

    .primo-logo img {
        width: 160px;
    }

    /* ---------------------------------------register-foorm-------------- */
    .register .edit-profile {
        min-height: 100%;
    }

    .edit-icon {
        right: 45px;
    }

    /* ---------------------------my ticket start---------------- */
    .edit-form {
        padding: 30px 25px;
    }

    .ticket-table .Status {
        width: 23%;
    }

    .ticket-table .price {
        width: 12%;
    }

    .ticket-table .event-date {
        width: 18%;
    }

    .ticket-table .event-name {
        width: 23%;
    }

    .ticket-table tr th,
    .ticket-table tbody tr td {
        padding: 12px 11px;
        line-height: 20px;
        font-size: 14px;
    }

    .ticket-table tr th,
    .ticket-table tbody tr td {
        padding: 12px 11px;
        line-height: 20px;
        font-size: 14px;
    }

    .ticket-btn .btn {
        margin-right: 10px;
    }

    .user-name {
        font-size: 20px;
    }

    .profile-image img {
        height: 87px;
        width: 87px;
    }

    /* ---------------------landing page------------- */
    .logo img {
        width: 120px;
    }

    /* ---------------------landing page end------------- */
    /* -----------------------order detail------------- */
    .total-amount {
        font-size: 23px;
        font-weight: 500;
    }

    .search-bar {
        width: 69%;
    }

    .detail-btn .btn {
        min-width: 140px;
        height: 50px;
        /* margin-right: 15px; */
    }

    .order-detail-list {
        width: 50%;
    }

    /* ------client landing page----- */
    .client-logo img {
        width: 80px !important;
    }

    .banner-img img {
        width: 45%;
    }

    .client-landing-page .second-main-heading {
        font-size: 41px;
        padding-top: 45px;
    }

    .client-landing-page p {
        margin-bottom: 50px;
    }

    .client-landing-page-btn {
        padding-bottom: 60px;
    }

    .banner-img {
        margin-top: 50px;
    }

    .ticket_counter {
        gap: 15px 15px;
    }
}

/* form accordion start */
.form-accordion .accordion-button {
    font-size: 16px;
}

.form-accordion .accordion-body .row:not(:last-child) {
    margin-bottom: 10px;
}

.form-check .form-check-label {
    line-height: 20px;
}

.form-accordion .accordion-body {
    padding: 15px 15px;
    margin-top: 20px;
}

.form-section .form-heading {
    font-size: 17px;
    line-height: 23px;
}

/* form accordion end */

/* form accordion start */
.form-accordion .accordion-button {
    font-size: 17px;
}

.form-accordion .accordion-body .row:not(:last-child) {
    margin-bottom: 10px;
}

.form-check .form-check-label {
    line-height: 20px;
}

.form-accordion .accordion-body {
    padding: 20px 20px;
    margin-top: 20px;
}

.form-section .form-heading {
    font-size: 17px;
    line-height: 25px;
}

/* form accordion end */

/* form accordion start */
.form-accordion .accordion-button {
    font-size: 17px;
}

.form-accordion .accordion-body .row:not(:last-child) {
    margin-bottom: 10px;
}

/* form accordion end */



/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1400.98px) {
    .billing-table .table-top th {
        font-size: 25px;
    }

    .table-value {
        font-size: 23px;
    }

    .total-section td {
        font-size: 23px;
        padding-top: 22px !important;
    }

    .total-section .total-amount {
        font-size: 27px;
    }

    .billing-table {
        padding: 50px;
    }

    .sponser-Carousel {
        margin-bottom: 40px;
    }

    .section-padding {
        padding: 50px 0;
    }

    .other-event .second-main-heading {
        margin-bottom: 80px;
        padding-top: 80px;
    }

    .card-body-top {
        padding: 20px;
    }

    #event-date .owl-nav {
        margin-top: 30px;
        padding-bottom: 80px;
    }

    .card-body-top {
        width: 100%;
        min-height: 130px;
    }

    /* --------------------------------------check-out start--------------------------- */
    .check-out .event-info .main-heading {
        font-size: 23px;
    }

    .form-section .form-heading {
        font-size: 17px;
    }

    .main-heading {
        font-size: 38px;
    }

    .form-section .form-label {
        font-size: 15px;
    }

    .check-out .date-picker .choose-date {
        font-size: 15px;
    }

    /* ---------------------------------------register-form-------------- */

    .edit-icon {
        right: 66px;
    }

    /* --------------------------my ticket start----------------------------- */
    .edit-form {
        padding: 30px 25px;
    }

    .ticket-table .Status {
        width: 23%;
    }

    .ticket-table .price {
        width: 12%;
    }

    .ticket-table .event-date {
        width: 20%;
    }

    .ticket-table .event-name {
        width: 26%;
    }

    .ticket-table tr th,
    .ticket-table tbody tr td {
        padding: 12px 11px;
        line-height: 20px;
        font-size: 14px;
    }

    .ticket-table tr th,
    .ticket-table tbody tr td {
        padding: 14px 11px;
        line-height: 29px;
        font-size: 17px;
    }

    .ticket-btn .btn {
        margin-right: 10px;
    }
}

/* // For 2k Monitors, (more than 1401 px) */
@media (min-width: 1401px) and (max-width: 1599.98px) {}

@media (min-width: 1600px) and (max-width: 2559.98px) {}

@media (min-width: 2560px) {}