@media (max-width: 375.98px) {

    .sign-email-btn {

        font-size: 14px;

    }



    .news-blog-data {

        font-size: 12px;

    }



    .news-blog-content .all-the-reasons {

        font-size: 17px;

    }

}



@media (max-width: 468.98px) {

    .Banner-Title-Text .Find-Spa, .Banner-Title-Text .that-Travel {

        font-size: 28px;

    }



    .home-banner-section {

        padding: 0;

    }



    .thanks-popup .modal-footer button {

        font-size: 11px;
    }

    .massage-type img {
        width: 8%;
    }

    .Review-detail .client-profile img {
        width: 90%;
    }

    .Contact-Us-btn .More-FAQs-btn {
        width: 100%;
    }

    .spa-name-detail .spa-name h3 {
        font-size: 15px;
    }

    .Inquiries-profile-info {
        grid-template-columns: repeat(2, 1fr);
    }
}





@media (max-width: 575.98px) {

    .carousel-indicators [data-bs-target] {

        width: 8px;

        height: 8px;

    }



    .sign-google-btn , .EMail .form-field{

        margin-top: 24px;

    }



    

    .already-have-account p {

        margin-top: 20px;

    }



    .section-heading .heading-title {

        font-size: 28px;

    }



    .heading-description {

        font-size: 16px;

        width: 100%;

    }



    .how-its-work .how-work-title {

        font-size: 20px;

    }



    .Frequently-Asked-Questions-Section .accordion-button{

        font-size: 14px;

        padding: 10px 10px;

    }



    .Frequently-Asked-Questions-Section .accordion-body-desc {

        font-size: 12px;

    }



    .Frequently-Asked-Questions-Section .accordion-body{

        padding: 6px 10px;

    }



    .footer-support-menu , .subscribe-to-mobile , .second-footer {

        margin-top: 15px;

    }



    .side-blog-detail .blog-side-datetime {

        font-size: 9px;

        margin-left: 10px;

    }



    .side-blog-detail .blog-side-datetime ul{

        padding-left: 13px;

    }



    .blog-side-content .blog-side-title{

        font-size: 11px;

        margin-left: 10px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 1;

        -webkit-box-orient: vertical;

        margin-bottom: 3px;

    }



    .blog-side-content .blog-side-desc{

        margin-left: 10px;

        font-size: 10px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;

    }



    .blog-side-image img {

        border-radius: 8px;

        width: 116px;

        height: 104px;
    }


    .Spa-professional {

        font-family: Oranienbaum;

        font-size: 26px;

        top: 35%;

        width: 80%;

        left: 30px;

    }



    .professional-bg-imaga .Signup-Now {

        width: 79% !important;

        position: absolute;

        bottom: 39%;

        left: 10%;

        font-size: 15px;

    }

    .sort-reviwe .dropdown .Review-sorting {
        width: 100%;
        margin: 20px 0;
    }

    .sort-reviwe .dropdown p{
        display: none;
    }

    .Similar-Services-title h3 , .Similar-Services-title p{
        text-align: center;
    }

    .result-page .dropdown .Review-sorting{
        margin: 05px 10px;
    }    

    .pages-for-mobile p{
        font-size: 12px;
        margin: 10px 10px;
    }

    .filter-for-mobile , filter-for-mobile:focus{
        border: 1px solid #D2D2D3;
        background: white;
        color: #98A2B3;
        border-radius: 0;
        box-shadow: none !important; 
    }

    .result-page .modal .modal-dialog .modal-content{
        margin-top: 40%;
    }

    .view-all-service .Contact-Us-btn{
        margin-top: 50px;
    }

    .view-all-service a{
        text-decoration: none;
    }

    .view-all-service .More-FAQs-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }

    .view-all-service .More-FAQs-btn .bx-right-arrow-alt{
        font-size: 20px;
    }

    .pagination {
        justify-content: center;
    }

    .services-icon img {
        width: 30%;
    }

    .services-content p {
        height: 150px;
    }

    .popular-Therapies h3{
        margin: 0 auto;
    }

    .banner-title-text .banner-text {
        font-size: 33px;
    }
    .Facial-Scrub-Detail .f-name-profile p, .facial-name-profile .f-date-time p {
        font-size: 14px;
    }
    .Facial-title-desc .f-tile {
        font-size: 27px;
    }
    .Facial-title-desc .f-desc {
        font-size: 14px;
    }
    .shot-tags-icons {
        display: block;
    }
    .client-content p {
        font-size: 12px;
    }
    .Review-info .Comment-client-name{
        display: block;
    }
    .Review-info .Comment-client-name .posted-date{
        padding: 5px 0 ;
    }
    .spa-contact-form .contact-text h3{
        font-size: 22px;
    }

    .blog-side-content .blogpage-title{
        font-size: 14px;
        -webkit-line-clamp: 2;
    }
    .blog-side-content .blogpage-Desc{
        font-size: 11px;
        -webkit-line-clamp: 2;
    }
    .blog-tags-card .tags-name p {
        font-size: 12px;
    }
    .face-scrub img {
        min-height: 30vh;
        object-fit: cover;
    }
    .upload_dropZone .choose-file-text {
        font-size: 14px;
    }
    .upload_dropZone p i {
        font-size: 10px;
    }
    .about-you-detail .about-title h3 {
        text-align: center;
    }
    .m1-order{
        order: 1;
    }
    .m2-order{
        order: 2;
    }

    .next-prev-buttons {
        justify-content: center;
    }

    .sort-reviwe .dropdown .social-in-btn{
        margin: 5px 6px;
    }

    fieldset.upload_dropZone.media_previewed .upload_preview_btn {
        grid-template-columns: 1fr;
    }
    
    .upload_gallery.d-flex.flex-wrap.justify-content-center.gap-3.mb-0 {
        display: block !important;
    }

    .upload_img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    .social-input-down {
        width: 45%;
    }

    .spa-name-detail .spa-detail {
        display: block;
    }

    .spa-name-detail .spa-detail p {
        margin: 10px 0;
    }

    .Therapists-Control-btn .control-save{
        width: 100%;
        margin-top: 25px;
    }

    .personal-detail-btn a button, .social-link-btn a button {
        font-size: 14px;
    }

    .price-table tr .table-data-box{
        background: #fff !important;
        padding: 15px 10px;
    }

    .privacy-policy-information .privacy-title{
        font-size: 22px;
    }

    .privacy-policy-information .privacy-description{
        font-size: 14px;
    }

    listing-mobile-order1{
        order: 1;
    }

    listing-mobile-order2{
        order: 2;
    }
}




