/***#BookNowSlide{
    overflow: hidden;
}
@media (min-aspect-ratio: 1 / 1) {
    #bookingIntroOverlay .header-logo {
        margin: 0px;
        padding: 0px 0px 20px 0px !important;
    }
    #bookingIntroOverlay .overlayIntro {
        padding: 20px 10px !important;
        margin-bottom: 0px;
    }
    #bookingIntroOverlay .overlay-text p {
        padding-bottom: 15px !important;
    }
}
#BookNowSlide .month-calendar {
    width: 280px !important;
    max-width: 280px !important;
}
#BookNowSlide .day-cell {
    width: 28px!important;
    height: 28px!important;
    font-size: 13px;
}
#BookNowSlide .calendar-days-grid {
    max-width: 260px !important;
}
#BookNowSlide .appointmentBox .bookAppointment .bookInfo {
    height: calc((var(--vh, 1vh) * 100) - 200px) !important;
}
#BookNowSlide .appointmentBox {
    height: calc((var(--vh, 1vh) * 100) -10px);
}
#BookNowSlide #bookInfoDivWrapper{overflow-x:hidden;}
#BookNowSlide .finalpage{
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 65px);
    padding: 0px 10px 0px 0px;
}
#BookNowSlide .BNFinal {
    max-width: 100% !important;
    width: 100% !important;
    margin: 30px auto;
    padding: 25px 0px !important;
    border-radius: 0px !important;
    background: #fff !important;
    box-shadow: none !important;
    text-align: center;
}
#BookNowSlide #showfinal {
    z-index: 999;
    position: absolute;
    height: 100%;
    width: 100% !important;
    background: none !important;
}
#BookNowSlide .fun-message {
    padding: 10px 10px !important;
}
@media (max-width: 767px) {
    #BookNowSlide #continueBtn1Full, #BookNowSlide #continueBtn1Full_busy {
        right: 20px !important;
        position: absolute;
        bottom: 10px;
    }
    #BookNowSlide #selavailSer {
        height: calc((var(--vh, 1vh) * 100) - 225px);
        overflow: auto;
    }
    #BookNowSlide #bookInfoDivWrapper {
        position: relative;
        height: calc((var(--vh, 1vh) * 100) - 220px);
        overflow: hidden;
    }
    #BookNowSlide .fullpagecontinue {
        position: absolute;
        bottom: 0px;
        max-width: 700px;
    }
    #BookNowSlide #continueBtn1Full, #BookNowSlide #continueBtn1Full_busy {
        right: 20px !important;
        position: absolute;
        bottom: 0px;
    }
    #BookNowSlide .appointmentBox .bookAppointment .bookInfo {
        height: calc((var(--vh, 1vh) * 100) - 240px) !important;
    }
    #BookNowSlide #availServices {
        padding-bottom: 0px !important;
    }
    #BookNowSlide .appointmentBox .bookAppointment .bookInfo .formBox .input-group {
        margin-bottom: 0px !important;
        padding: 0 0px;
    }
    #BookNowSlide .header-container {
        padding: 0px 15px 5px 15px !important;
    }
    #BookNowSlide .appointmentBox .bookAppointment .bookInfo {
        height: calc((var(--vh, 1vh) * 100) - 220px) !important;
    }
    #BookNowSlide .bookAppointment #bookInfoDiv .showscroll {
        height: calc((var(--vh, 1vh) * 100) - 310px) !important;
    }
    #BookNowSlide #selected-services {
        padding-top: 5px !important;
    }
    #BookNowSlide #spinnerrel {
        z-index: 99999;
        height: calc(100% + 32px) !important;
        top: 5px !important;
    }
}
@media (max-width: 480px) {
    #BookNowSlide .modal-contentBN {
        height: 90% !important;
    }
    #BookNowSlide #bookInfoDivWrapper {
        position: relative;
        height: calc((var(--vh, 1vh) * 100) - 175px) !important;
        overflow: hidden;
    }
    #BookNowSlide .appointmentBox .bookAppointment .bookInfo {
        height: calc((var(--vh, 1vh) * 100) - 230px) !important;
    }
    #BookNowSlide .bookAppointment #bookInfoDiv .showscroll {
        height: calc((var(--vh, 1vh) * 100) - 280px) !important;
    }
    #BookNowSlide .month-calendar {
        width: 100% !important;
        max-width: 100% !important;
    }
    #BookNowSlide .day-cell {
        width: 28px!important;
        height: 28px!important;
        font-size: 13px;
    }
    #BookNowSlide .calendar-days-grid{
        max-width: 300px;
    }
    #BookNowSlide #bookInfoDiv {
        padding-bottom: 0px;
    }
    #BookNowSlide .appointmentBox .bookAppointment .bookInfo .formBox .form-group {
        padding: inherit;
        margin-bottom: 0px;
    }
    #BookNowSlide .appointmentBox #backbtnDiv, #BookNowSlide .appointmentBox #continueBtnst1Div {
        margin-top: 10px;
    }
    #BookNowSlide .appointmentBox .bookAppointment .bookInfo {
        height: calc((var(--vh, 1vh) * 100) - 215px) !important;
    }
}**/

