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

@media (max-width: 1199.98px) {
    .searchTerm {
        padding: 17px 5px 17px 5px;
    }
}

@media (max-width: 991.98px) {
    .therapist-details {
        padding-left: 50px;
    }
    .filter li a {
        font-size: 12px;
        padding-bottom: 5px;
        position: relative;
    }
    .filter li {
        padding-bottom: 10px;
    }
    .searchTerm {
        font-size: 12px;
        padding: 17px 5px 17px 5px;
    }
    .check {
        font-size: 11px;
        padding-left: 20px;
        margin-bottom: 0px;
    }
    .checkmark {
        height: 15px;
        width: 15px;
    }
    .check .checkmark:after {
        left: 5px;
        top: 1px;
        width: 5px;
        height: 10px;
    }
    .mobile-menu a {
        font-size: 23px;
    }
    .inner-image-info h2 {
        font-size: 18px;
    }
    .inner-image-info p {
        font-size: 12px;
        padding-bottom: 0px;
    }
    a.action {
        padding: 5px 10px;
        margin-right: 5px;
        font-size: 10px;
    }
    .book-now a {
        padding: 5px 15px;
        font-size: 12px;
        text-align: center;
    }
    .distance p {
        font-size: 10px;
        margin-left: 15px;
    }
    .inner-image-info h4 {
        padding-bottom: 10px;
    }
}

@media (max-width: 767.98px) {
    .mobile-menu {
        display: block;
    }
    .login,
    .inner-image-info h4,
    .view-profile,
    .desktop-menu,
    a.action:last-child {
        display: none;
    }
    .mobile-menu a {
        color: #6c757d;
    }
    .therapist-details {
        padding-left: 0px;
        padding-top: 10px;
    }
    .inner-left,
    .inner-box {
        flex-wrap: nowrap;
        align-items: center;
    }
    .side-menu,
    .therapist-details {
        flex: 100%;
    }
    a.action {
        background: none;
        color: #02a09e;
        padding: 0px;
    }
    .mobile-menu a {
        font-size: 23px;
    }
    .book-now a {
        font-size: 12px;
        padding: 10px 17px;
        text-align: center;
    }
    .search {
        padding: 0px 40px;
    }
    .inner-image-info p {
        padding-bottom: 0px;
    }
    .mobile-filters {
        display: block;
    }
    .mobile-filters p {
        font-size: 15px;
        font-weight: 600;
        color: #000;
        background: #e6f9f9;
        padding: 10px 45px 10px 15px;
        text-transform: capitalize;
        border-radius: 10px;
        max-width: 120px;
    }
    .mobile-filters a {
        color: #000;
    }
    .therapy-uppar-detail {
        display: flex;
        align-items: center;
    }
    .mobile-filters {
        flex: 30%;
        align-items: center;
        justify-content: flex-end;
        display: flex;
    }
    .therapist-title {
        flex: 70%;
    }
}

@media (max-width: 575.98px) {
    .therapist-details {
        padding-top: 10px;
    }
    .header-details {
        padding: 20px 20px 40px 20px;
    }
    .mobile-menu a {
        font-size: 23px;
    }
    .inner-image-info h2 {
        font-size: 18px;
    }
    .inner-image-info p {
        font-size: 12px;
        padding-bottom: 0px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: 90px;
    }
    a.action {
        padding: 0px;
        margin-right: 5px;
        font-size: 10px;
    }
    .book-now a {
        padding: 5px 14px;
        font-size: 12px;
        text-align: center;
    }
    .distance p {
        font-size: 10px;
        padding-top: 5px;
    }
    .inner-left-image img {
        max-width: 80%;
    }
    .inner-image-info {
        margin-top: 0px;
        margin-left: 0px;
    }
    .inner-left {
        flex: 70%;
    }
    .inner-right {
        flex: 30%;
    }
    .inner-left-image {
        flex: 40%;
    }
    .inner-image-info {
        flex: 60%;
    }
    .mobile-filters p {
        padding: 10px 20px 10px 15px;
    }
}