/* ============= max-width:1400px ==========*/

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

}


/* ============= max-width:1200px ==========*/

@media only screen and (max-width: 1200px) {
    .about-box { padding: 60px 30px;}
    .add-to-bag-block .icon-cart {
        top: 15px;
        left: 35px;
    }
    .add-to-bag-block a {
        padding: 12px 40px 12px 60px;
    }
    .add-to-bag-block{padding-top: 24px;}
    /* Multistep From */
    .multistep{padding: 60px 0;}
    .progress-row{margin: 0;}
    /* .multisteps-form-progress-btn span.step-count-text{bottom: -40px;} */
	.multisteps-form-progress-btn:after{width: 100%;right: auto;left: -50%;}
	.multisteps-form-progress-btn.js-active,
	.multisteps-form-progress-btn{background-color: transparent;justify-content: center;}
	.multisteps-form-progress-btn.js-active span:before{content: '';width: 16px;height: 16px;border-radius: 100%;position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;}
	.multisteps-form-progress-btn span{background-color: #EFEFEF;}
    .multisteps-form-progress-btn {width: 25%;}
	.multisteps-form-progress-btn.js-active span{background-color: #7365E4;}
	.multisteps-form-progress-btn span{width: 16px;height: 16px;border-radius: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
    /* End Multistep From */
    .calendar{width: 100%;}
    .date-block{padding: 20px 10px;}
    .time-block{padding: 20px 15px;}
    .bottom-content{flex-wrap: wrap;}
    .bottom-content .secondary-btn{margin-top: 10px;padding: 6px 20px;}
}


/* ============= max-width:991px ==========*/

@media only screen and (max-width: 991px) {
    /*============= Mobile Menu CSS =============*/
    .navigation{display: none;}
    .mobile-header{display: flex;align-items: center;}
    .mobile_only {display: block; }
    .mobile-header__menu-button {
        color: #fff;
        background-color: transparent;
        height: 22px;
        width: 22px;
        padding: 0px;
        border-radius: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        -webkit-appearance: none;
        margin-right: 20px;
        cursor: pointer;
    }
    .icon_close {
        background-image: url(../images/icon_close.svg);
    }
    .icon_24 {
        width: 24px;
        height: 24px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
    }
    .top_logo {color:#fff; width: 100%; max-width: 150px;margin-left: 20px;}
    .top_logo a{color:#fff;}
    .top_logo a img {margin: 0;width: 100%;height: 100%;}
    .child_menu_icon,/*
    .mobile-menu__panel-back{background-image:url('../images/icon_arrow_right_white.svg')!important;background-size:12px!important}
    .mobile-menu__close{background-image:url('../images/icon_mobile_menu_close.svg')!important;background-size:18px!important}*/
    .child_menu_icon,.mobile-menu__close,.mobile-menu__panel-back{background-repeat:no-repeat!important;background-position:center!important}
    /* .mobile-menu__panel-title{color:#fff;color:#fff;text-align:center;margin:auto;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:.04em} */
	.mobile-menu {visibility: hidden; -webkit-transition: visibility 0s 0.25s; transition: visibility 0s 0.25s;}	  
    .mobile-menu__backdrop{position:fixed;left:0;top:0;right:0;bottom:0;z-index:1000;background:rgba(51,51,51,.8);opacity:0;will-change:opacity;-webkit-transition:opacity .25s cubic-bezier(.25, .46, .45, .94);transition:opacity .25s cubic-bezier(.25, .46, .45, .94)}
    .mobile-menu__body{position:fixed;top:0;bottom:0;z-index:1000;background:#2f2f2f;width:90%;max-width:360px;overflow:hidden;-webkit-transition:-webkit-transform .25s cubic-bezier(.25, .46, .45, .94);transition:-webkit-transform .25s cubic-bezier(.25, .46, .45, .94);transition:transform .25s cubic-bezier(.25, .46, .45, .94);transition:transform .25s cubic-bezier(.25, .46, .45, .94),-webkit-transform .25s cubic-bezier(.25, .46, .45, .94);will-change:transform}
	[dir=ltr] .mobile-menu__body {left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%)}
	[dir=rtl] .mobile-menu__body {right: 0; -webkit-transform: translateX(100%); transform: translateX(100%)}
	.mobile-menu--open {visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s;}
	.mobile-menu--open .mobile-menu__backdrop {opacity: 1}
	.mobile-menu--open .mobile-menu__body {	-webkit-transform: translateX(0); transform: translateX(0);}
    .mobile-menu__close{position:absolute;top:0;width:48px;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:2;border:none;padding:0;fill:currentColor;-webkit-transition:background-color .15s,color .15s;transition:background-color .15s,color .15s;background-color:#2f2f2f;cursor:pointer}
	.mobile-menu__close:focus {outline: none;}
	[dir=ltr] .mobile-menu__close {right: 0;}	  
	[dir=rtl] .mobile-menu__close {left: 0;}	
    .mobile-menu__panel{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;left:0;top:0;right:0;bottom:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#2f2f2f;z-index:1;-webkit-transition:-webkit-transform .25s cubic-bezier(.25, .46, .45, .94);transition:-webkit-transform .25s cubic-bezier(.25, .46, .45, .94);transition:transform .25s cubic-bezier(.25, .46, .45, .94);transition:transform .25s cubic-bezier(.25, .46, .45, .94),-webkit-transform .25s cubic-bezier(.25, .46, .45, .94)}
	[dir=ltr] .mobile-menu__panel--hide {-webkit-transform: translateX(-100%); transform: translateX(-100%);}	  
	[dir=rtl] .mobile-menu__panel--hide {-webkit-transform: translateX(100%); transform: translateX(100%);}	  
	[dir=ltr] .mobile-menu__panel--hidden {-webkit-transform: translateX(100%);transform: translateX(100%);}
	[dir=rtl] .mobile-menu__panel--hidden {-webkit-transform: translateX(-100%); transform: translateX(-100%);}
    .mobile-menu__panel-header{-ms-flex-negative:0;flex-shrink:0; padding-bottom: 20px; border-bottom:1px solid rgba(255,255,255,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:2px;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden}
    .mobile-menu__panel-header .top_logo a img {
        width: 60px;
    }

    .top_logo {
        margin: 10px 20px;
    }

    .mobile-menu__panel-back{position:absolute;top:8px;width:auto;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1;border:none;padding-top:0;padding-bottom:0;fill:currentColor;-webkit-transition:background-color .15s,color .15s;transition:background-color .15s,color .15s;cursor:pointer}
	[dir=ltr] .mobile-menu__panel-back {left: 0;width: 48px;transform: rotate(180deg);}
	[dir=rtl] .mobile-menu__panel-back {right: 0; padding-right:8px; padding-left: 2px;}
	[dir=ltr] .mobile-menu__panel-back svg {-webkit-transform: scaleX(1); transform: scaleX(1);}
	[dir=rtl] .mobile-menu__panel-back svg {-webkit-transform: scaleX(-1); transform: scaleX(-1);}	  
	.mobile-menu__links {list-style: none; padding: 0; margin: 0; position: relative;}
    .mobile-menu__links li{display:block; position: relative;}
    .mobile-menu__links li .child_menu_icon{position:absolute; top:0; right:0; height:51px; width:48px; border-left:1px solid rgba(255,255,255,0.1); cursor:pointer;border-bottom: none;}
    .mobile-menu__links>li>a{position:relative;color:#fff;width:100%;border:none;background:0 0;font-size:16px;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:12px;padding-bottom:12px;}
	.secondary_links.mobile-menu__links{padding-top:0;}
	.secondary_links.mobile-menu__links > li > a{font-size:12px; padding-top:8px; padding-bottom:8px; color:#fff;}
	[dir=ltr] .mobile-menu__links > li > a {padding-left: 20px; padding-right: 33px; text-align: left;}
	[dir=rtl] .mobile-menu__links > li > a{padding-right: 20px; padding-left: 33px; text-align: right;}
	.mobile-menu__links > li > a:hover{text-decoration:none}
	.mobile-menu__links > li > a:focus{outline: none;}
	.mobile-menu__links > li > a svg, .mobile-menu__links > li > a .right_icon{position: absolute; top: calc(50% - 12px); fill: #bfbfbf;}
	.mobile-menu__links > li > a .left_icon{margin-right:10px;}
	[dir=ltr] .mobile-menu__links > li > a svg, [dir=ltr] .mobile-menu__links > li > a .right_icon{right: 16px; -webkit-transform: scaleX(1); transform: scaleX(1);}
	[dir=rtl] .mobile-menu__links > li > a svg, [dir=rtl] .mobile-menu__links > li > a .right_icon{left: 16px; -webkit-transform: scaleX(-1); transform: scaleX(-1);}
	.mobile-menu__divider {-ms-flex-negative: 0; flex-shrink: 0; height: 1px;border-bottom: 1px solid #fff3;}
    /*============= End Mobile Menu CSS =============*/
    .site_header {
        display: none;
    }
    .user_section {
        padding: 20px 0;
    }
    .professional-section p{
        padding-top: 20px;
        font-size: 16px;
        line-height: 20px;
    }
    .professional-section ul li{margin-left: 50px;}
    .col-one {
        position: relative;
        margin: 0;
        cursor: pointer;
    }
    .col-one.active:after {
        transform: rotate(180deg);
        transition: 0.4s;
    }
    .footer-col {
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgb(94 94 94 / 30%);
    }
    h6.footer-title {padding-bottom: 0;}
    .col-one:after {
        content: '';
        position: absolute;
        top: 4px;
        right: 0;
        width: 20px;
        height: 20px;
        background-image: url(../images/select-down-arrow.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: 0.4s;
    }
    .site-footer {padding: 30px 0 0;}
    .mobile-margin{margin-top: 24px;}
    .footer-menu li {
        margin-top: 4px;
        margin-bottom: 0px;
    }
    .footer-logo {margin-bottom: 5px;}
    .copyright span{margin-top: 50px;}
    .social-icon{padding-top: 16px;}
    ul.footer-contact { padding: 16px 0 24px;}
    .footer-contact .call-block a {
        font-size: 16px;
        line-height: 32px;
        padding-left: 35px;
    }
    .services-section {padding: 35px 0; }
    .common_padding {padding: 30px 0;}
    h2 {
        font-size: 34px;
        line-height: 45px;
    }
    h3 {
        font-size: 28px;
        line-height: 36px;
    }
    .filter{
        display: block; 
        position: relative;
        padding: 10px ;
        cursor: pointer;
    }
    .filter:after {
        content: '';
        position: absolute;
        background-image: url(../images/filter.svg);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        top: 10px;
        right: 15px;
        width: 20px;
        height: 20px;
    }
    .filter-area{
        display: none;
    }
    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        background-color: #FFFFFF;
        overflow-x: hidden;
        transition: 0.5s;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
        padding-top: 20px;
    }
    .sidenav .closebtn {
        position: absolute;
        top: 5px;
        right: 20px;
        font-size: 26px;
    }
    .listing-filter-box{margin-bottom: 24px;position: inherit;}
    .filter-area-mobile{display: block;}
    .filter-area-block{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 16px;
    }
    .closebtn {display: block;}
    .pagination-navigation{justify-content: center;}  
    .ui-datepicker-calendar thead tr th span{width: auto;}
    .booking-success{padding: 40px 20px;}
    .story-content {padding: 40px 0;}
    .contact-box{padding: 100px 15px;}
    .booking-details-section .services-grey-box {margin-top: 30px;}

    /* New CSS 09/06/2023 */
    .square-box .add-bag-box {
        position: static;
    }
    .square-box .add-bag-box-block {
        display: inline-block;
        position: absolute;
        bottom: 0px;
        left: 0;
        opacity: 1;
        z-index: 2;
        transition: all .5s;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }
}  

/* ============= max-width:768px ==========*/

@media only screen and (max-width: 768px) {
}


/* ============= max-width:767px ==========*/

@media only screen and (max-width: 767px) {
    .cart-icon {padding-left: 10px; }
    .login-icon:before{top: -14px;right: -13px;}
    .login-user a{font-size: 0;}
    .desktop-search{display: none;}
    .mobile-serach input{display: none;}
    .mobile-search-icon {
        display: block;
        position: static;
        line-height: normal;
        cursor: pointer;
        margin-right: 18px;
        border-right: 1px solid rgb(102 102 102 / 60%);
        padding-right: 12px;
    }
    .mobile-search-box {
        display: none;
        position: absolute;
        z-index: 2;
        left: 0;
        right: 0;
        top: 100%;
        width: 100%;
    }
    .mobile-search-box input.search-field{
        border: 1px solid #7365E4;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        font-size: 16px;
        -webkit-appearance: none;
    }
    ul.search-results{top: 40px;}

    .login-user{padding-right: 18px;}
    .site_header {padding: 16px 0;}
    .professional-section p {
        padding-top: 16px;
        font-size: 16px;
        line-height: 24px;
    }
    .about-desktop-img{display: none;}
    .about-mobile-img{ display: block;margin-top: 20px;width: 100%;}
    .about-box{height: auto;padding: 20px;}
    .about-box p {margin: 20px 0; }
    .services-section {padding: 30px 0; }
    .pt-60 {padding-top: 30px; }
    .service-details {padding-top: 30px;}
    .breadcrumb-section {padding: 20px 0;}
    .add-to-bag-block a{padding: 12px 15px 12px 30px;}
    .add-to-bag-block .icon-cart { top: 15px;left: 10px;}
    .service-description {padding-top: 20px;margin-top: 20px;}
    .add-to-bag-block {padding-top: 12px;}
    .pt-24 {padding-top: 12px;}
    .pb-18 {padding-bottom: 10px;}
    .profile-content{display: none;}
    .profile-block:after{display: none;}
    .mobile-login-user{padding-right: 10px;}
    .profile-information{margin-top: 30px;padding: 30px 20px;}
    .myprofile-box  {
        display: flex;
        flex-direction: row;
        white-space: nowrap;
        overflow-x: auto;
    }
    .myprofile-box li a::after{display: none;}
    .mybooking-box .nav-pills {
        /* max-width: 100%;
        margin: 0 auto;
        justify-content: center;
        display: flex; */
        margin-top: 30px;
    }
    .our-story-mobile{display: block; width: 100%;margin-top: 30px;}
    .our-story-desktop{display: none;}
    .story-content p {max-width: 100%;}
    .about-bg{padding: 30px 0;}
    h1 {font-size: 48px; line-height: 51px;}
    .about-bg h5{font-size: 18px;line-height: 20px;}
    .story-content {padding: 0; }
    .mt-60 { margin-top: 30px;}
    .contact-us .profile-information{margin-top: 0;}
    .contact-us .profile-information {margin-top: 30px;}
    .booking-details-section .services-grey-box {margin-top: 30px;}
    .arrow_box:before{right: 20px;left: auto;}

    /* New CSS 09/06/2023 */
    .profile-block {
        margin-right: 0;
    }
}

/* ============= max-width:640px ==========*/

@media only screen and (max-width: 640px) {
    .professional-section ul li { margin-left: 30px; }
}

/* ============= max-width:575px ==========*/

@media only screen and (max-width: 575px) {
    .call-block a {
        font-size: 12px;
        line-height: 30px;
        padding-left: 30px;
    }

    .edit-detail-box.book-table .js-btn-next.primary-btn { 
        margin: 10px 0 0 15px;
    }

    .professional-section ul li{width: 49%;margin-left: 0;margin-bottom: 15px;}
    .offcanvas.offcanvas-end.offcanvasMiniCart{width: 310px;}
    .offcanvas-header{padding: 20px;}
    .minicart-product { padding: 15px;}
    .mini-product-list .product-img a {
        width: 80px;
        height: 80px;
        padding: 15px;
    }
    .mini-product-list .product-detail p { font-size: 16px;line-height: 23px;}
    .selected-services{flex-wrap: wrap;}
    .selected-services .product-img { min-width: 100%;}
    .selected-services .product-img img{width: 100%;object-fit: cover;}
    .bottom-content{margin-top: 15px;}
    .add-service{justify-content: center;}
    .services-grey-box {margin-top: 30px;}
    .contact-box { padding: 40px 15px; }
    .contact-us .call-block a {
        font-size: 16px;
        line-height: 32px;
        padding-left: 35px;
    }
    .square-box-content{padding: 15px;position: relative;}
    .square-box-content p:before {
        content: '';
        -webkit-mask-image: url(../images/icon-cart.svg);
        mask-image: url(../images/icon-cart.svg);
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background: #7365E4;
        transition: 0.4s;
        position: absolute;
        top: 15px;
        right: 15px;
        -webkit-mask-size: cover;
        cursor: pointer;
    }
    .square-box .add-bag-box{display: none;}
    .square-box .square-box-img::after{display: none;}
    .mini-product-list .cart-product-img a {
        width: 100px;
        height: 80px;
        padding: 6px;
    }
    .tabing-block {
        gap: 8px;
    }
    .mini-product-list .product-detail {
        padding-left: 12px;
    }
    .tooltip {
        font-size: 12px;
    }
}

/* ============= max-width:480px ==========*/

@media only screen and (max-width: 480px) {
    .location-block .title-3{font-size: 0;}
    .mobile-header__menu-button{margin-right: 10px;height: 20px;width: 20px;}
    .copyright a {display: block; }
    h1 {
        font-size: 32px;
        line-height: 43px;
    }
    h2 {
        font-size: 24px;
        line-height: 30px;
    }
    h3 {
        font-size: 22px;
        line-height: 34px;
    }
    h5{
        font-size: 18px;
        line-height: 27px;
    }
    .bottom-header{display: none;}
    .about-box .secondary-btn {padding: 12px 30px 12px 15px;}
    .secondary-btn{font-size: 14px;line-height: 18px;}
    .icon-arrow:before{top: 18px;right: 8px;}
    .site_header{top: 30px;}
    nav.site_header.sticky {top: 0;}
    h2 {
    font-size: 26px;
    line-height: 35px;
    }
    .mobile-banner{display: block;}
    .desktop-banner{display: none;}
    .title-3 {font-size: 10px;line-height: 16px; }
    h6.footer-title{font-size: 16px;line-height: 22px;}
    .mb-16 {margin-bottom: 10px;}
    .mt-30 {margin-top: 15px; }
    .heading-3 {
        font-size: 22px;
        line-height: 34px;
    }
    .about-box .secondary-btn, .recommended-service .secondary-btn {padding: 12px 30px 12px 20px;}
    .copyright span {margin-top: 40px;padding: 10px;font-size: 12px;}
    ul.footer-menu li a {font-size: 14px;line-height: 27px; }
    .footer-col {margin-bottom: 12px;padding-bottom: 12px;}
    .mobile-margin {margin-top: 18px;}
    ul.footer-contact { padding: 16px 0;}
    address {font-size: 14px;line-height: 27px;}
    .footer-contact .call-block a { font-size: 14px;line-height: 30px;}
    .mt-40 {margin-top: 20px; }
    .button-row{grid-gap: 10px;margin-top: 30px;}
    .time-block{padding: 22px 10px;}
    .mt-60 {margin-top: 30px;}
    .mybooking-box .nav-pills .nav-link {padding: 6px 20px;font-size: 12px;}
    .about-bg h5 {font-size: 16px;line-height: 19px;}
    .pt-30{padding-top: 15px;}
    .multisteps-form-progress-btn span.step-count-text{font-size: 12px;line-height: 15px; width: 70px;}
    .banner-mg .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 0;}
    .minicart-bottom a{padding: 12px 0;}
    footer p{font-size: 14px;line-height: 25px;}
    .about-contact-box{padding: 10px;}
    .common_padding_bottom {padding: 0 0 30px;}
    /* New CSS 09/06/2023 */
    .breadcrumb {
        margin: 50px 0 0 0;
    }
    .mybooking-box .top-content {
        flex-direction: column-reverse;
    }
    .mybooking-box .top-content .price-tag {
        padding-left: 25px;
    }
}

/* ============= max-width:320px ==========*/

@media only screen and (max-width: 320px) {
}