@media only screen and (max-width: 767px) {
    #bookingIntroOverlay {
        padding: 40px 40px;
    }
    #bookingIntroOverlay .overlay-content {
        border-radius: 10px;
        margin-top: 5px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 10px;
    }
    #BookNowSlide .appointmentBox .bookAppointment {
        margin: 15px 15px 15px 15px;
        margin-top: 5px;
        height: auto;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 10px;
        border-radius: 10px;
        max-width: 710px;
    }
    #loadingwrapper {
        height: calc((var(--vh, 1vh) * 100) - 215px);
    }
    #BookNowSlide .modal-overlayBN {
        padding: 30px;
    }
    #BookNowSlide .bookAppointment #bookInfoDiv .time-group-content{
        max-height: calc((var(--vh, 1vh) * 100) - 450px) !important;
    }
    #BookNowSlide .bookAppointment #bookInfoDiv #selavailSer {
        height: inherit !important;
        width: 100%;
        float: left;
    }
    #BookNowSlide .bookAppointment #bookInfoDiv #selavailSer .field_1 {
        height: 90% !important;
        max-height: unset !important;
        overflow: auto;
    }
    #BookNowSlide #bookInfoDiv .maxHeightFix {
        height: 100%;
    }
    #BookNowSlide .appointmentBox .bookAppointment .bookInfo {
        height: 100%;
    }
    #BookNowSlide .time1 .time-group-container {
        max-height: calc((var(--vh, 1vh) * 100) - 450px) !important;
    }
    #BookNowSlide #bookInfoDivWrapper #bookInfoDivAll #booknowsummary {
        max-height: calc((var(--vh, 1vh) * 100) - 390px);
        width: 100%;
        float: left;
        overflow-y: auto;
    }
    #BookNowSlide .appointmentBox #bookapptWrapper .form-row {
        max-height: calc((var(--vh, 1vh) * 100) - 370px) !important;
        height: 100% !important;
        float: left;
    }
    #BookNowSlide .appointmentBox .bookAppointment .bookInfo .formBox .form-group {
        height: auto;
    }
    #BookNowSlide .appointmentBox .bookAppointment .bookInfo .formBox .input-group {
        height: 100%;
    }
    #BookNowSlide #availServices {
        height: inherit;
    }
    #BookNowSlide .appointmentBox .bookAppointment .bookInfo .formBox .leftCol label {
        width: 100%;
        float: left;
    }
    #BookNowSlide .appointmentBox .bookAppointment .bookInfo#bookInfoDivCC {
        max-height: calc((var(--vh, 1vh) * 100) - 300px);
    }
}