@media (max-width: 767.98px) { 

    .step-circle .step_number , .step-circle .step_info { 
        font-size: 8px;
    }

    .step-circle .step_title {
        font-size: 10px;
    }

    .active .step_circle_dot:before {
        width: 16px;
        height: 16px;
    }

    .step_circle_dot,.step_circle_dot:before     {
        height: 25px;
        width: 25px;
    }

    .step-circle {
        padding: 0px 0px;
    }

    .progress-stpes-cards .progress {
        bottom: 2.5%;
    }

    .Spa-professional {
        font-size: 20px;
    }

    .Search-Result-add .add-content h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .order-form{

        order: 2;

    }

    .order-image{

        order: 1;

    }

    .Sign-Up-Google div#carouselExampleCaptions:after {

        content: "Sign Up for Mobile Spa Finder";

        position: absolute;

        bottom: 100px;

        left: 16px;

        font-family: Montserrat;

        font-size: 24px;

        font-weight: 600;

        line-height: 28.8px;

        text-align: left;

        color: #FFF;

        max-width: 225px;

    }

    .carousel-indicators {

        bottom: 44px;

        right: 0;

        justify-content: left;

        left: 16px;

        margin-left: 0px;

    }


    .order-form .Goole{

        margin-top: -32px;

        background: #ffffff;

        z-index: 9999999;

        position: relative;

        border-radius: 0px 40px 0px 0px;

    }


    .sign-up-d-non{

        display: none;

    }



    .sign-up-desc{

        margin-top: 24px;

        text-align: justify;

    }



    .Email-slider-section{

        display: none;

    }



    .Email-title{

        color: #344054;

        font-size: 24px !important;    

        margin-top: 30px;

        text-align: justify;

    }



    .Email-desc {

        text-align: justify;

    }



    .Sign-Up-Email {

        background: #FFF7F2;

        min-height: 100vh;

    }



    .Email .form-content{

        background: #ffffff;

        padding: 20px 20px;

        border-radius: 0px 0px 0px 40px;

    }



    .Email-field {

        padding: 0 20px;

        margin-top: 20px;

    }



    .Email-Register {

        padding: 0 20px; 

    }



    .Email .form-control:focus {

        color: #212529;

        background-color: #fff;

        border-color: transparent;

        outline: 0;

        box-shadow: none;

    }



    .Email {

        height: 0;

    }



    .section-heading {

        padding-bottom: 20px;

    }



    .service-detail .service-desc {

        padding: 0 5px;

    } 



    .Banner-Title-Text {

        text-align: center;

    }



    .second-footer .footer-social-icon{

        justify-content: flex-start;

    }



    .second-footer .footer-social-icon ul{

        padding: 0;

        margin-top: 30px;

    }

    .therapist-review .review-stars {
        padding: 8px 5px;
    }
    .therapist-review .review-stars {
        width: 60%;
    }

    .mobile-order2{
        order: 2;
        margin-top: 30px;
    }

    .mobile-order1{
        order: 1;
    }

    .popular-Therapies h3{
        font-size: 25px;
    }

    .step-circle.completed_step i.fas.fa-check {
        font-size: 10px;
    }

    .spa-cover-photo p {
        font-size: 12px;
    }

    .spa-name-detail{
        margin-top: 20px;
    }

    .therapist-edit {
        width: 20%;
    }

    .Dashboard-image p {
        font-size: 25px;
    }

 }

 @media (min-width: 991.98px) {
    .navbar .sidebar-uldata {
        display: none;
    }
 }

