@media screen and (max-width: 768px){
    .modal-dialog-scrollable .modal-content{
        max-height: 100%;
    }
    .modal-booking-window{
        max-width: 100%;
    }
    /*.modal-booking-window > .modal-content {*/
    /*    !*height: 720px;*!*/
    /*    height: 550px;*/
    /*}*/

    .btn-modal-back{
        left: 10px;
    }
    .btn-modal-close{
        right: 10px;
    }
    .choose-salon button{
        width: 90%;
        padding: 10px 15px;
        font-size: 14px;
        line-height: 14px;
    }
    .promo{
        margin-top: -110px;
        margin-bottom: 30px;
    }
    .modal-booking-footer{
        height: 65px;
        line-height: 16px;
        font-size: 14px;
    }
    .footer-subtext{
        font-size: 14px;
    }
    #modal-online-registration .promo{
        display: none;
    }
    .modal-forward-icon{
        right: 6%;
        top: 8px;
    }
    .modal-search-service input[type="text"]{
        height: 30px;
    }
    .modal-search-service::after{
        width: 15px;
        height: 15px;
        right: 7px;
        top: 9px;
    }
    .hours{
        left: 55%;
        font-size: 14px;
    }
    .hours::before{
        width: 15px;
        height: 15px;
        margin-right: 5px;
    }
    .modal-service-price{
        font-size: 22px;
    }
    .modal-service-name{
        top: -45px;
        font-size: 18px;
        line-height: 16px;
    }
    .selected-services{
        line-height: 18px;
        margin-inline: 20px;
    }
    .master-list{
        height: 65svh;
    }
    .modal-master-desc{
        padding-right: 40px;
    }
    .modal-master-desc div:first-child{
        line-height: 18px;
    }
    .modal-master-desc div:last-child{
        line-height: 18px;
        margin-top: 10px;
    }
    #modal-visit-registration .hours {
        right: -30px;
        left: unset;
    }
    #modal-visit-registration .modal-service-price{
        width: 35%;
    }
    #modal-visit-registration .modal-order-master{
        width: 50%;
        margin-left: 0;
        line-height: 20px;
        margin-right: unset;
    }
    .modal-custom-checkbox{
        width: 90%;
        margin-inline: auto;
    }
    .modal-order-date{
        top: -34px;
    }
    .service-order {
        margin-top: 45px;
    }
    .modal-visit-headtext{
        margin-top: 10px;
        padding-inline: 20px;
    }
    .modal-order-inputs input{
        font-size: 14px;
        height: 35px;
    }
    #modal-completed .modal-service-price{
        width: 50%;
    }
    #modal-completed .hours {
        left: unset;
        right: -25px;
    }
    .modal-continue-btn{
        padding: 8px 40px;
    }
    .agreement-block .col-11{
        line-height: 18px;
    }
}

@media screen and (max-width: 420px) {
    .menu-buttons-window{
        width: 95%;
    }
}