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

    .therapist-step-form-container {
        width: 100%;
        max-width: 100%;
        padding: 0 40px;
    }

    .sidebar {
        width: 26%;
    }

    form#therapist-step-form-data {
        width: 100%;
        max-width: 70%;
    }

    div#custom-dashboard table th, div#custom-dashboard table td, #custom-dashboard .btn-plan-payment, #custom-dashboard  .btn-delete, div#custom-dashboard .btn-edit, #custom-dashboard .btn-plan-payment, #custom-dashboard  .btn-delete {
        font-size: 12px !important;
    }
    div#custom-dashboard .status {
        white-space: nowrap;
}

}


@media only screen and (max-width: 1080px) {
    .therapist-step-form-container {
        width: 100%;
        max-width: 100%;
        padding: 0 30px;
    }

    .sidebar ul li {
        padding: 8px 16px;

    }

    .sidebar ul li.active::before {
        right: 12px;
    }

    .form-content-data {
        padding: 20px 30px 30px 30px;
    }

    .day-data {
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 16px;
    }

    .time-controls {
        gap: 16px;
        width: 100%;
        max-width: 70%;
        justify-content: flex-end;
    }
}


@media only screen and (max-width: 880px) {
    .therapist-step-form-container {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }

    .therapist-new-form-content {
        flex-direction: column;
        row-gap: 0;
    }

    .sidebar {
        width: 100%;
        background: #fff;
        top: 0;
        padding: 10px 0;
    }

    .sidebar ul.sidebar-navigate {
        display: flex;
        overflow: auto;
        gap: 40px;
    }

    .sidebar ul.sidebar-navigate li.left-bar {
        /* width: 200px;
        max-width: 200px; */
    }

    form#therapist-step-form-data {
        width: 100%;
        max-width: 100%;
    }

    .sidebar ul li {
        padding: 8px 60px 8px 10px;
    }

    .sidebar-navigate {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;

    }

    .sidebar-navigate::-webkit-scrollbar {
        display: none;

    }

    .sidebar-navigate::-webkit-scrollbar-track {
        background: transparent;
    }


    .sidebar-navigate .left-bar {
        flex: 0 0 240px;
        /* fixed width for all li */
    }

    #step-8 .popup {
        padding: 32px 48px;
        text-align: center;
        width: 90%;
    }




}


@media only screen and (max-width: 580px) {
    .form-content-data {
        padding: 16px 16px 30px;
    }

    .form-content h2 {
        padding: 20px 16px;
    }

    .social-row {
        flex-direction: column;
    }

    .btns {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        margin-top: 0px;
    }

    button.btn.next {
        text-align: center;
        justify-content: center;
    }

    .time-controls {
        max-width: 100%;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .shift-row {
        padding-left: 0;
        background-color: transparent;
        margin: 5px 0;
    }

    .verify-slect p,
    .verify-detail-btn p {
        font-size: 14px;
    }

    .verify-box label {
        font-size: 12px;
    }

    #step-8 .submit-btn {
        height: 40px;
        justify-content: center;
    }

    #step-8 .submit-btn {
        height: 40px;
        justify-content: center;
    }

    #step-8 .popup-actions {
        flex-direction: column;
        row-gap: 10px;
    }

    #step-8 .popup {
        padding: 20px;
    }

  .expert-area span.elementor-post-info__terms-list span {
	font-size:12px;
  }

}