@media only screen and (max-width: 1400px) {
    html {
        font-size: 14px;
    }

    .user-profile-photo img {
        height: 150px;
        width: 150px;
    }

}

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

    .location-card {
        display: block !important;
    }

}


@media only screen and (max-width: 991px) {
    div.main-panel {
        padding-top: 0;
    }

    .brand-logo-mini {
        display: none !important;
    }

    .intensity-container-modal {
        flex-wrap: wrap !important;
    }

    .right-column img,
    #viewPainModal img {
        width: 200px !important;
    }

    .container-scroller .content-wrapper {
        padding: 1rem 0.937rem;
    }

    .dataTables_wrapper .row .col-sm-12 {
        width: 50% !important;
    }

    .dataTables_wrapper .row:nth-child(2) .col-sm-12 {
        width: 100% !important;
    }

    .dataTables_wrapper .dataTables_info {
        font-size: 0.75rem !important;
    }
}


@media screen and (max-width:768px) {
    .location-card {
        display: block !important;
    }

    .multi-step-head {
        padding: 0;
    }

    .multi-step-card-body {
        padding: 0;
        ;
    }

}

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

    .header-progress-container .btn-start-header {
        padding: 5px;
        font-size: 10px;
        font-weight: 500;
    }

    .header-progress-container .dashboard-title-header {
        font-size: 11px;
    }

    .navbar {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .navbar-toggler {
        padding: 0 !important;
    }

    .navbar-nav small {
        display: none !important;
    }

    .navbar-menu-wrapper .header-progress-container {
        min-width: 190px;
        margin-top: 15PX !important;
        margin-right: 10px !important;
    }

    .insight-sub-card,
    .health-tab-content {
        padding: 15px !important;
    }


    #healthTab .nav-link {
        margin-right: 0 !important;
    }

    .form-group label {
        font-size: 0.85rem !important;
    }

    .card .card-body {
        padding: 15px !important;
    }

    .pagination .paginate_button a {
        padding: 5px;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 125px;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
        padding-left: 0;
    }

    .multi-step-card-footer .btn {
        padding: 9px 7px !important;
    }

    .multi-step-card-footer #nextBtn,
    .multi-step-card-footer #completeBtn {
        padding: 0 !important;
    }

    .activity-option-wrapper label {
        margin-bottom: 0;
    }

    .quick-tip-icon {
        margin-right: 5px;
    }

    .quick-tip-card {
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        padding: 14px !important;
        border-radius: 12px !important;
    }

    .add-appoitment-modal .modal-body {
        height: 400px;
        overflow: scroll;
    }

    .blob-top-right {
        width: 450px;
        height: 450px;

    }

    .blob-bottom-left {
        width: 350px;
        height: 350px;
    }

    .navbar-menu-wrapper .brand-logo img {
        display: none;
    }

    span.short-name {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .profile-strength-header {
        margin-right: 10px;
        ;
    }

    .specialist-darshboard-card a {
        width: 100%;
    }

    .specialist-darshboard-card .grid-margin {
        margin-bottom: 15px;
    }

    .back-btn i {
        display: none;
    }

    .back-btn {
        padding: 5px !important;
    }

    .breadcrumb {
        padding: 0 !important;
    }

    .patient-care-btn {
        flex-wrap: wrap;
        justify-content: end;
    }

    .custom-calendar .card-body {
        padding: 0 !important;
    }


    .quick-tip {
        border-radius: 12px !important;
    }

    .quick-tip .quick-tip-text {
        flex-wrap: wrap;
        gap: 5px;
    }

    .slots-grid-premium .time-slot-card {
        width: 130px !important;
    }

    #profile-completion-banner {
        flex-wrap: wrap !important;
        border-radius: 12px !important;
        gap: 5px !important;
    }

    #regenerateInsights {
        padding: 8px;
        font-size: 13px;
    }

    #regenerateInsights i,
    .page-header .btn-urgent-care {
        display: none;
    }

    .page-header .btn-urgent-care {
        padding: 8px;
        font-size: 13px;
    }

    .dashboard-heading{
        flex-wrap: wrap !important;
    }

    .assessment-row {
    padding: 10px 0px;
    }

    /* .surgical-item{
        padding: 0;
    } */

    #footerInfo{
        text-align: center;
    }
    #footerInfo span{
        display: inline-block;
    }
    .check-in-download{
        white-space: nowrap;
    }
}

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


    .header-progress-container .dashboard-title-header {
        font-size: 12px;
        font-weight: 500;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item .nav-link .nav-profile-img {
        margin-right: 0 !important;
    }

    .navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown {
        padding-right: 0;
    }

    .navbar-menu-wrapper .header-progress-container {
        min-width: 130px;
    }

    .specialist-navbar-icon {
        display: none !important;
    }

    .profile-strength-header {
        margin-right: 0;
    }

}