@media (max-width: 991.98px) { 



    .Banner-Side-Image img {

        margin: 20px auto;

    }

    .sidebar-items-list .sidebar-uldata{
        display: none;
    }

    



 }



@media (max-width: 1199.98px) { 



    .sign-up-title, .Email-title {

        font-size: 35px;

        margin-top: 20px    ;

    }



    .sign-up-title p{

        font-size: 14px;

    }



    .already-have-account p {

        font-size: 14px;

        margin-top: 30px;

    }
    
    .Search-Result .service-short-list ul {
        font-size: 10px;
    }
 }



@media (max-width: 1399.98px) { }

@media (max-width: 767px) and (min-width: 576px) {

    .spa-photo-gallery img , .spa-gallery .set-as-cover::before , .add-more-button{
        height: 90px;
    }   

    .set-as-cover p {
        font-size: 9px;
    }

}

@media (max-width: 575px) and (min-width: 320px) {
    .spa-photo-gallery img , .spa-gallery .set-as-cover::before , .add-more-button{
        height: 65px;
        border-radius: 6px !important;
    }   


    .set-as-cover p {
        font-size: 5px;
        padding: 5px 6px;
    }

    .add-more-button i , .add-more-button span {
        font-size: 11px;
    }

    .spa-addimages {
        width: 95%;
    }

}

@media (max-width: 767px) and (min-width: 467px) {
    .massage-type img {
        width: 6%;
    }

    .Inquiries-profile-info {
        grid-template-columns: repeat(3, 1fr);
    }
    
}

@media (max-width: 1199px) and (min-width: 991px) {
    .Search-Result .therapist-review .review-stars {
        width: 76%;
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    .services-content p {
        height: 130px;
    }
    .services-icon img {
        width: 30%;
    }

    .basic-list-title h3 {
        font-size: 16px;
    }

    .Basic_Listing_card {
        padding: 15px 15px;
    }

    .Verified-Listing-title img{
        width: 10%;
    }

    .basic-list-detail p {
        font-size: 12px;
    }

    .basic-list-title h3{
        padding-bottom: 10px;
    }

    .Verified-Listing-title {
        padding-bottom: 0;
    }
}


@media (max-width: 991px) and (min-width: 320px) {
    .Search-Result .therapist-review .review-stars {
        width: 70%;
    }
}