/*meida query check-out page*/
@media screen and (max-width: 1199px) {

    .check-out_col-8_fvh,
    .check-reservation-module-fvh {
        width: 100%;
    }

    .cust-modal-dialog_center-check-fvh {
        width: 60%;
    }
}

@media screen and (max-width: 840px) {


    .check-date_divi-fvh {
        width: 60%; /*25%;*/
    }

    .reservatation-1 {
        display: none;
    }

    .reservatation-2 {
        display: block;
    }

    .check-out-1 form div label {
        text-align: left;
        width: 100%;
    }

    .check-foot h4 {
        text-align: left;
    }

    .check-foot span,
    .check-foot a {
        display: block;
        text-align: justify;
    }

    .paycard-select {
        text-align: left;
    }

    .credit-name label {
        text-align: left;
        width: 100%;
    }

    .credit-name input {
        width: 65%;
    }

    .paycard-details>.row .col-md-4 label {
        text-align: left;
        width: 100%;
    }

    .paypal-head {
        text-align: left;
    }

    .paypal-description {
        text-align: left;
    }

    .cust-checkout>div>.col-md-4 {
        width: 100%;
    }

    .reservation-head h4 {
        margin-top: 5px;
    }

    .fotr-hed-info {
        text-align: left;
        margin-left: 10px;
    }

    .left-cont-head {
        height: 100%;
        display: flex;
        width: 100%;
        align-items: center;
    }

    .mobile-head-reservation {
        display: flex;
        justify-content: space-between;
    }

    .left-cont-head>p span,
    .left-cont-head>p strong,
    .left-cont-head>p i {
        margin-right: 5px;
    }

    .expected-chrg {
        display: flex;
        flex-direction: column;
        margin-bottom: 5px;
    }

    .reservation-head h4 {
        font-size: 19px;
        font-weight: 400;
        padding: 14px 0px;
        font-family: 'Raleway';
    }

    .reservation-bill {
        display: block;
    }
}


/* #accordionExample .accordion-item.chackout-header .accordion-item.chackout-header {
    display: flex;
    justify-content: space-between;
} */
@media screen and (max-width: 768px) {
    .cust-modal-dialog_center-check-fvh {
        width: 50%;
    }

    .cust-modal-dialog-check-fvh {
        margin: 0rem 8.5rem;
    }
    #checkout-form div {
        width: 100%;
    }
}

@media screen and (max-width: 840px) {
    .mobile-exp-fees {
        display: flex;
        flex-direction: column;
        margin-bottom: 5px;
    }
}

.expected-amount p {
    font-size: 16px;
    color: var(--black);
    font-family: emoji;
    font-weight: 600;
    padding-left: 30px;
}

.cstm_col-md-4 .expected-amount p {
    padding-left: 0px;
    text-align: right;
}

@media screen and (max-width: 430px) {
    
    .price-summary strong {
        margin-left: 50px;
    }

    .details-summary>div .col-md-4 {
        width: 57%;
    }

    .cust-modal-dialog_center-check-fvh {
        width: 90%;
    }

    .cust-modal-dialog-check-fvh {
        margin: 0rem 1.25rem;
    }

/*
    #checkout-form div {
        width: 100%;
    } */

    .left-cont-head {
        justify-content: center;
        flex-wrap: wrap;
    }

    .check-date_divi-fvh {
        width: 60%;
    }

    .mobile-exp-fees {

        flex-direction: row;

    }

    .cust-checkout>.check-out_row_fvh {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .check-out_width,
    #exp-wrapper {
        width: 100%;
    }

    .check-out_payement-divi_fvh {
        flex-direction: column;
    }

    .check-ml {
        margin-left: 0px;
    }

    .credit-name input {
        width: 100%;
    }



}