@media(max-width: 1799.98px) {
        .upload-img-box {
            width: 100%;
            height: 99px;
        }
        .finance-details-amount ul {
            gap: 12px;
        }
            .finance-details-amount ul li {
                padding-right: 12px;
            }
        .finance-details ul.finance-details-list {
            gap: 24px;
        }
        .checkout-box ul.chekout-box-list li:first-child {
            width: 100%;
            margin-right: 0;
            margin-bottom: 8px;
        }
        .checkout-box ul.chekout-box-list li:nth-child(2) {
            width: 43%;
        }
        .checkout-box ul.chekout-box-list li:last-child {
            width: 18%;
        }
        .checkout-box ul.chekout-box-list {
            flex-wrap: wrap;
        }
            /*    .section-occ-price-container .section-occ-price-item .ctm-form .form-control {
        width: 75px;
    }

    .section-occ-price-container .section-occ-price-item .ctm-form .form-select {
        width: 75px;
    }*/
        }

@media(max-width: 1599.98px) {
    .upload-img-row ul li {
        width: 33.33333333%;
    }

    .upload-img-box {
        height: 135px;
    }

    .file-upload-list ul li {
        width: 33.33333333%;
    }

    .preffered-method .ctm-check-1 .form-check-label {
        font-size: 14px;
    }

    .finance-details-amount ul li {
        padding-right: 24px;
        width: 48%;
    }

        .finance-details-amount ul li:nth-child(2) {
            border-right: none;
        }

    .finance-details-amount ul {
        gap: 16px;
        flex-wrap: wrap;
    }

        .finance-details-amount ul li:nth-last-child(-n+2) {
            border-right: 1px solid var(--resPrimary);
            padding-right: 24px;
        }

        .finance-details-amount ul li:last-child {
            border-right: 0;
            padding-right: 0;
        }
    .finance-details ul.finance-details-list {
        flex-wrap: wrap;
        row-gap: 0;
    }
    .checkout-box ul.chekout-box-list li:nth-child(2) {
        width: 50%;
    }
    .checkout-box ul.chekout-box-list li:nth-child(3) {
        width: 44%;
        margin-right: 0;
    }
    .checkout-box ul.chekout-box-list li:last-child {
        width: 100%;
        margin-top: 12px;
    }
}

    @media(max-width: 1399.98px) {
        .arrival-row .col-xl-4 {
            width: 38%;
        }

            .arrival-row .col-xl-4:last-child {
                width: 24%;
            }

        .dates-row .col-xl-2 {
            width: 20%;
        }

            .dates-row .col-xl-2:nth-child(3) {
                width: 10%;
            }

        .contact-row .col-xl-1 {
            width: 10.33333333%;
        }

        .contact-row .col-xl-3 {
            width: 23%;
        }

        .currencies-row .col-xl-3.text-end .res-btn-primary,
        .currencies-row .col-xl-3.text-end .add-btn {
            min-width: 96px;
        }

        .quotations-row .col-xl-2 {
            width: 25%;
        }

        .quotations-row .col-xl-4 {
            width: 50%;
        }

        .chargeable-row .col-12 .ctm-form:nth-last-child(2) .form-control {
            min-width: 350px;
        }

        .concierge-row {
            flex-wrap: wrap;
        }

        .not-found-cnt h1, .not-authorized h1 {
            font-size: 42px;
        }

        .logo-top {
            padding: 50px 0;
        }

        .checkout-process {
            padding: 0 0 100px;
        }

        .checkout-process-box {
            padding: 50px;
        }

        .checkout-heading h2 {
            font-size: 36px;
            margin-bottom: 30px;
        }

        .booking-summary-cnt {
            padding: 30px 14% 0;
        }

            .booking-summary-cnt h3 {
                font-size: 36px;
            }

        .booking-details {
            padding: 30px 0;
        }

        .personal-info-heading h2 {
            font-size: 36px;
            margin-bottom: 30px;
        }

        .personal-info-heading h3 {
            font-size: 36px;
        }

        .personal-info-form .gx-6 {
            --bs-gutter-x: 50px;
        }

        .booking-tms-cnt {
            padding: 40px 10%;
        }

        .payment-opt .gx-7 {
            --bs-gutter-x: 90px;
        }

        .booking-confirm-cnt {
            padding: 0 14% 25px;
        }

            .booking-confirm-cnt h2 {
                font-size: 36px;
            }

            .booking-confirm-cnt h3 {
                font-size: 36px;
            }

        .upload-img-box {
            height: 100%;
        }
        .upload-img-row ul li {
            width: 50%;
        }

        .preffered-method .ctm-check-1 {
            display: block;
        }

            .preffered-method .ctm-check-1 .form-check:first-child {
                margin-right: 0px;
                margin-bottom: 10px;
            }

        .preffered-method {
            margin-top: 13px;
            margin-bottom: 20px;
        }

        .res-calender-list {
            column-gap: 22px;
        }
        .checkout-box ul.chekout-box-list li:nth-child(2) {
            width: 100%;
            margin-right: 0;
            margin-bottom: 12px;
        }
        .checkout-box ul.chekout-box-list li:nth-child(3) {
            width: 100%;
        }
        .finance-details ul.finance-details-list {
            gap: 16px;
        }
        .finance-details ul.finance-details-list li {
            width:48%;
        }
   }

    @media(max-width: 1299.98px) {
        .collection-table .ctm-table .dataTables_paginate ul.pagination {
            flex-wrap: wrap;
            justify-content: center;
        }

        .collection-table .col-sm-12.col-md-5 {
            width: 100%;
            text-align: center;
        }

        .collection-table .col-sm-12.col-md-7 {
            width: 100%;
        }

        .concierge-row .ctm-form:nth-last-child(3) .form-control {
            max-width: 165px;
        }

        .concierge-row .ctm-form:nth-last-child(2) .form-control {
            min-width: 368px;
        }
    }

    @media(max-width: 1199.98px) {
        .lg-mt-20 {
            margin-top: 20px;
        }

        .lg-mb-20 {
            margin-bottom: 20px;
        }

        .arrival-row .col-xl-4 {
            width: 33.33333333%;
        }

            .arrival-row .col-xl-4:last-child {
                width: 33.33333333%;
            }

        .dates-row .col-xl-2 {
            width: 45%;
        }

            .dates-row .col-xl-2:nth-child(3) {
                width: 10%;
            }

        .contact-row .col-xl-1 {
            width: 13.33333333%;
        }

        .contact-row .col-xl-3 {
            width: 20%;
        }

        .res-btn-primary, .add-btn {
            min-width: 100px;
        }

        .logo-top img {
            height: 30px;
        }

        .collection-table .col-sm-5.col-md-6 {
            width: 100%;
        }

        .collection-table .col-sm-7.col-md-6 {
            width: 100%;
        }

        .collection-table .ctm-table .data-tables-length {
            justify-content: center;
        }

        .collection-table .ctm-table .data-tables-filter {
            justify-content: center !important;
            margin-bottom: 15px;
            flex-wrap: wrap;
        }

        .chargeable-row .col-12 .ctm-form:nth-last-child(2) .form-control {
            min-width: 210px;
        }

        .concierge-row .ctm-form:nth-last-child(3) .form-control {
            max-width: 130px;
        }

        .concierge-row .ctm-form:nth-last-child(2) .form-control {
            min-width: 227px;
        }

        .booking-details-label {
            margin-left: 25%;
        }

        .booking-summary-cnt {
            padding: 30px 7% 0;
        }

        .booking-reject .form-control {
            font-size: 20px;
        }

        .checkout-form label {
            font-size: 20px;
        }

        .checkout-form .form-control, .checkout-form .form-select {
            font-size: 20px;
            min-height: 50px;
            padding: 7px 25px;
        }

        .personal-info-heading {
            padding: 0 5%;
        }

        .personal-info-form .gx-6 {
            --bs-gutter-x: 30px;
        }

        .payment-schedule-label {
            margin-left: 30%;
        }

        .booking-tms-cnt {
            padding: 40px 3%;
            max-height: 1000px;
        }

        .booking-confirm-cnt {
            padding: 0 7% 25px;
        }

        .checkout-img {
            margin: 50px 0 0;
        }

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

        .upload-img-row ul li {
            width: 50%;
        }

        .upload-img-box {
            height: 108px;
        }

        .res-calender-list {
            column-gap: 24px;
        }

        .res-calender-list-box {
            width: calc(50% - 48px);
        }
        .search-header .d-md-flex.align-items-center {
            margin-bottom:15px;
        }
        .preffered-method .ctm-check-1 {
            display: flex;
        }
        .preffered-method {
            margin-top: 30px;
            margin-bottom: 20px;
        }
        .preffered-method .ctm-check-1 .form-check:first-child {
            margin-right: 12px;
            margin-bottom: 0;
        }
        .finance-details ul.finance-details-list li {
            width: 23%;
        }
        .finance-details-amount ul li {
            padding-right: 16px;
            width: 31%;
        }
        .finance-details-amount ul li:nth-child(2) {
            border-right: 1px solid var(--resPrimary);
        }
            .finance-details-amount ul li:nth-last-child(-n+2) {
                border: none;
            }
        .finance-details-list .w-lg-31 {
            width: 31%!important;
        }
        .checkout-box {
            height: auto;
        }
        .mb-lg-3 {
            margin-bottom:16px;
        }
    }

    @media(max-width: 991.98px) {
        .header-profile {
            margin-left: auto;
        }

        .sidebar.close .sub-menu {
            display: block;
        }

        .text-end-md {
            text-align: right;
        }

        .contact-row .col-xl-1 {
            width: 50%;
        }

        .contact-row .col-xl-3 {
            width: 50%;
        }

        .md-mb-20 {
            margin-bottom: 20px;
        }

        .sidebar {
            width: 0px;
            top: 60px;
            background: transparent;
        }

            .sidebar.close {
                width: 225px;
            }

                .sidebar.close:hover {
                    width: 225px;
                }

            .sidebar .logo-header {
                display: none;
            }

            .sidebar.close:hover ~ .header {
                width: calc(100% - 0px);
                margin-left: 0px;
            }

            .sidebar.close .logo-header a {
                display: block;
            }

            .sidebar.close ~ .main-section {
                width: calc(100% - 0px);
                margin-left: 0px;
            }

            .sidebar.close:hover ~ .main-section {
                width: calc(100% - 0px);
                margin-left: 0px;
            }

            .sidebar.close .side-menu {
                overflow: auto;
                background-color: #1b1e24;
            }

            .sidebar.close .nav-links {
                margin-top: 0px;
            }

            .sidebar.close ~ .header {
                width: calc(100% - 0px);
                margin-left: 0px;
            }

            .sidebar.close .side-menu:hover .nav-links li .nav-text {
                display: block;
            }

            .sidebar.close:hover .side-menu ul li {
                padding: 0 14px;
            }

            .sidebar.close .side-menu .user-box {
                display: flex;
            }

            .sidebar.close ul.nav-links ul li a {
                padding: 5px 15px 5px 37px;
            }

            .sidebar .dropdown-item:after {
                left: 15px;
            }

            .sidebar.close .dropdown-menu.show {
                position: relative !important;
                left: 0 !important;
            }

            .sidebar.close .dropdown-menu.show {
                display: block;
            }

            .sidebar.close ul li a.dropdown-toggle::after {
                display: block;
            }

            .sidebar.close .side-menu:hover ul li a.dropdown-toggle::after {
                display: block;
            }

            .sidebar.close ul li a i {
                margin-left: unset;
                margin-right: 15px;
            }

            .sidebar.close .nav-links li .nav-text {
                display: block;
            }

            .sidebar .logo-header {
                width: max-content;
                background-color: var(--colorWhite);
            }

                .sidebar .logo-header a i {
                    color: #6a707e;
                }


        .header .menu-icon a img {
            filter: brightness(0) invert(1);
        }

        .header .logo-md {
            display: block;
            margin: 0 auto;
            padding-right: 0px;
        }

        .header .menu-icon a i {
            color: var(--colorWhite);
        }

        .header {
            background-color: #293958;
            padding: 12px 8px;
            width: calc(100% - 0px);
            margin-left: 0px;
        }

        .header-profile ul {
            text-align: right;
        }

        .header .profile-menu ul.dropdown-menu {
            margin-top: 10px !important;
        }

        .main-section {
            width: calc(100% - 0px);
            margin-left: 0px;
        }

        .thm-btn-3, .thm-btn-4, .thm-btn-5 {
            font-size: 16px;
            padding: 11px 30px 13px;
            letter-spacing: 1px;
        }

        .checkout-process {
            padding: 0 0 80px;
        }

        .logo-top {
            padding: 40px 0;
        }

        .checkout-process-box {
            padding: 30px;
        }

        .checkout-heading h2 {
            font-size: 32px;
        }

        .booking-summary-cnt h3 {
            font-size: 30px;
        }

        .booking-summary-cnt h3 {
            font-size: 30px;
        }

        .booking-summary-cnt p {
            font-size: 18px;
        }

        .booking-details {
            padding: 30px 0 15px;
        }

            .booking-details h4 {
                font-size: 28px;
            }

        .booking-details-label {
            margin-left: 0%;
        }

        .booking-details-label {
            font-size: 18px;
        }

        .booking-details-info {
            font-size: 18px;
        }

        .checkout-checkbox .form-check-label {
            font-size: 18px;
            margin-left: 40px;
        }

        .personal-info-heading h2 {
            font-size: 32px;
        }

        .personal-info-heading h3 {
            font-size: 30px;
        }

        .personal-info-heading p {
            font-size: 18px;
        }

        .personal-info-heading {
            padding: 0;
        }

        .checkout-form label {
            font-size: 18px;
        }

        .checkout-form .form-control, .checkout-form .form-select {
            font-size: 18px;
            min-height: 50px;
        }

        .payment-schedule {
            padding: 30px 0 15px;
        }

            .payment-schedule h4 {
                font-size: 30px;
                margin: 30px 0;
            }

        .payment-due-label {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .payment-price {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .payment-due-dates {
            font-size: 18px;
            margin-bottom: 15px;
        }

        .payment-schedule-btm p {
            font-size: 18px;
        }

        .booking-tms-cnt {
            padding: 30px 15px;
            max-height: 768px;
        }

            .booking-tms-cnt p {
                font-size: 18px;
            }

            .booking-tms-cnt h6 {
                font-size: 26px;
            }

        .payment-opt .gx-7 {
            --bs-gutter-x: 24px;
        }

        .payment-opt {
            margin-bottom: 30px;
        }

        .payment-opt-cnt p {
            font-size: 18px;
        }

        .booking-confirm-cnt h2 {
            font-size: 32px;
            margin-bottom: 30px;
        }

        .booking-confirm-cnt h3 {
            font-size: 32px;
        }

        .booking-confirm-cnt p {
            font-size: 18px;
        }

        .booking-reject .form-control {
            font-size: 18px;
        }

        .upload-img-box {
            height: 100%;
        }

        .checkout-footer {
            padding: 20px 0;
        }

            .checkout-footer p {
                font-size: 18px;
            }
    }

    @media(max-width: 767.98px) {

        .sidebar.close {
            width: 225px;
        }


        .mt-sm {
            margin-top: 0;
        }

        .dates-row .col-xl-2 {
            width: 43%;
        }

            .dates-row .col-xl-2:nth-child(3) {
                width: 14%;
            }


        .quotations-row .col-xl-2 {
            width: 50%;
        }

        .quotations-row .col-xl-4 {
            width: 100%;
        }

        .sm-mb-20 {
            margin-bottom: 20px;
        }

        .sec-heading h3 {
            font-size: 20px;
        }

        .sec-heading h5 {
            font-size: 20px;
        }

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

        .data-tables-info {
            text-align: center;
        }

        .ctm-table .dataTables_paginate ul.pagination {
            justify-content: center;
            flex-wrap: wrap;
        }

        .not-found-cnt h1,
        .not-authorized h1 {
            font-size: 38px;
        }

        .side-menu .user-box {
            padding: 30px 15px 15px;
        }

        .header {
            padding: 12px 3px;
        }

        .toast {
            margin: 15px;
        }

        .main-content {
            margin: 15px;
        }

        .page-body {
            padding: 15px;
        }

        .page-back a {
            font-size: 16px;
        }

            .page-back a i {
                font-size: 18px;
            }

        .page-title-bg {
            padding: 10px 3px;
        }

        .page-title h4 {
            font-size: 16px;
        }

        .page-card-bg {
            padding: 15px;
        }

        .page-card-heading h5 {
            font-size: 14px;
        }

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

        .ctm-tabs .nav-tabs .nav-link {
            padding: 10px 20px;
        }

        .preffered-method .ctm-check-1 {
            display: flex;
        }

        .preffered-method {
            margin-bottom: 15px;
        }

            .preffered-method .ctm-check-1 .form-check:first-child {
                margin-right: 15px;
                margin-bottom: 0px;
            }

        .ctm-tabs .tab-body {
            padding: 15px;
        }

        .chargeable-row .col-12 {
            display: block;
        }

            .chargeable-row .col-12 .ctm-form .form-select {
                width: 100%;
            }

        .checkout-process {
            padding: 0 0 50px;
        }

        .logo-top {
            padding: 30px 0;
        }

        .checkout-heading h2 {
            font-size: 28px;
        }

        .booking-summary-cnt {
            padding: 30px 0% 0;
        }

            .booking-summary-cnt h3 {
                font-size: 24px;
            }

            .booking-summary-cnt p {
                font-size: 16px;
            }

        .booking-details-info {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .booking-details h4 {
            font-size: 24px;
            margin-bottom: 20px;
        }

        .checkout-checkbox .form-check-input {
            margin-top: 1px;
        }

        .checkout-checkbox .form-check-label {
            font-size: 16px;
        }

        .payment-schedule h4 {
            font-size: 24px;
            margin: 30px 0;
        }

        .payment-price {
            font-size: 16px;
        }

        .payment-due-dates {
            font-size: 16px;
        }

        .personal-info-heading h2 {
            font-size: 28px;
        }

        .personal-info-heading h3 {
            font-size: 24px;
        }

        .personal-info-heading p {
            font-size: 16px;
        }

        .payment-schedule-label {
            font-size: 18px;
            margin-left: 0%;
        }

        .payment-schedule-price {
            font-size: 16px;
            margin-left: 0%;
        }

        .payment-schedule-btm {
            margin-bottom: 30px;
        }

            .payment-schedule-btm p {
                font-size: 16px;
            }

        .booking-tms-cnt {
            max-height: 576px;
            margin-bottom: 30px;
        }

            .booking-tms-cnt p {
                font-size: 16px;
            }

            .booking-tms-cnt h6 {
                font-size: 22px;
            }

        .payment-opt {
            padding: 30px 0 0;
        }

            .payment-opt .gx-7 {
                --bs-gutter-x: 0px;
            }

        .payment-opt-cnt {
            margin-bottom: 30px;
        }

            .payment-opt-cnt p {
                font-size: 16px;
            }

        .booking-confirm-cnt {
            padding: 0 0% 5px;
        }

            .booking-confirm-cnt h2 {
                font-size: 28px;
            }

            .booking-confirm-cnt h3 {
                font-size: 28px;
            }

            .booking-confirm-cnt p {
                font-size: 16px;
            }

        .booking-reject .form-control {
            font-size: 16px;
        }

        .checkout-img {
            margin: 40px 0 0;
        }

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

            .checkout-footer p {
                font-size: 16px;
            }

        .upload-img-row ul li {
            width: 100%;
        }
        .upload-img-item {
            padding: 15px;
        }

        .upload-img-remove {
            padding: 15px;
        }

            .upload-img-box img {
                border-radius: 10px;
            }

        .file-upload-list ul li {
            width: 50%;
        }

        .upload-img-remove .upload-img-remove-cnt button {
            min-width: 74px;
        }

        .availability-header h5 {
            margin-bottom: 15px !important;
        }

        .availability-header .ctm-form {
            width: 100%;
        }

        .availability-header .d-flex {
            justify-content: center !important;
        }

        .availability-header h5 {
            text-align: center;
        }
        .sm-mt-20 {
            margin-top:20px;
        }
        .finance-details ul.finance-details-list li {
            width: 48%;
        }
            .finance-details ul.finance-details-list li .text-end {
                text-align: left !important;
            }
        .finance-details-amount ul li {
            padding-right: 16px;
            width: 48%;
        }
            .finance-details-amount ul li:nth-child(2) {
                border-right: none;
            }
            .finance-details-amount ul li:nth-last-child(2) {
                border-right:1px solid var(--resPrimary);
            }
        .finance-details-list .w-lg-31 {
            width: 48% !important;
        }
        .checkout-box {
            margin-top: 24px;
        }

    }

    @media(max-width: 575.98px) {
        .xs-mt-20 {
            margin-top:20px;
        }
        .xs-mb-20 {
            margin-bottom: 20px;
        }

        .arrival-row .col-xl-4 {
            width: 100%;
        }

            .arrival-row .col-xl-4:last-child {
                width: 100%;
            }

        .dates-row .col-xl-2 {
            width: 100%;
        }

            .dates-row .col-xl-2:nth-child(3) {
                width: 100%;
            }

        .dates-row .mt-btn-31 {
            margin-top: 0px;
            margin-bottom: 20px;
        }

        .contact-row .col-xl-1 {
            width: 100%;
        }

        .contact-row .col-xl-3 {
            width: 100%;
        }

        .xs-mb-20 {
            margin-bottom: 20px;
        }

        .page-title-bg.properties-header .col-sm-8 {
            order: unset;
            width: 50%;
        }

        .page-title-bg.properties-header .col-sm-4 {
            width: 50%;
        }

        .ctm-table .data-tables-length {
            justify-content: center;
        }

        .ctm-table .data-tables-filter {
            justify-content: center !important;
            margin-bottom: 15px;
            flex-wrap: wrap;
        }

        .enquiry-col .col-xxl-2 {
            width: 50%;
        }

        .booking-details-row .ctm-villa-box {
            display: block;
        }

            .booking-details-row .ctm-villa-box .ctm-villa-box-img img {
                width: 100%;
                height: auto;
            }

        .concierge-row {
            display: block;
        }

            .concierge-row .ctm-form .form-select {
                width: 100%;
                margin: 20px 0 0;
            }

            .concierge-row .villa-select-dropdown {
                margin-bottom:20px;
            }


        .concierge-row .ctm-form .dropdown-menu {
            min-width: 100%;
        }

            .concierge-row .ctm-form:nth-last-child(3) .form-control {
                width: 100%;
                max-width: 100%;
                margin-bottom: 20px;
            }

            .concierge-row .ctm-form:nth-last-child(2) .form-control {
                width: 100%;
                margin-bottom: 20px;
            }

        .not-found-cnt h1,
        .not-authorized h1 {
            font-size: 32px;
        }

        .not-found-cnt p,
        .not-authorized p {
            font-size: 16px;
        }

        
        .page-back a {
            justify-content: center;
            margin-bottom: 15px;
        }


        .logo-top {
            padding: 20px 0;
        }

        .checkout-process-box {
            padding: 20px;
        }

        .checkout-heading h2 {
            font-size: 26px;
        }

        .booking-summary-cnt {
            padding: 20px 0% 0;
        }

            .booking-summary-cnt h3 {
                font-size: 22px;
                margin-bottom: 20px;
            }

            .booking-summary-cnt p {
                margin-bottom: 20px;
            }

        .booking-details {
            padding: 20px 0 5px;
        }

            .booking-details h4 {
                font-size: 22px;
            }

        .checkout-checkbox .form-check {
            padding: 20px 0;
        }

        .payment-schedule h4 {
            font-size: 22px;
            margin: 20px 0;
        }

        .personal-info-heading h2 {
            font-size: 26px;
            margin-bottom: 20px;
        }

        .personal-info-heading h3 {
            font-size: 22px;
            margin-bottom: 20px;
        }

        .personal-info-form {
            padding: 20px 0 0;
        }

        .payment-schedule {
            padding: 20px 0 5px;
        }

        .payment-schedule-btm {
            padding: 20px 0;
            margin-bottom: 20px;
        }

        .booking-tms-cnt {
            padding: 20px 12px;
            margin-bottom: 20px;
        }

            .booking-tms-cnt h6 {
                font-size: 20px;
            }

        .payment-opt {
            padding: 20px 0 0;
        }

        .payment-opt-cnt {
            margin-bottom: 20px;
        }

            .payment-opt-cnt p {
                margin-bottom: 20px;
            }

        .booking-confirm-cnt h2 {
            font-size: 26px;
            margin-bottom: 20px;
        }

        .booking-confirm-cnt h3 {
            font-size: 26px;
            margin-bottom: 20px;
        }

        .checkout-form .form-control, .checkout-form .form-select {
            padding: 7px 15px;
        }

        .booking-reject {
            margin-top: 20px;
            padding: 20px 0 0;
        }

            .booking-reject .thm-btn-4 {
                margin-bottom: 20px;
            }

            .booking-reject .thm-btn-5 {
                margin-top: 20px;
            }

        .checkout-img {
            margin: 30px 0 0;
        }

        .upload-img-row ul li {
            width: 100%;
        }

            .upload-img-box img {
                border-radius: 20px;
            }

        .file-upload-list ul li {
            width: 100%;
        }

        .upload-img-remove .upload-img-remove-cnt button {
            margin: 0px 2px;
            min-width: 70px;
        }
        .page-btn {
            text-align: center;
        }
        .page-title h4 {
            text-align: center;
        }
        .page-title-bg .text-sm-end .add-btn {
            margin-top: 15px;
        }
        .preffered-method {
            margin-top: 0px;
        }
        .xs-mb-20 {
            margin-bottom:20px;
        }
        .page-btn .add-btn {
            margin-top:15px;
        }
        .finance-details ul.finance-details-list {
            gap: 0px;
        }
            .finance-details ul.finance-details-list li {
                width: 100%;
            }
        .finance-details-amount ul li {
            padding-right: 0;
            width: 100%;
            border: none;
        }
            .finance-details-amount ul li:nth-last-child(2) {
                border-right: none;
                padding-right: 0;
            }
        .finance-details-list .w-lg-31 {
            width: 100% !important;
        }
        .mb-xs-3 {
            margin-bottom:16px;
        }
    }

    @media(max-width: 465px) {
        .upload-img {
            display: block;
        }

        .upload-img-box {
            margin-bottom: 10px;
        }

        .upload-img-checklist {
            display: inline-flex;
        }
    }



    @media(max-width: 420px) {
        .toast {
            max-width: 290px;
        }

        .step-btn {
            display: block;
            text-align: center;
        }

            .step-btn .thm-btn-3 {
                display: block;
                margin: 0 auto;
            }

            .step-btn .thm-btn-4 {
                display: block;
                margin: 0 auto 15px;
            }
    }

    @media(max-width: 375px) {
        .login-box {
            width: 90%;
        }
    }

    @media(max-width: 359px) {
        .res-calender-list-box {
            min-width: 230px;
        }

        .res-calender-list-box .calendar {
            width: 230px;
        }

        .res-calender-list-box .calendar-day {
            width: 28px;
        }

        .hold-before::before,
        .hold-after::after,
        .calendar-day.selected-to-booked-vc-partial:after,
        .calendar-day.selected-from-booked-vc-partial:before,
        .calendar-day.calendar-day.selected-from-booked-vc-partial:after,
        .calendar-day.selected-to-booked-vc-partial:before,
        .calendar-day.selected-from-booked-partial:before,
        .calendar-day.calendar-day.selected-from-booked-partial:after,
        .calendar-day.selected-to-booked-partial:before,
        .calendar-day.selected-to-booked-partial:after,
        .calendar-day.selected-from-on-hold-partial:before,
        .calendar-day.calendar-day.selected-from-on-hold-partial:after,
        .calendar-day.selected-to-on-hold-partial:after,
        .calendar-day.selected-from-available-partial:before,
        .calendar-day.calendar-day.selected-from-available-partial:after,
        .calendar-day.selected-to-available-partial:before,
        .calendar-day.selected-to-available-partial:after,
        .booked-after::after,
        .booked-before::before,
        .booked-vc-before::before,
        .booked-vc-after::after,
        .hold-before::before,
        .hold-after::after,
        .available-before::before,
        .available-after::after,
        .on-hold-before::before,
        .on-hold-after::after,
        .selected-booked-before::before,
        .selected-booked-after::after,
        .selected-booked-vc-before::before,
        .selected-booked-vc-after::after,
        .selected-hold-before::before,
        .selected-hold-after::after,
        .selected-available-before::before,
        .selected-available-after::after,
        .selected-on-hold-before::before,
        .selected-on-hold-after::after {
            width: 28px;
        }
    }