.main-content-mobile {
    width: 335px;
    margin: 0 auto;
}

.m-vidgets {
    display: none;
    text-align: center;
    margin-bottom: 19px;
}

.m-geo-tag {
    display: none;
    margin-bottom: 14px;
}

.m-geo-tag-content {
    background: #E9E3FF;
    border-radius: 22px;
    padding: 10px 18px 10px 18px;
}

.m-geo-tag-point {
    background: #FFFFFF;
    border-radius: 13px;
    width: 46px;
    height: 46px;
    text-align: center;
    vertical-align: super;
    margin-right: 11px;
    padding-top: 2px;
}

.m-geo-tag-point i {
    color: #7662E3;
}

.m-geo-tag-point,
.m-geo-address {
    display: inline-block;
}

.m-geo-tag-point i {
    margin: 0 !important;
}

.m-pretty-div {
    background-size: contain;
    background-image: url("/img/menu/mobile/pretty-face.png");
    background-position: right bottom;
    height: 158px;
    background-color: #F3DBF1;
    border-radius: 22px;
    background-repeat: no-repeat;
    padding: 22px 18px;
    margin-bottom: 24px;
}

.m-pretty-div h5 {
    font-family: 'JosefinSans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #F8F7FC;
    margin-bottom: 5px;
}

.m-pretty-div p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #5C5486;
    width: 178px;
}

.m-pretty-div button {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #E362D6;
    background: #F3DBF1;
    border-radius: 22px;
    border: 2px solid #E362D6;
    padding: 6px 10px;
}

.m-services {
    margin-bottom: 36px;
}

.m-services h5 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #5C5486;
    margin-bottom: 26px;
}

.m-services-item {
    display: inline-block;
    margin-bottom: 19px;
    cursor: pointer;
}

.m-services-item img {
    border-radius: 24px;
}

.m-services-item:nth-child(even) {
    margin-right: 14px;
}

.m-services-item p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #4D4576;
    margin-top: 5px;
}

.m-services-item-sale {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    align-items: center;
    height: 66px;
    color: #5C5486;
    background-color: #F3DBF1;
    border-radius: 22px;
    background-image: url("/img/menu/mobile/sale-drop.svg");
    background-repeat: no-repeat;
    background-position: 18px 9px;
    padding-left: 28px;
    padding-top: 23px;
}

.m-services-item-sale img {
    margin-right: 20px;
    margin-top: 7px;
}

.m-services-item-10572974 {
    position: relative;
}

.m-works {

}

.m-star-12 {
    position: absolute;
    top: 34px;
    left: 38px;
}

.m-works h5 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    color: #5C5486;
    margin-bottom: 26px;
}

.m-modal-dialog {
    margin-left: 0;
    margin-right: 0;
    margin-top: 32px;
    margin-bottom: 22px;
}

.m-modal-content {
    background: #F4F2FC;
    border-radius: 22px 22px 0 0;
    overflow-y: auto;
    padding: 28px 0 0 0;
}

.m-modal-content .modal-header {
    border: none;
    width: 335px;
    padding: 0px 8px 8px 0px;
    margin: 0 auto;
}

.m-modal-content .btn-close {
    background-image: url('/img/close.png') !important;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #FAFAFC;
    border-radius: 50%;
}

.m-modal-content .modal-title {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #5C5486;
}

#modalOrder .modal-title {
    /*display: none;*/
}

.m-order-item .item-price {
    float: right;
    text-align: right;
}

.m-order-item .item-desk {
    width: 56%;
}

.modal-dialog {
}

.m-modal-content .modal-body {
    height: 69vh;
    width: 335px;
    margin: 0 auto;
    padding: 16px 0 0 0;
}

.m-modal-content .modal-footer {
    border: none;
    width: 335px;
    margin: 0 auto;
    padding: 0px 0 10px 0px;
}

.m-calendar .datepicker td, .datepicker th {
    width: 47px !important;
}

.m-order-main-item {
    height: 100%;
    overflow-y: auto;
    margin-bottom: 10px;
}


.m-tabcontent,
.m-modal-cart-content {
    margin: 0 auto;
    width: 335px;
}

.m-order-btn {
    display: block !important;
    margin: 0;
    font-weight: 500;
    height: 63px;
    padding: 0;
}

.m-selected-item-count {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 24px;
    text-transform: capitalize;
    color: #F8F7FC;
    width: 24px;
    height: 24px;
    background: #7662E3;
    border-radius: 50%;
    text-align: center;
    display: none;
    vertical-align: middle;
    margin-left: 4px;
}

.m-order-btn-desk {
    display: inline-block;
    margin-right: 11px;
}

.m-order-btn-item-count {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    text-transform: capitalize;
    color: #392A75;
    background: #F8F7FC;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: none;
}

.m-price {
    display: inline-block;
    vertical-align: sub;
}

#fixBtnOrder {
    bottom: 8px;
    position: fixed;
    width: 335px;
    z-index: 99;
    font-weight: 500;
    height: 63px;
    padding: 0;
}

.cart-item {
    margin-bottom: 40px;
}

.cart-item h5 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #9086C3;
    margin-bottom: 14px;
}

.m-cart-item-i {
    background: #F8F7FC;
    border: 1px solid #7662E3;
    border-radius: 13px;
    border: 1px solid rgba(118, 98, 227, 1);
    color: #7662E3;
    margin-bottom: 10px;
}

.m-cart-item-i .item-desk,
.m-cart-item-i .item-price {
    color: #7662E3;
}

.m-cart-item-i .item-price .m-price {
    margin-right: 11px;
}

.m-cart-item-i .item-price .removeCircle {
    line-height: 21px;
}

.m-step {
    background: #DFDBF3;
    width: 42px;
    height: 42px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 42px;
    align-items: center;
    color: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    margin-right: 11px;
    text-align: center;
}

.m-step-active {
    background: #7662E3;
    color: #FFFFFF;
}

.m-step-desk {
    display: inline-block;
}

.m-calendar {
    margin-bottom: 18px;
}

.m-calendar .datepicker {
    border: none;
    background: none;
    width: 335px;
}

.m-modal-cart-content .time {
    width: 79px;
    height: 37px;
    font-size: 14px;
    line-height: 17px;
    margin-right: 1px;
}

.m-modal-cart-content .dateTime p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #9086C3;
}

.m-contact-form input {
    background: #FFFFFF;
    border: 1px solid #DAD8E7;
    border-radius: 13px;
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 12px;
    padding: 14px 22px;
}

.m-contact-form input:focus-visible {
    outline-color: #7662E3;
}

.m-btn-book {
    background: #7662E3;
    border-radius: 22px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    text-align: center;
    color: #F8F7FC;
    width: 100%;
    border: none;
    padding: 14px 22px 14px 22px;
}

#modalCart .modal-body {
    height: 100%;
    padding: 24px 0 10px 0;
}

#modalCart .m-modal-content {
    padding: 28px 0 0px 0;
}

.m-remove-cart-item {
    background: #DFDBF3;
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 34px;
    line-height: 20px;
    float: right;
}

.successOrder {
    width: 100%;
    background: #FFFFFF;
    border: 2px solid #7662E3;
    border-radius: 13px;
    padding: 14px 22px;
    display: none;
}

.successOrder h5 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 27px;
    display: flex;
    align-items: center;
    color: #5C5486;
    margin-bottom: 24px;
}

.successOrder .icon-main-div {
    vertical-align: top;
    margin-right: 11px;
}