@media screen and (min-width: 1400px) {
	.container {
        max-width: 1280px !important;
    } 
}
@media screen and (min-width: 1281px) {
    .container {
        max-width: 1200px;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1280px) {
    .container {
        max-width: 1230px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .in_st_details .mb-right {
        padding-right: 15px !important;
    }
    .main-cat-list li {
        display: inline-block;
        margin: 0 12px 0 0;
    }
    .ohs span {
        font-size: 13px;
    }
    .time_text_blk {
        width: 100%;
    }
    .slide-inner li {
        margin: 0 0 15px 0;
    }
    .item_cart_blk button {
        font-size: 14px;
    }
    .sub_tot_prc {
        font-size: 16px;
    }
    .sub_tot_prc .fas {
        font-size: 13px;
    }
    .cart_dur {
        font-size: 10px;
    }
    .aic_st_cell b {
        font-size: 16px;
    }
    .container {
        max-width: 100%;
        width: 100%;
    }
    .w__ser-two {
	    padding-left: 15px;
	    padding-right: 15px;
	}
    .in_st_details .mp-title {
        width: 480px;
    }
    .w__ser-lt {
	    max-width: 65%;
	    flex: 0 0 65%;
	    -ms-flex: 0 0 65%;
	    -webkit-flex: 0 0 65%;
	    -webkit-box-flex: 0;
	}
	.w__ser-rg {
	    max-width: 35%;
	    flex: 0 0 35%;
	    -ms-flex: 0 0 35%;
	    -webkit-flex: 0 0 35%;
	    -webkit-box-flex: 0;
	}
	.w__ac-list {
	    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
	}
	#open_filter {
	    padding: 0 15px 0 25px;
	}
	.w__navbarmlmenu-desc {
	    font-size: 12px;
	}
	.w__navbarmlmenu-label {
	    font-size: 14px;
	}
	.w__navbarmoblist-item > a {
	    padding: 15px 15px 15px 18px;
	}   
	.end-arrow {
	    right: 15px;
	}
	.w__id-left {
	    max-width: 35%;
	    flex: 0 0 35%;
	    -ms-flex: 0 0 35%;
	}
	.w__id-right {
	    padding-left: 36.5%;
	}
	.w__tabs-container {
	    padding: 0 15px 0 20px;
	}
	.w__idheader-left {
	    flex: 0 0 35%;
	    margin-right: 15px;
	}
}

@media screen and (min-width: 992px) {
	.top__head-desktop {
		display: block !important;
	}
			.fixed_sum_det {
			    display: none;
			
			}
			.inner-header-section {
	    display: none;
	}
	.w__storedetials-info {
	    display: none;
	}
    .w__login-blk .w__storedetials-info, .w__otp-blk .w__storedetials-info{ 
        display: block;
    }
	.w__mob-downbtn {
		display: none !important;
	} 
	.w__login-blk, .w__otp-blk {
	    display: flex;
	    flex-direction: column;
	    width: 410px;
	    margin: 0 auto;
	    border: 1px solid #D9DEEB;
	    border-radius: 8px;
	    padding: 40px;
	}
		}
/********** Tab(Portrait) & Mobile View ************/
@media screen and (max-width: 991px) {
    .sm_est_price {
        font-size: 20px;
        margin: 0 0 15px 0;
    }
    .sm-fixed-modal .modal-body {
        bottom: 165px;
    }
    #giftvoucher {
        padding: 25px 0 0 0;
    }
    .sm-fixed-modal .modal-footer {
        height: auto;
    }
    .ac_id_st_blk {
        margin: 0;
    }
    /* Final summary */
    .final_summary, .booking_confir, .pay_status_desc {
        width: 100%;
    }
    .status_desc p {
        font-size: 17px;
        font-weight: 600;
    }
    .status_desc br {
        display: none;
    }
    /* End Final summary */
    .hid_whi_pic_dt, .hid_whi_pic_dt, .cart_summary {
        display: none;
    }
    header {
        padding: 0;
    }
    .full-search-block, .search-sugg-blk, .rec-search-blk {
        width: 100%;
    }
    .fsb-input {
        font-size: 13px;
        padding: 6px 12px;
        height: 50px;
    }
    .full-search-box .fa-search {
        left: inherit;
        font-size: 14px;
        right: 10px;
    }
    .fixed-modal .modal-body {
        padding: 45px 15px 0;
    }
    .cross {
        font-size: 12px;
        background: #999;
        color: #fff;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        line-height: 22px;
    }
    .esc {
        display: none;
    }
    .fsb-close {
        right: 0px;
        top: -22px;
    }
    .rec-search-blk a {
        padding: .500rem 1rem;
        font-size: 13px;
        line-height: 1;
        margin-right: 2px;
        margin-bottom: 15px;
        height: 30px;
    }
    .rec-search-blk h2 {
        font-size: 1rem;
        margin: 15px 0;
    }
    .search-sugg-blk {
        margin: 10px auto 0;
    }
    .in_st_details .mp-title {
        font-size: 14px !important;
    }
    .short_addr {
        font-size: 12px;
    }
    .in_st_con span {
        font-size: 12px;
    }
    .st_label {
        color: #809497;
        font-weight: 600;
        font-size: 12px;
    }
    .ohs span {
        font-size: 12px;
    }
    .accordion .btn-link:after {
        content: "\f077";
        float: right;
        font-style: normal;
        font-variant-caps: normal;
        font-variant-ligatures: normal;
        font-weight: 900;
        height: 16px;
        line-height: 1.5;
        text-rendering: auto;
        width: 16px;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome\ 5 Pro";
    }
    .accordion .btn-link.collapsed:after {
        content: "\f078";
    }
    .accordion .btn-link {
        display: block;
        width: 100%;
        text-align: left;
        position: relative;
        color: #282A31;
        font-size: 17px;
        /* font-family: 'Proxima Nova Bold'; */
        font-weight: 700;
        padding: 6px 0;
        letter-spacing: 0.5px;
        white-space: normal;
    }
    .accordion .btn-link::first-letter {
	    text-transform: capitalize;
	}
    .card-header {
        padding: 0.75rem 0rem;
        background: transparent;
        border-bottom: 1px solid rgba(40, 42, 49, .1);
    }
    .btn-link:hover {
        text-decoration: none;
    }
    .ac_id_st_blk .accordion .card {
        /* border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important; */
        border: none;
        border-radius: 0;
    }
    .ac_id_st_blk .asi_name {
        margin: 0 0 10px 0;
    }
    .ac_id_st_blk .asi_add {
        float: right;
        position: absolute;
        right: 15px;
        z-index: 8;
    }
    #expand-search .asi_add {
        float: right;
        position: absolute;
        right: 15px;
        z-index: 8;
        top: 6px;
    }
    .ac_id_st_blk .card-body {
        padding: 20px 0;
    }
    .ac_id_st_blk .add_ser_item_blk {
        position: relative;
    }
    .mp-navbar-sm {
        display: flex;
    }
    .mp-navbar {
        display: none;
    }
    .mp-title {
        font-size: 18px;
    }
    .mp-navbar {
        display: none;
    }
    .mp-navbar-sm li {
        margin-right: 0px;
        color: #3d4152;
        font-size: 16px;
        font-weight: 500;
    }
    .mp-navbar-sm li a {
        color: inherit;
    }
    .mp-navbar-sm li:focus,
    .mp-navbar-sm li:hover {
        color: #009cb3;
    }
    /* animation */
    @keyframes _2RsLF {
        0% {
            -webkit-transform: translate3d(0, 56px, 0);
            transform: translate3d(0, 56px, 0);
        }

        100% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
    }
    /* End animation */
    .fixed_sum_det {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 75px;
        right: 0;
        z-index: 9;
        pointer-events: none;
        background: #fff;
        color: #282A31;
        box-shadow: 0px -2px 2px rgb(0 0 0 / 5%);
    }
    .fsd_blk {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 16px;
        height: 100%;
        /* background: #009cb3;
        color: #fff; */
        position: relative;
        contain: content;
        pointer-events: auto;
        -webkit-transition: -webkit-transform .25s ease;
        transition: -webkit-transform .25s ease;
        -o-transition: transform .25s ease;
        transition: transform .25s ease;
        transition: transform .25s ease,
        -webkit-transform .25s ease;
    }
    .fsd_items {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-weight: 400;
        font-size: 1.25rem;
    }
    .fsd_from {
        font-size: .8rem;
        font-weight: 300;
        margin-top: 5px;
    }
    .fsd_view_sum {
        /* margin-left: 0;
        margin-top: 0;
        text-transform: capitalize;
        font-size: 1rem;
        background: #fff;
        color: #4d9db3;
        padding: 11px 42px;
        line-height: 30px;
        border-radius: 12px; */
    }
    .clickable {
        margin-left: 0;
        margin-top: 0;
        text-transform: capitalize;
        font-size: 1rem;
        background: #23B2AF;
        color: #fff;
        padding: 11px 43px;
        line-height: 30px;
        border-radius: 12px;
    }
    /* .fsd_items div {
        line-height: 16px;
    } */
    .fsd_price .fa-rupee-sign {
        font-size: 1rem;
    }
    .fsd_close {
        position: absolute;
        right: 10px;
        top: 5px;
        z-index: 99999;
        font-size: 16px;
        color: #fff;
    }
    #summary-modal .ani_r_arrow::after {
        line-height: 48px;
    }
    #summary-modal .modal-footer button {
        padding: 12px 20px;
    }
    #summary-modal button .fa-clock {
        font-size: 14px;
    }
    .sm_dt_back_btn {
        margin: 0 12px 0 0;
    }
    .main-category {
        display: none;
    }
    .mobile-category span {
        padding: 6px 12px;
        border-radius: 4px;
        display: inline-block;
        position: relative;
        top: 8px;
        font-size: 24px;
    }
    .mobile-category {
        display: inline-block;
    }
    .mb-navbar {
        display: inline-flex;
        float: right;
    }
    .mioBasket_section, .miobasket_checkout {
        margin: 130px 0 85px 0 !important;
    }
    /* Mobile main category menu */
    #MobileMainCategory .modal-body {
        padding: 0;
    }
    .mob-main-cat li {
        display: block;
        margin: 0;
    }
    #MobileMainCategory .mob-main-cat li.active a {
        border-right: 3px solid #E96125;
        border-bottom: none;
        background: #f4f5f7;
    }
    .mob-main-cat li a {
        display: block;
        padding: 15px;
        text-transform: capitalize;
    }
    /* Mobile main category menu */
    .miobasket_checkout .asi-title {
        margin: 30px 0 30px 0;
    }
    #prod_mb_accord .card-header .btn-link {
        color: #061126 !important;
    }
    #prod_mb_accord .mb_asi_add {
        float: right;
        position: inherit;
        right: inherit;
        z-index: 8;
    }
    /* #prod_mb_accord .prob-list-mb:last-child {
        border-bottom: none;
    } */
    #MobileMainCategory .modal-dialog {
        width: 75%;
    }
    #MobileMainCategory .modal-header {
        border-radius: 0;
    }
    .prob-list-mb {
        border-bottom: none;
        border-top: 1px solid #e9e9eb;
        padding: 15px 0 25px 0;
        margin: 0 0 0 0;
    }
    .new-class .prob-list-mb {
        border-top: none;
    }
    .sm_st_banner .in_st_con,
    .sm_st_banner .ohs {
        display: none;
    }
    /* New styles */
    .add_ser_item_blk:last-child {
        margin-bottom: 0;
    }
    #summary-modal .modal-header {
	    justify-content: flex-start;
	    height: 58px;
	}
	.modal-header .back {
	    width: 24px;
	    margin-right: 15px;
	}
	.sm__salon-details {
	    display: flex;
	    align-items: center;
	}
	.sm__s-logo {
	    margin-right: 0px;
	}
	.sm__s-name {
	    font-size: 1rem;
	    font-weight: 900;
	}
	.std__container {
	    margin-top: 100px;
	}
	.std__header {
	    position: fixed;
	    top: 0;
	    width: 100%;
	    background-color: #fff;
    	z-index: 9;
    	display: flex;
	    justify-content: space-between;
	    align-items: center;
	}
	.std__header-left {
	    display: flex;
	    align-items: center;
	}
	.w__sab-list {
        display: grid;
	    margin-top: 25px;
	    margin-bottom: 15px;
	    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
	    gap: 15px;
	}
	.w__sab-two .w__sab-item {
	    margin-left: 0;
	    margin-right: 0;
	}
	.w__sab-two {
	    justify-content: flex-start;
	}
	.w__sab-name {
	    font-size: 13px;
	    font-weight: 600;
	    color: #213963;
	    line-height: 17px;
	    margin: 5px 0 2px 0;
	}
	.w__sab-placeholder {
	    color: #6F81A1;
	    font-size: 11px;
	    line-height: 17px;
	}
	.w__sab-item {
	    display: flex;
	    align-items: center;
	    flex-direction: column;
	    justify-content: center;
	    border-right: 1px solid #f5f5f5;
	    padding: 6px;
	    height: 78px;
	    width: 100%;
	    border-radius: 0;
	}
	.w__sab-item:last-child {
		border-right: none;
	}
	.client-logo {
	    width: 45px;
	    height: 45px;
	    margin: 0 15px 0 0;
	}
	.client-logo img {
	    width: 45px;
	    height: auto;
	}
	.w__store-logo {
	    width: 45px;
	    height: 45px;
	    margin-right: 15px;
	    flex: 0 0 45px;
	}
	.w__sn {
	    width: calc(100% - 60px);
	    flex: 0 0 calc(100% - 60px);
	    max-width: calc(100% - 60px);
	}
	.w__store-name h1 {
	    font-size: 16px !important;
	    line-height: 24px;
	}
	.w__storehead-desktop .w__store-name {
	    display: flex;
	    align-items: center;
	    width: 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    padding: 0;
	}
	.w__bookcon-group, .w__time-blk, .w__loc-blk {
	    font-size: 13px;
	}
	.w__storehead-desktop .w__sab-placeholder {
	    font-size: 9px;
	}
	.w__store-logo span {
       	background-color: #f4f5f7;
	    font-size: 28px;
	    line-height: 46px;
	}
	.w__time-details {
	    width: 215px;
	}
	.w__storehead-desktop {
	    padding: 15px 5px;
	}
	.w__storehead-desktop .w__sab-name {
	    font-size: 10px;
	    line-height: 10px;
	}
	.w__service-group {
        display: flex;
    }
    .w__siblk-mb .w__service-group {
        align-items: center;
        overflow-wrap: anywhere;
        word-break: normal;
    }
    .w__serive-price {
        flex: 0 0 196px;
        text-align: right;
        display: flex;
        align-items: self-start;
        justify-content: flex-end;
        white-space: nowrap;
    }
    .w__serive-item {
        flex: 0 0 calc(100% - 300px);
        max-width: -webkit-calc(100% - 300px);
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px);
    }
    .w__serive-item .asi_name {
	    word-break: break-word;
	}
	.w__siblk-mb .w__serive-price {
	    align-items:center;
	    justify-content:space-between;
        flex-direction: row-reverse;
	}
    /* End New styles */
    /* New mobile designs */
    .w__mobile-menu {
	    width: 100%;
	    float: left;
	    background-color: #fff;
	    box-shadow: none;
	    padding: 0;
   		position: inherit;
	}
	/*.ip-body .w__mobile-menu {
	    display: none;
	}*/
	.w_list-blogin {
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	}
	.w_list-blogin li a {
	    color: #23B2AF;
	    font-size: 14px;
	    padding: 10px 9px 10px 12px;
    	display: inline-flex;
	}
	/* login page */
	.w__login-section {
	    position: relative;
	    float: left;
	    width: 100%;
	    padding: 80px 0;
	}
	label {
	    color: #626473;
	}
	.row-mb .dropdown-toggle {
	    padding: 10px 15px;
	    border-color: #DEE2E6 !important;
	    background-color: #f7f7f7;
    	color: #B0B7C5;
    	border-radius: 6px;
    	border-bottom-right-radius: 0;
    	border-top-right-radius: 0;
	}
	.row-mb .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	    width: auto;
	    max-width: 150px;
	}
	.row-mb {
	    display: flex;
	    flex-direction: row;
	    margin: 12px 0 25px 0;
	}
	.row-mb input {
	    /* border-bottom-left-radius: 0;
	    border-top-left-radius: 0; */
	    border-color: #DEE2E6;
	    border: 1px solid #DEE2E6;
	    border-bottom-right-radius: 8px;
	    border-top-right-radius: 8px;
	    /*border-left: none;*/
	    font-weight: 500;
	}
	.w__storedetials-info .w__store-head {
	    display: block;
	}
	.w__storedetials-info {
	    width: 100%;
	    float: left;
	    position: relative;
	    border-bottom: 1px solid #DEE2E6;
	    margin: 0 0 25px 0;
	}
	.w__login-section .w__loc {
	    width: 100%;
	    max-width: 100%;
	    flex: 0 0 100%;
	}
	.w__lh-title {
		font-size: 22px;
	}
	.w__storedetials-info .w__store-rating {
	    max-width: 100%;
	    display: flex;
	    align-items: center;
	    justify-content: flex-start;
	}
	.w__storedetials-info .w__store-rating ul {
    	display: flex;
	    margin: 0 5px 0 0;
	}
	.w__storedetials-info .w__store-rating svg {
	    margin-right: 0;
	}
	.w__loginpage-header {
	    position: relative;
	    float: left;
	    width: 100%;
	    margin: 0 0 18px 0;
	}
	.w__lh-blk {
	    display: flex;
	    align-items: center;
	}
	.w__lh-icon {
	    margin: 0 15px 0 0;
	}
	.w__lh-desc {
	    color: #979797;
	    margin: 12px 0 0 0;
	}
	.form-blk {
	    position: relative;
	    float: left;
	    width: 100%;
	}
	.w__storedetials-info .w__store-name h1 {
	    font-size: 18px !important;
	    line-height: 30px;
	}
	.w__login-blk {
	    display: flex;
	    flex-direction: column;
	    width: 100%;
	    margin: 0 auto;
	    border: none;
	    border-radius: 0;
	    padding: 0;
	}
	/* End login page */
	/* otp page */
	.w__otp-blk {
	    display: flex;
	    flex-direction: column;
	    width: 100%;
	    margin: 0 auto;
	    border: none;
	    border-radius: 0;
	    padding: 0;
	}
	.w__otp-section {
	    float: left;
	    position: relative;
	    width: 100%;
	    padding: 114px 0 80px;
	}
	.row-otp {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin: 0 0 20px 0;
	}
	.row-otp .otp {
	    border: 1px solid #DEE2E6;
	    width: 48px;
	    height: 48px;
	    margin: 0 7.5px;
	    border-radius: 8px;
	    text-align: center;
	    font-weight: 800;
    	font-size: 20px;
	}
	.w__otp-section p {
	    color: #5D5D5D;
	    font-size: 17px;
	    line-height: 1.5;
	}
	.resend-text {
	    font-size: 16px;
	}
	.rcode {
		color: #1E5DFF;
		display: none;
	}
	.invalid-otp {
		color: #E72A2A;
	}
	/* End otp page */
	/* Available credits */
	.w__available-credits h3 {
	    font-size: 17px;
	    line-height: 1.5;
	    font-weight: 600 !important;
	}
	.w__available-credits {
	    float: left;
	    width: 100%;
	    position: relative;
	    background-color: #FBFCFF;
	    padding: 20px 0 5px 0;
	    top: -20px;
	    border-bottom: 1px solid rgb(40 42 49 / 6%);
    	border-top: 1px solid rgb(40 42 49 / 6%);
	}
	.w__aclist-item {
	    width: 33.333%;
	    padding: 15px 0;
	    border-bottom: 1px solid #DBDFEA;
	    position: relative;
	    background-color: transparent;
	    box-shadow: none;
	    border-radius: 0;
	}
	.w__aclist-item:nth-child(4), .w__aclist-item:nth-child(5), .w__aclist-item:nth-child(6) { 
		border: none;
	}
	.w__ac-list {
	    padding: 0;
	    margin: 0;
	    display: flex;
	    align-items: center;
	    flex-wrap: wrap;
        gap: 0;	
	}
	.acicon-svg {
	    padding-left: 0 !important;
	}
	.w_acicon-blk span {
	    padding-left: 12px;
	    font-size: 12px;
	}
	.w__ac-label {
	    color: #213963;
	    font-size: 11px;
        margin-left: 0;
	}
	.acicon-svg {
	    display: inherit;
	    width: auto;
	    height: auto;
	    align-items: center;
	    background-color: transparent;
	    border-radius: 0;
	    justify-content: center;
	}
	.w__aclist-item:nth-child(1):before {
	    content: "";
	    position: absolute;
	    background-color: #DBDFEA;
	    width: 1px;
	    height: 48px;
	    right: 20px;
	}
	.w__aclist-item:nth-child(2):before {
	    content: "";
	    position: absolute;
	    background-color: #DBDFEA;
	    width: 1px;
	    height: 48px;
	    right: 20px;
	}
	.w__aclist-item:nth-child(4):before {
	    content: "";
	    position: absolute;
	    background-color: #DBDFEA;
	    width: 1px;
	    height: 48px;
	    right: 20px;
	}
	.w__aclist-item:nth-child(5):before {
	    content: "";
	    position: absolute;
	    background-color: #DBDFEA;
	    width: 1px;
	    height: 48px;
	    right: 20px;
	}
	.w_acicon-blk {
	    display: flex;
	    align-items: center;
	}
	.w_acicon-blk .w__ac-check {
	    padding-left: 4px;
	}
	.w__aclist-item:last-child .w_acicon-blk span {
	    color: #6F81A1;
	    font-weight: 400 !important;
	    font-size: 10px;
	}
	/* End Available credits */
	/* Mobile menus */
	.w__navbarmlicon-active {
		display: none;
	}
	.w__navbarmoblist-active .w__navbarmlicon-active {
		display: inline-flex;
	}
	.w__navbarmoblist-active .w__navbarmlicon-inactive {
		display: none;
	}
	.burger__on, body.open .burger__off {
		display: none;
	}
	body.open .burger__on {
	    display: flex;
	}
	.w__myaccount-item {
	    display: none;
	}
	.w__al-header {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.w__alheader-left {
	    display: flex;
	    align-items: center;
	}
	.w_list-alogin li a {
	    display: flex;
	    align-items: center;
	    padding: 10px 9px 10px 12px;
	    color: #23B2AF;
	    font-weight: 600;	
	}
	.w_list-alogin li a span {
	    padding-right: 5px;
	}
	.w__sslide-mobile {
	    margin: 0;
	}
	.active-header .w__sslide-mobile {
	    margin: 0 0 0 0 !important;
	}
	.w__after-login, .w__before-login {
	    position: fixed;
	    width: 100%;
	    z-index: 999;
	    background: #fff;
	    box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	    top: 0;
	    left: 0;
	    right: 0;
	    margin: 0 !important;
    	padding: 8px 0;
    	transition: top 0.2s ease-in-out;
	}
	.w__navbarmob-list {
	    width: 100%;
	    padding: 0;
    	border-top: none;
	}
	.w__navbarmoblist-active {
	    border-radius: 0;
	}
	.w__navbarmob-list li {
	    padding: 0;
	    border-bottom: none;
	}
	.w__navbarmoblist-item > a {
	    display: flex;
	    flex-direction: row;
	    align-items: flex-start;
	    padding: 15px 24px;
	    background-color: #fff;
	    border-bottom: 1px solid #F2F2F2;
	    position: relative;
	    border-radius: 0;
	}
	.end-arrow {
	    position: absolute;
	    right: 15px;
	    top: 44%;
	}
	.w__navbarmlmenu-right {
	    margin: 0 15px 0 0;
	}
	.w__navbarmlmenu-label {
	    font-size: 14px;
	    font-weight: 600;
	    color: #494F56;
	}
	.w__navbarml-icon {
	    margin-right: 15px;
	    position: relative;
    	top: 6px;
	}
	.w__navbarmlmenu-desc {
	    font-size: 12px;
	    color: #5D5D5D;
	}
	.w__navbarmoblist-active > a {
	    background-color: #F6F8FA;
	}
	.w__navbarmoblist-active .w__navbarmlmenu-label, .w__navbarmoblist-active .w__navbarmlmenu-desc {
	    color: #000;
	}
	.w__navbarml-menu {
	    display: flex;
	    justify-content: space-between;
	    flex-direction: row;
	    align-items: flex-start;
	    width: 100%;
	}
	.w__navbarmlmenu-right span {
	    background: #F5F5F5;
	    color: #050505;
	    padding: 12px 20px;
	    border-radius: 100px;
	    text-align: center;
	    font-size: 12px;
	}
	.w__navbarmlmenu-right span {
        background-color: #f5f5f5;
	    border-radius: 100px;
	    padding: 6px 18px;
	    color: #050505;
	    font-size: 12px;
	    display: inline-flex;
	}
	.mem-right span {
	    width: 38px;
	    height: 38px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding: inherit;
	}
	/* End Mobile menus */
	/* inner header */
	.inner-header-section {
	    /*position: fixed;*/
	    float: left;
	    width: 100%;
	    /*background: #fff;
	    box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	    top: 0;
	    z-index: 1;*/
	    padding: 20px 0 10px 0;
	}
	.iheader__left {
	    display: flex;
	    align-items: center;
	}
	.iheader__icon {
	    padding: 15px 15px 15px 9px;
	}
	.iheader__label {
	    font-size: 18px;
	    font-weight: 600;
	}
	.w__inner-dkmenu {
	    display: none;
	}
	.w__id-left, .w__idb-header {
	    display: none;
	}
	.w__tabs-container {
	    width: 100%;
	    margin: 0 auto 0;
	}
	.w__id-right {
	    padding-left: 15px;
	}
	/* End inner header */
	/* My Profile page */
	.w__profileform-section {
	    position: relative;
	    width: 100%;
	    float: left;
	    padding: 40px 0;
	    margin-top: 15px;
	    background-color: #fff;
	}
	.w__profile-username span {
	    display: inline-flex;
	    width: 64px;
	    height: 64px;
	    align-items: center;
	    justify-content: center;
	    background: #B1DEFF;
	    border-radius: 100px;
	    color: #288DD6;
	    font-size: 24px;
	    font-weight: 600;
	}
	.w__profile-username {
	    text-align: center;
	    margin: 0 0 30px 0;
	}
	.w__action-controls {
	    display: flex;
	    align-items: center;
	    justify-content: flex-end;
	}
	.w__action-controls button {
	    margin-left: 15px;
	}
	.w__profile-form {
	    width: 100%;
	    position: relative;
	    background-color: #fff;
	    padding: 0;
	    border-radius: 0px;
	    margin: 0;
	}
	/* End My Profile page */
	/* Appointment History */
	.w__apphis-section {
	    position: relative;
	    width: 100%;
	    float: left;
	    padding: 25px 0;
	    margin-top: 0;
	}
	.w__tabs {
	    position: relative;
	    float: left;
	    width: 100%;
	    /*display: flex;
	    align-items: center;
	    justify-content: space-between;*/
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
	    background-color: #fff;
	    border-radius: 8px;
	    box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
	    border: none;
	    padding: 2px;
	    border: none;
	}
	.nav-tabs.w__tabs li a {
	    border: none;
	    color: #B1B1B1;
	    font-size: 14px;
	    padding: 10px 30px !important;
	}
	.nav-tabs.w__tabs li a.active {
	    border: none;
	}
	.w__tab-content {
		float: left;
		position: relative;
		width: 100%;	
		margin-top: 12px;
	}
	.nav-tabs.w__tabs li {
	    margin-bottom: 0;
	}
	.card.aph__card {
	    background-color: #fff;
	    box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
	    padding: 18px 10px 15px;
	    border-radius: 8px;
	    border: none;
	}
	.aph__header-appdatetime {
	    background-color: #F4F6FB;
	    border-radius: 6px;
	    padding: 10px 20px;
	}
	.aph__header-dt {
	    display: flex;
	    align-items: center;
	    font-size: 14px;
	    font-weight: 400;
	    line-height: 22px;
	}
	.aph__header-servicedetails span {
	    color: #6F80A1;
	}
	.aph__header-servicedetails {
	    font-size: 14px;
	}
	.aph__header-label {
	    font-size: 14px;
	    display: flex;
	    align-items: center;
	    line-height: 28px;
	    margin: 0 0 4px 0;
	}
	.aph__time {
	    font-size: 14px;
	    display: flex;
	    align-items: center;
	}
	.aph__time span {
	    padding-right: 5px;
	}
	.aph__header-canceledby {
	    font-size: 14px;
	}
	.aph__confirmed .aph__header-label span {
	    color: #26C460;
	    font-size: 10px;
	    padding: 0 5px 0 0;
	}
	.aph__completed .aph__header-label span {
	    color: #0085FF;
	    font-size: 10px;
	    padding: 0 5px 0 0;
	}
	.aph__cancelled .aph__header-label span {
	    color: #FF4B4B;
	    font-size: 10px;
	    padding: 0 5px 0 0;
	}
	.aph__header-servicedetails {
    	font-size: 14px;
	    margin: 15px 0 0 0;
	    padding-left: 35px;
	    line-height: 20px;
	    display: none;
	}
	.collapsed .aph__header-servicedetails { 
		display: block;
	}
	.aph__date {
	    margin-right: 25px;
	    font-size: 14px;
	}
	.w__tab-content .card-body .w__sslist-item {
	    flex-wrap: wrap;    
	    padding: 15px 6px;
	}
	.w__tab-content .card-body .w__summarylist-item {
		padding: 5px 6px;
		font-size: 14px;
	}
	.w__tab-content .card-body .w_sslist-servicename, .w__tab-content .card-body .w_sslist-price {
	    font-size: 14px;
	}
	.w_sslist-timestaff-blk {
	    flex: 0 0 100%;
	    display: flex;
	    align-items: center;
	    justify-content: flex-start;
	    color: #6F80A1;
   		margin: 12px 0 0 0;
   		font-size: 14px;
	}
	.w__tab-content .card-body .w__ss-list {
	    background-color: #fff;
	    border-top: 1px solid rgba(40, 42, 49, .1);
	    border-radius: 0;
	}
	.w__tab-content .accordion .btn-link:after {
	    position: absolute;
	    right: 15px;
	    top: 26px;
	}
	.w__tab-content .accordion .btn-link.collapsed:after {
	    content: "\f078";
	}
	.aph__card .card-header {
	    padding: 0;
	    border: none;
	}
	.aph__cancelled-info {
		background-color: #FFECEC;
		color: #FF4B4B;
		padding: 12px 15px;
		border-radius: 8px;
		font-size: 13px;
	}
	/* End Appointment History */
	/* cancel popup */
	#cancellingBookingModal .modal-content {
	    height: auto;
	}
	#cancellingBookingModal .modal-dialog {
	    height: auto;
	}
	.cbm__alert-warning {
	    padding: 15px;
	    background-color: #FFECEC;
	    border-radius: 8px;
	    display: flex;
	    align-items: flex-start;
	}
	.cbm__alert-icon {
	    margin-right: 10px;
	    position: relative;
	    top: 5px;
	}
	.cbm__alert-desc {
	    gap: 10px;
	    display: flex;
	    flex-direction: column;
	}
	.cbm__alert-desc a {
	    color: #0075FF;
	}
	#cancellingBookingModal .w__action-controls {
	    justify-content: center;
	}
	#cancellingBookingModal .modal-body {
	    padding: 15px 15px 20px;
	}
	.cbm__blk .modal-title {
	    font-size: 18px;
	}
	.cbm__response-blk {
		display: none;
	}
	/* End Cancel popup */
	/* Invoices */
	.w__invoices-section {
		position: relative;
	    width: 100%;
	    float: left;
	    padding: 25px 0;
	    /*margin-top: 46px;*/
	}
	.w__invoicecard-item {
    	background-color: #fff;
	    box-shadow: 0px 2px 2px rgb(0 0 0 / 10%);
	    padding: 16px;
	    border-radius: 8px;
	    margin-bottom: 15px;
	}
	.w__ic-bottom {
	    display: flex;
	    align-items: flex-start;
	    justify-content: space-between;
	    margin: 10px 0 0 0;
	}
	.w__invoice-date {
	    display: flex;
	    align-items: center;
	    color: #6F80A1;
	    font-size: 13px;
	}
	.w__invoice-date span {
	    margin-right: 8px;
	}
	.w__view-invoice button {
	    background-color: #F5F6F8;
	    color: #23B2AF;
	    padding: 2px 20px;
	    border-radius: 100px;
	    font-size: 12px;
	    display: flex;
	    align-items: center;
	}
	.w__view-invoice .w_mob-viewbtn svg {
	    margin-left: 5px;
	}
	.w__view-invoice .w__mob-downbtn svg {
	    margin-right: 5px;
	}
	.w__ic-top {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	}
	.w__invoice-value, .w__invoice-label {
	    font-size: 14px;
	}
	.w__invoicecard-list {
	    width: 100%;
	    margin: 0 auto 30px;
	    float: left;
	}
	.w_mob-viewbtn {
		display: none !important;
	}
	.w__mob-downbtn {
		display: inline-flex;
	}
	/* End Invoices */
	.w__breadcrumb-section {
		display: none;
	}
	/* Store profile page */
	#open_filter {
	    margin: 0 0 30px 0;
	    padding: 0;
	}
	.w__hero-section {
	    margin: 0;
	}
	/* End store profile page */
	.active-header .w__mobile-menu {
	    padding: 8px 16px 8px 25px !important;
    	height: 62px;
	}
	.active-header .w__hero-section {
	    margin: 0 !important;
	}
    /* End New mobile designs */
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .in_st_details .mb-right {
        padding-right: 15px !important;
    }
    .container {
        max-width: 100% !important;
        width: 100%;
    }
    .in_st_details .pl-0 {
        padding-left: 15px !important;
    }
    .ohs span {
        font-size: 11px !important;
    }
    .gt {
        padding-right: 0 !important;
    }
    .time_text_blk {
	    margin: 0 5px 15px 0;
	    width: 100%;
	    font-size: 12px;
	    padding: 4px;
	}
    .time_text_blk:nth-child(4n) {
        margin-right: 0;
    }
    .w__ss-list .w__summarylist-item:first-child {
	    padding-top: 15px;
	}
	.w__ss-list .w__summarylist-item {
	    padding: 5px 15px;
	}
	.w__ss-list .w__summarylist-item:last-child {
	    padding-bottom: 15px;
	    padding-top: 15px;
	    margin-top: 12px;
	}
	.w__bd {
	    border-top: 1px solid rgba(40, 42, 49, .1);
	}
    .in_st_details .mp-title {
        width: 340px;
    }
    .cart_items {
        width: 66%;
    }
    .select_preference {
        margin: 0px 0 5px 0;
        justify-content: center;
    }
    .choose_br_blk li {
        width: 49%;
    }
    .choose_br_blk li:nth-child(2n) {
        padding-right: 0;
    }
    .choose_br_blk li:nth-child(3n) {
        padding-right: 15px;
    }
    #ChooseDelivery .client-logo {
        width: 86px;
        height: 86px;
        position: relative;
        top: 4px;
    }
    .delivery-btn {
        width: 86px;
        height: 86px;
    }
    .delivery-btn span img {
        width: 50px;
    }
    .container {
        max-width: 100%;
    }
    .ohs span {
        font-size: 10px;
    }
    .store_icon {
        font-size: 33px;
        position: relative;
        top: 5px;
    }
    .sm_est_price {
        width: 40%;
        float: left;
        font-size: 20px;
        padding: 6px 0px;
    }
    .picked-dt-blk {
        width: 30%;
        float: left;
    }
    .sm_est_price span {
        float: right;
        padding: 0 15px 0 0;
    }
    #summary-modal .modal-footer button {
        padding: 12px 25px;
        width: auto !important;
        float: right;
    }
    /* .sm-fixed-modal .modal-footer {
        height: 110px;
    } */
    .sm-fixed-modal .modal-body {
        bottom: 77px;
    }
    .sm_dt_btn_blk {
        margin: 5px 0;
    }
    .st-item-sd-text {
        font-size: 12px;
    }
    .st-item-salon-name {
        font-size: 14px;
    }
    .accepted-location-list li {
        display: inline-block;
        width: 49%;
        margin: 0 0 15px 0;
    }
    .mb-mob-var-blk {
        min-height: 54px;
    }
    .mb-ham-menu-tab {
        display: inline-block !important;
    }
    .mb-ham-menu-tab .fa-bars {
        font-size: 25px;
        margin-right: 15px;
        position: relative;
        top: -12px;
    }
    .mioBasket_section, .miobasket_checkout {
        margin: 77px 0 85px 0 !important;
    }
    .ohs {
        padding-left: 90px;
    }
    .select_preference {
        margin: 20px 0 5px 0;
        justify-content: flex-start;
    }
    #summary-modal .modal-footer button:disabled {
        background: #aeaeae;
        cursor: not-allowed;
    }
    .slide {
        height: auto;
    }
    .show_more_dates .btn.btn-link:after {
        display: none;
    }
    .selected__staff span, .selected__date span, .selected__time span {
        background-color: #2CA01C;
        color: #fff;
        border-radius: 100px;
        padding: 4px 12px;
        margin: 0 0 0 5px;
    }
    .selected__staff, .selected__date, .selected__time {
        font-family: 'Fira Sans Book' !important;
        margin: 10px 0 0 0;
        text-transform: capitalize;
        font-size: 12px;
    }
    #showstafflist .btn-link::after, #showdatelist .btn-link::after, #showtimelist .btn-link::after {
        position: absolute;
        right: 0;
        top: 6px;
    }
    .w__ser-lt {
	    max-width: 100%;
	    flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	    -webkit-flex: 0 0 100%;
	    -webkit-box-flex: 0;
	}
	.inputGroup.w__giftVoucher label {
	    padding: 0 0 0 55px;
	}
	.w__inner-dkmenu {
		display: none;
	}
	.w__ac-label {
	    font-size: 14px;
	}
	.w_acicon-blk span {
	    font-size: 17px;
	}
	.w__login-blk, .w__otp-blk {
	    display: flex;
	    flex-direction: column;
	    width: 410px;
	    margin: 0 auto;
	    border: 1px solid #D9DEEB;
	    border-radius: 8px;
	    padding: 40px;
	}
}
@media screen and (max-width: 767px) {
    /* footer */
    .foot-key-list li a {
        white-space: pre-wrap;
    }
    /* End Footer */
    .ac_id_st_blk .asi_name {
        margin: 0;
        font-size: 16px;
        font-weight: 500;
        overflow-wrap: anywhere;
        word-break: normal;
    }
    .asi_offer {
        margin: 0;
    }
    .show_more_dates .btn-link {
        font-size: 13px;
        font-weight: 600;
    }
    .prev_mon, .next_mon {
        font-size: 11px;
    }
    #open_filter {
        margin: 0 0 30px 0;
    }
    .asi_dur {
        font-size: 12px;
    }
    .fsd_from span {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 150px;
        white-space: nowrap;
        display: inline-block;
        text-transform: capitalize;
    }
    .asi_sep .fa-circle {
        margin: 0 2px;
        font-size: 3px;
        position: relative;
        top: -3px;
    }
	.asi_add {
	    width: 75px;
	}
	.cart_icon {
	    width: 4%;
    }
    .cart_i_pri {
        width: 40%;
    }
    .cart_items {
        width: 50%;
    }
    .ohs {
        text-align: center;
        padding: 0;
    }
    .in_st_details .mp-title {
        text-overflow: unset;
        width: 100%;
        overflow: inherit;
        white-space: unset;
    }
    .slide-inner {
        grid-template-columns: repeat(auto-fit, minmax(22%, 1fr));
    }
    .arrow, .arrow.right {
        top: 70px;
    }
    .slide-inner li {
        width: 100%;
        margin: 0 0px 15px 0;
    }
    .slide-inner li a {
        font-size: 12px;
    }
    /*.slide-inner li:nth-child(4n) {
        margin-right: 0;
    }
    .slide-inner li:nth-child(7n) {
        margin: 0 5px 15px 0;
    }*/
    .vc-value {
        font-size: .800rem;
        margin: 5px 0 10px 0;
    }
    .select_preference {
        margin: 0 0 5px 0;
        justify-content: flex-start;
    }
    .choose_br_blk li {
        width: 100%;
        padding: 0;
    }
    .sp-blk {
        text-align: left !important;
    }
    .nav-tabs .nav-link {
        font-size: 16px;
    }
    .nav-tabs .nav-item .nav-link {
        padding: 10px 20px;
    }
    .store-banner,
    .sm_st_banner {
        padding: 12px 0;
    }
    .picked-dt-blk span {
        float: right;
    }
    .sm_dt_blk .ac_id_st_blk {
        margin: 0;
    }
    .md-check-blk li {
        width: 49%;
    }
    .store_icon {
        font-size: 38px;
        margin: 0 0 5px 0;
    }
    .in_st_details .mp-title {
        font-size: 12px !important;
        line-height: 20px;
    }
    .short_addr {
        font-size: 12px;
        line-height: 10px;
    }
    .in_st_details .mp-title, .in_st_details .short_addr, .store_icon {
        text-align: left;
    }
    /* .in_st_details .col-md-1,
    .in_st_details .col-md-6 {
        padding: 0 15px !important;
    } */
    .login-blk,
    .register-blk {
        padding-left: 0;
        padding-right: 0;
    }
    .gi-close {
        padding: 15px 15px 0px 50px;
    }
    .gi-close .close {
        float: right;
    }
    .sm_est_price {
        width: 100%;
        float: left;
        font-size: 20px;
        padding: 6px 0px;
    }
    .picked-dt-blk {
        width: 100%;
        float: left;
    }
    .sm_est_price span {
        float: right;
        padding: 0 15px 0 0;
    }
    #summary-modal .modal-footer button {
        padding: 10px 36px;
    }
    .fsd_price .fa-rupee-sign {
        font-size: .600rem;
    }
    .fsd_items {
        font-size: .800rem;
    }
    .fsd_from {
        font-size: .7rem;
    }
    .fsd_close {
        right: 4px;
        top: 3px;
    }
    .btn {
        font-size: 16px;
        line-height: 30px;
        padding: 10px 40px;
    }
    #summary-modal .modal-title {
        font-size: 16px;
        text-transform: capitalize;
    }
    .sm_est_price .fa-rupee-sign {
        font-size: 16px;
        position: relative;
        top: -1px;
    }
    .sm_est_price {
        margin: 10px 0 10px 0;
        font-size: 20px;
    }
    .sm_est_price span {
        float: right;
    }
    .cart_item_time {
        margin: 0 0 5px 0;
    }
    #summary-modal .cart_item_date,
    #summary-modal .cart_item_time {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }
    .sm-fixed-modal .modal-footer {
        padding: 11px 15px;
    }
    #summary-modal .modal-footer> :not(:last-child) {
        margin-right: 0;
    }
    #summary-modal .modal-footer> :not(:first-child) {
        margin-left: 0;
    }
    .time_text_blk:nth-child(4n) {
        margin-right: 0;
    }
    .time_text_blk:nth-child(3n) {
        margin-right: 5px;
    }
    .time_text_blk {
        margin: 0 5px 15px 0;
        width: 100%;
        font-size: 12px;
        padding: 5px 4px;
    }
    .day_time_blk {
	    border-bottom: 1px solid rgb(40 42 49 / 6%);
	    margin: 0 0 28px 0;
	    padding-bottom: 28px;
	}
    .owl-carousel-date .owl-prev span,
    .owl-carousel-date .owl-next span {
        color: #bcccdc;
        font-size: 14px;
    }
    .owl-carousel-date .owl-next {
        right: -12px;
    }
    .owl-carousel-date .owl-prev {
        left: -12px;
    }
    .make_sm {
        height: 50px;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    .make_sm .g-nav {
        height: 50px;
    }
    .en-loc-cancel {
        font-size: 11px;
    }
    .modal-title {
        font-size: 16px;
    }
    footer .container>.row div[class^="col-"] {
        padding-bottom: 8px;
    }
    .ft-social {
        text-align: center;
        margin: 15px 0 0 0;
    }
    .ft-social li:last-child {
        padding: 0 20px;
    }
    .ft-logo {
        text-align: center;
    }
    .modal.left .modal-dialog,
    .modal.right .modal-dialog,
    .modal.bottom .modal-dialog {
        width: 100%;
    }
    .enter-location,
    .get-location {
        padding: 0;
    }
    .en-close {
        padding: 30px 15px 5px;
    }
    .en-close .close {
        float: right;
    }
    .choose-delivery-blk .box {
        width: 90px;
        height: 90px;
    }
    .choose-delivery-blk .box span:before {
        width: 44px;
        height: 44px;
        background-size: 44px 44px;
    }
    .delivery-btn {
        width: 90px;
        height: 90px;
    }
    .delivery-btn span img {
        width: 44px;
        height: 44px;
        position: relative;
        top: 5px;
    }
    .accepted-location-list li {
        width: 100%;
    }
    .addr-note {
        margin: 0;
    }
    .mb-otp-ver-blk .form-inline {
        margin: 0 !important;
    }
    .mb-checkout-step-blk button {
        padding: 10px 25px;
        width: 100%;
        margin: 15px 0 10px 0;
    }
    .mb-otp-ver-blk .form-inline .form-group, .mb-mobile-ver-blk .form-inline .form-group {
        margin: 0 0 15px 0 !important;
    }
    .otp-blk, .form-inline-blk-otp {
        float: left;
        width: 100%;
    }
    .form-inline .otp-blk > input {
        width: 45px;
        text-align: center;
        margin: 0 15px 0 0;
        height: 46px;
    }
    .mob-num-blk > input {
        box-sizing: inherit;
    }
    .added_address_blk {
        width: 100%;
    }
    .mb-banner.sm_st_banner .col-lg-1, .mb-banner.sm_st_banner .col-lg-7 {
        display: none;
    }
    .mb-banner .col-lg-1, .mb-banner .col-lg-7 {
        display: block;
    }
    .mb-addr {
        font-size: 13px;
    }
    .mb-addr-blk {
        justify-content: flex-start;
        align-items: center;
        display: flex;
        height: 38px;
    }
    .mob-nav .out-blk {
        height: 38px;
    }
    .sm_st_banner .mb-addr-blk {
        height: 40px;
        margin: 0 0 10px 0;
    }
    .mb-payment-blk .custom-control {
        display: block;
        margin: 0 0 15px 0;
    }
    .os-tit {
        margin-top: 20px;
    }
    .sm_st_banner .mob-nav .out-blk {
        height: 40px;
        margin: 0 0 10px 0;
    }
    .mioBasket_section {
        margin: 115px 0 85px 0 !important;
    }
    .miobasket_checkout, .mio_basket_summary {
        margin: 115px 0 85px 0 !important;
    }
    .step-content {
        padding: 15px;
    }
    .mb-mobile-ver-blk .form-inline-blk {
        width: 100%;
    }
    .form-inline-blk .form-group, .form-inline-blk-otp .form-group {
        margin: 0 !important;
    }
    .mb-banner .in_st_details .mp-title {
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        font-size: 16px !important;
    }
    .ch-dl {
        margin-left: 5px !important;
        text-transform: capitalize;
    }
    .miobasket_checkout .asi-title {
        margin: 30px 0 0 0;
    }
    #ChooseDelivery .client-logo {
        width: 80px;
        height: auto;
    }
    .mob-nav {
        display: block;
    }
    .web-nav {
        display: none;
    }
    #ShowCart .btn {
        text-transform: inherit;
    }
    .mob-nav .mb-navbar {
        display: flex;
    }
    .mob-nav .mb-navbar li a, .mob-nav .out-blk {
        padding-left: 0;
        margin-left: 15px;
    }
    .fixed_mb_blk {
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 999;
    }
    .mob-cat-btn {
        width: 110px;
        height: 40px;
        border-radius: 30px;
        background: #5d8ed5;
        color: #fff;
        text-align: center;
        -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.3), 0 2px 1px 0 rgba(93,141,213,.2);
        box-shadow: 0 5px 10px 0 rgba(0,0,0,.3), 0 2px 1px 0 rgba(93,141,213,.2);
        font-weight: 600;
        line-height: 20px;
        margin: 0 0 15px 0;
        font-size: 0.750rem;
    }
    .mob-cat-btn:hover, .mob-cat-btn:focus {
        color: #fff;
    }
    .view-cart-mb {
        background: #E96125;
        color: #fff;
        padding: 10px 15px;
    }
    .mb-view-cart-btn {
        background: #fff;
        color: #e96125;
        float: right;
    }
    .view-cart-mb {
        background: #E96125;
        color: #fff;
        padding: 10px 15px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
    }
    .mob-cat-blk {
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 110px;
        height: 40px;
        pointer-events: auto;
    }
    .mb-cat-section {
        -webkit-transform: translate3d(0,-56px,0);
        transform: translate3d(0,-56px,0);
    }
    .view-cart-mb .cart-count {
        position: inherit;
        top: inherit;
        left: inherit;
        width: inherit;
        height: inherit;
        background: transparent;
        font-size: 14px;
    }
    .fa-pencil-alt {
        font-size: 11px;
        position: relative;
        top: 1px;
    }
    .mb-banner.sm_st_banner {
        padding-bottom: 0;
        background: #fff;
        color: #061126;
        border-bottom: 1px solid #ccc;
    }
    .mb-banner.sm_st_banner .mb-navbar li a {
        color: #061126;
    }
    .fixed_mb_blk {
        display: block;
    }
    .asi_name {
        font-size: 14px;
        line-height: 18px;
    }
    /* Column */
    .wimg-sm .col-6:nth-child(odd) {
        padding-right: 7.5px;
    }
    .wimg-sm .col-6:nth-child(even) {
        padding-left: 7.5px;
    }
    .asi_add_info {
        font-size: 13px;
        line-height: 18px;
    }
    .ac_id_st_blk .mb_asi_name {
        margin: 0 0 10px 0;
        line-height: 24px;
    }
    .mb-mob-var-blk {
        min-height: 48px;
    }
    /* End Column */
    .mob-nav .ham-menu {
        max-width: 50px;
    }
    .mob-nav .ham-menu .fa-bars {
        font-size: 24px;
        position: relative;
        top: 7px;
    }
    .c-logo-blk {
        flex: 0 0 72px;
        max-width: 72px;
    }
    .mxx-wid {
        white-space: nowrap; 
        max-width: 30%; 
        overflow: hidden;
        text-overflow: ellipsis; 
        display: inline-block;
    }
    .mx-wid {
        white-space: nowrap; 
        max-width: 25%; 
        overflow: hidden;
        text-overflow: ellipsis; 
        display: inline-block;
    }
    /* .prob-list-mb {
        border-bottom: none;
        border-top: 1px solid #e9e9eb;
        padding: 15px 0 25px 0;
        margin: 0 0 0 0;
    } */
    /* .new-class .prob-list-mb {
        border-top: none;
    } */
    .mioBasket_section .asi_add_info {
        line-height: 18px;
    }
    .accepted-location-list {
        text-align: left;
    }
    .accepted-location-list li {
        width: 46%;
        display: inline-block;
        margin-right: 10px;
    }
    .mobile p br {
        display: none;
    }
    #GetIn .md-check-blk li {
	    width: 100%;
    }
    .icon-status {
        text-align: center;
        padding-right: 15px !important;
        margin: 0 0 10px 0;
    }
    #summary-modal .modal-body {
        bottom: 72px;
    }
    .default_store_icon.ng-scope {
        width: 48px;
        text-align: center;
    }
    .in_st_details .col-md-1.pr-0.col-3 {
        width: 60px;
        height: 48px;
        max-width: 60px;
        margin-right: 15px;
        flex: 0 0 60px;
    }
    .ohs {
        text-align: left;
        padding: 0 0 0 75px;
    }
    .default_store_icon .fa-building {
        font-size: 36px;
    }
    .slide {
        height: auto;
    }
    .show_more_dates .btn.btn-link:after {
        display: none;
    }
    .selected__staff span, .selected__date span, .selected__time span {
        background-color: #2CA01C;
        color: #fff;
        border-radius: 100px;
        padding: 4px 12px;
        margin: 0 0 0 5px;
    }
    .selected__staff, .selected__date, .selected__time {
        margin: 10px 0 0 0;
        text-transform: capitalize;
        font-size: 12px;
    }
    #showstafflist .btn-link::after, #showdatelist .btn-link::after, #showtimelist .btn-link::after {
        position: absolute;
        right: 0;
        top: 6px;
    }
    #summary-modal .modal-footer button:disabled {
        background: #aeaeae;
        cursor: not-allowed;
    }
    /* new design starts */
    /* slide */
    #w-s-slide-mobile {
        display: block;
    }
    #w-s-slide-mobile .owl-dots {
        position: absolute;
        bottom: 11px;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.1);
    }
    #w-s-slide-mobile .owl-dots .owl-dot span {
        background: #D9D9D9;
        width: 6px;
        height: 6px;
    }
    #w-s-slide-mobile .owl-dots .owl-dot.active span, #w-s-slide-mobile .owl-dots .owl-dot:hover span {
        background: #23B2AF;
    }
    #w-s-slide-mobile .owl-prev span, #w-s-slide-mobile .owl-next span {
        font-size: 30px !important;
    }
    .w__ss-item {
        height: 210px;
        border-radius: 0;
    }
    .w__ss-item img {
        border-radius: 0;
    }
     .w__ss-item-desk {
        height: 210px;
        border-radius: 0;
    }
    .w__ss-item-desk img {
        border-radius: 0;
    }
     .w__ss-item-mob {
        height: 210px;
        border-radius: 0;
    }
    .w__ss-item-mob img {
        border-radius: 0;
    }
    /* End slide */
    /* store head section */
    .w__hero-section {
        display: none;
    }
    .w__storehead-mobile {
        position: relative;
        display: block;
        width: 100%;
        float: left;
        top: -20px;
        z-index: 9;
        background-color: #fff;
        padding-top: 15px;
    }
    .w__store-head {
        display: flex;
        max-width: 100%;
        flex: 0 0 100%;
        margin: 0 0 10px 0;
    }
    .w__store-rating {
        display: flex;
        align-items: center;
        flex: 0 0 35px;
    }
    .w__store-rating svg {
        margin-right: 5px;
        position: relative;
        top: 3px;
    }
    .w__store-name {
        flex: 0 0 calc(100% - 45px);
        max-width: -webkit-calc(100% - 45px);
        width: -webkit-calc(100% - 45px);
        width: -moz-calc(100% - 45px);
        width: calc(100% - 45px);
        padding-right: 15px;
    }
    .w__store-rating {
        display: flex;
        align-items: flex-start;
        flex: 0 0 45px;
        max-width: 45px;
        font-weight: 600;
        font-size: 13px;
        position: relative;
        top: 5px;
    }
    .w__store-name h1 {
        font-size: 24px !important;
        line-height: 36px;
    }
    .w__loc-blk {
        display: flex;
        align-items: flex-start;
    }
    .w__loc-group, .w__time-group, .w__bookcon-group {
        color: #6F81A1;
    }
    .w__loc-nav a, .status__open {
        color: #23B2AF;
    }
    .status__closed {
        color: #e90f0f;
    }
    .w__loc-nav {
        flex: 0 0 88px;
        font-weight: 500;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
    }
    .w__loc-nav .fal.fa-map {
        position: relative;
        padding-right: 5px;
    }
    .w__loc {
        flex: 0 0 calc(100% - 88px);
        max-width: -webkit-calc(100% - 88px);
        width: -webkit-calc(100% - 88px);
        width: -moz-calc(100% - 88px);
        width: calc(100% - 88px);
        padding-right: 15px;
        display: flex;
        flex-direction: column;
    }
    .w__loc-group, .w__time-group, .w__time-blk, .w__bookcon-group {
        display: flex;
    }
    .w__loc-change {
        padding-left: 19px;
    }
    .w__loc-change a:hover, .w__loc-change a:focus {
        color: #23B2AF;
    }
    .w__open-hrs {
        padding-right: 15px;
    }
    .w__loc-icon, .w__time-icon, .w__bolt-icon {
        width: 24px;
    }
    .w__time-icon .fa-clock {
        font-size: 16px;
        position: relative;
        top: 4px;
    }
    .w__loc-icon .fa-map-marker-alt {
        font-size: 21px;
        position: relative;
        top: 2px;
    }
    .w__bolt-icon .fa-bolt {
        font-size: 19px;
        position: relative;
        top: 4px;
        left: 3px;
    }
    .status__open .fas, .status__closed .fas {
        font-size: 10px;
        padding-right: 5px;
    }
    .w__time-status {
        display: flex;
    }
    .w__time-status span {
        padding-right: 15px;
    }
    .status__open, .status__closed {
        display: flex;
        align-items: center;
    }
    .w__loc-name {
        text-transform: capitalize;
    }
    .w__bookcon-group, .w__time-blk, .w__loc-blk {
        font-size: 13px;
        font-weight: 500;
        margin: 0 0 10px 0;
    }
    .store-banner {
        display: none;
    }
    .w__storehead-mobile .timing {
        display: flex;
        color: #6F81A1;
    }
    .timing:hover, .timing:focus {
        text-decoration: none;
    }
    #timing .card {
        background-color: transparent;
        border: none;
    }
    .w__storehead-mobile .w__current-time {
        border-bottom: 1px dashed #6F81A1;
    }
    .w__time-item {
        display: flex;
        font-size: 12px;
    }
    .w__sslide-mobile {
	    width: 100%;
	    position: relative;
	    float: left;
	}
    /* End store head section */
    /* Service section */
    .w__service-group {
        display: flex;
    }
    .w__serive-price {
        flex: 0 0 175px;
        text-align: right;
        display: flex;
        align-items: self-start;
        justify-content: flex-end;
    }
    .w__serive-item {
        flex: 0 0 calc(100% - 300px);
        max-width: -webkit-calc(100% - 300px);
        width: -webkit-calc(100% - 300px);
        width: -moz-calc(100% - 300px);
        width: calc(100% - 300px);
    }
    .w__giftVoucher .w__serive-item {
        flex: 0 0 calc(100% - 150px);
        max-width: -webkit-calc(100% - 150px);
        width: -webkit-calc(100% - 150px);
        width: -moz-calc(100% - 150px);
        width: calc(100% - 150px);
    }
    .asi_c_price {
        font-size: 16px;
    }
    .w__servoc-price {
        font-size: 30px;
    }
    .w__servoc-count span {
        font-size: 14px;
        text-transform: lowercase !important;
    }
    .w__fxbottomcard-left {
        position: relative;
        top: 4px;
    }
    .sm_dt_btn_blk {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #summary-modal .modal-footer .w__fxbottomcard-left {
        display: flex;
        flex-direction: column;
    }
    .sm_cp_title {
        font-size: 17px;
    }
    .w__ss-list {
        background-color: #F3F6FA;
        border-radius: 8px;
    }
    .w__sslist-item {
        padding: 15px;
        display: flex;
    }   
    .w_sslist-left {
        display: flex;
        flex-direction: column;
        flex: 0 0 calc(100% - 130px);
        max-width: -webkit-calc(100% - 130px);
        width: -webkit-calc(100% - 130px);
        width: -moz-calc(100% - 130px);
        width: calc(100% - 130px);
    }
    .w_sslist-servicename, .w_sslist-price, .w__selected-time, .w__selected-date {
        font-size: 1rem;
    }
    .w_sslist-staffname {
        color: #6F81A1;
        font-size: 13px;
    }
    .w_sslist-right {
        display: flex;
        width: 110px;
        align-items: flex-start;
        justify-content: flex-end;
    }
    .w__add-service {
        font-size: 13px;
	    color: #23B2AF;
	    margin: 0 20px 0 0;
    }
    .w__sslist-item:first-child, .w__dt-item:first-child {
        border-top: none;
    }
    .w__siblk-mb .w__serive-price {
        align-items: end;
        justify-content: space-between;
        flex-direction: column;
        gap: 8px;
    }
    .w__sp-group {
        display: flex;
    }
    .w__siblk-mb .asi_offer {
        font-size: 9px;
        margin: 10px 0 0 0;
        display: inline-flex;
    }
    .w__siblk-mb .w__sp-group > div {
        line-height: 13px;
    }
    .w__sslist-item {
        padding: 15px;
        display: flex;
        border-top: 1px solid rgba(40, 42, 49, .1);
    }
    .w__dt-list {
        background-color: #F3F6FA;
        border-radius: 8px;
        margin-bottom: 40px !important;
    }
    .w__dt-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 22px 15px;
        border-top: 1px solid rgba(40, 42, 49, .1);
    }
    /*.w_sslist-delete {
        padding-left: 15px;
        font-size: 22px;
    }*/
    .w__selected-edit {
        font-size: 22px;
    }
    /* End service section */
    /* Summary section */
    .booking_confir h3, .status_desc h3 {
        font-size: 16px;
    }
    .w__sslist-summary {
        background-color: #fff;
    }
    .login-form button, .register-form button, .address-form button {
        height: auto;
    }
    .w__bd {
        border-top: 1px solid rgba(40, 42, 49, .1);
    }
    .w__ss-list .w__summarylist-item:last-child {
        padding-bottom: 15px;
        padding-top: 15px;
        margin-top: 12px;
    }
    .w__ss-list .w__summarylist-item:first-child {
        padding-top: 15px;
    }
    .w__ss-list .w__summarylist-item {
        padding: 12px 15px;
    }
    /* End summary section */
    /* GV */
    .vv_group {
	    display: block;
	}
	.va_group {
	    display: block;
	}
	.add__recipient-blk {
	    border-top: none;
	    margin: 5px 0 0 0;
	}
    /* End GV */
    /* choose a branch */
    .w__clstore-item {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	.w__clstore-details .w__bookcon-group, .w__clstore-details .w__loc-blk {
	    font-size: 14px;
	}
    /* Choose a branch */
    .w__sab-list {
	    border-top: none;
    	padding-top: 0;
	}
	.w__sab-two {
	    justify-content: flex-start;
	}
	.w__ser-lt {
	    max-width: 100%;
	    flex: 0 0 100%;
	    -ms-flex: 0 0 100%;
	    -webkit-flex: 0 0 100%;
	    -webkit-box-flex: 0;
	}
	.w__siblk-dk.w__giftVoucher label {
	    padding: 0 0 0 55px; 
	}
	.aph__empty p br {
		display: none;
	}
    footer{
        padding: 0px;
    }
    .add-service-item {
        width:60px;
	    height: 25px;
	    line-height: 22px;
	    font-size: 14px;
    }
    .service-quantity-input{
        padding: 4px;
    }
    .add-service-item button{
        padding: 0 !important;
    }
    /* End new design */
}
/********** End Tab(Portrait) & Mob !importantile View ************/
/* Small Screen */
@media screen and (min-width: 320px) and (max-width: 375px) { 
    .asi_add_info {
        font-size: 12px;
        line-height: 18px;
    }
    .asi_c_price {
        font-size: 14px;
    }
    .nav-tabs.w__tabs li a {
	    padding: 10px 15px !important;
	}
    /* .btn-mb {
        padding: 12px 12px;
    } */
}
/* End Small Screen */