@media(min-width: 1601px) {
    #optasy-dashboard[data-visible=false] #dashboard-side-menu {
        left: -260px;
    }
    #optasy-dashboard[data-visible=false] #dashboard-top-nav,
    #optasy-dashboard[data-visible=false] #dashboard-holder {
        width: calc(100vw);
        left: 0px;
    }
    #optasy-dashboard[data-visible=true] #dashboard-side-menu {
        left: 0px;
    }
    #optasy-dashboard[data-visible=true] #dashboard-top-nav,
    #optasy-dashboard[data-visible=true] #dashboard-holder {
        width: calc(100vw - 260px);
        left: 260px;
    }
}

@media(max-width: 1600px) {
    #optasy-dashboard #advertise-widget-device-preview {
        height: 160px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content {
        width: 800px;
    }
    #optasy-dashboard #dashboard-side-menu>#side-menu-list {
        padding-left: 0px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper {
        padding: 12px;
        padding-right: 6px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-sidebar-wrapper {
        padding: 12px;
        padding-left: 6px;
    }
    #optasy-dashboard[data-visible=false] #dashboard-top-nav,
    #optasy-dashboard[data-visible=false] #dashboard-holder {
        width: calc(100vw);
        left: 0px;
    }
    #optasy-dashboard[data-visible=true] #dashboard-side-menu {
        left: 0px;
    }
}

@media(max-width: 1440px) {
    #optasy-dashboard {
        .content-program-member-wrapper {
            .content-program-member {
                .content-options {
                    .content-day-program {
                        min-width: 260px;
                    }
                    .more-options-holder {
                        .change {
                            display: none;
                        }
                    }
                }
                .top-complete-btns {
                    .day {
                        display: flex;
                    }
                }
            }
        }

        #steps-widget > .steps-header-wrapper > .steps-header > .step-info:not(:first-child) > span.graphic::before {
            left: -29px;
        }
    }
    #optasy-dashboard #advertise-widget-device-preview {
        height: 125px;
    }
    #optasy-dashboard .items.summary-list .item:nth-child(3) {
        display: none;
    }
    #optasy-dashboard .select2-container .select2-dropdown .select2-results ul li:not(.select2-results__message) {
        border-bottom: solid 1px #aaa;
    }
    #optasy-dashboard .select2-container .select2-dropdown .select2-results .item .list-col {
        align-items: start;
        flex-grow: 1;
    }
    #optasy-dashboard .select2-container .select2-dropdown .select2-results .item .row {
        text-align: center;
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-info .col2 {
        flex-grow: 1;
        justify-content: center;
    }
    #optasy-dashboard .three-column-options > div {
        width: 30.5%;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content {
        width: 640px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper {
        padding: 10px;
        padding-right: 5px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-sidebar-wrapper {
        padding: 10px;
        padding-left: 5px;
    }
}

@media(max-width: 1280px) {
    #optasy-dashboard {
        &.fit-device {
            .top-nav-calendar {
                position: absolute;
                left: 0;
                right: 0;
                margin: auto;
                max-width: 300px;
                z-index: 2;
            }
            #calendar-widget.fit-device {
                position: fixed;
                top: 0px;
                left: 50%;
                padding: 0 40px;
                background-color: #fff;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                transform: translateX(-50%);
                z-index: 5;
            }
            .fit-calendar-widget[data-type=grid] {
                .calendar-header {
                    #expand-wrapper {
                        right: 10px;
                    }
                }
                .calendar-body {
                    .month-arrows {
                        top: 52px;
                    }
                    .month-wrapper {
                        .month-header span, .month-days > div {
                            width: 50px;
                        }
                    }
                }
            }
        }
        &.fit-device.expand {
            .top-nav-calendar {
                z-index: 0;
            }
            #calendar-widget.fit-device {
                position: relative;
                max-width: 300px;
                padding: 0;
            }
            .fit-calendar-widget[data-type=grid] {
                .calendar-header {
                    margin-top: 4px;
                    margin-bottom: 0;
                }
                .calendar-body {
                    width: 0;
                    height: 0;
                    overflow: hidden;
                }
                .calendar-icon {
                    position: relative;
                    left: unset;
                    top: unset;
                    display: flex;
                    align-items: center;
                }
            }
        }
        &.fit-device.collapse {
            #calendar-widget {
                width: 358px;
                padding: 0;
                border-radius: 14px;
                -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, .15);
                -moz-box-shadow: 0 0 11px rgba(0, 0, 0, .15);
                box-shadow: 0 0 11px rgba(0, 0, 0, .15);
            }
            .fit-calendar-widget[data-type=grid] {
                .calendar-body {
                    .month-wrapper {
                        .month-days-wrapper {
                            .mobile-challenge-switch {
                                display: flex;
                            }
                        }
                    }
                }
                .calendar-icon {
                    display: none;
                }
            }
        }
        
        .content-program-member-wrapper {
            .content-program-member {
                .top-complete-btns {
                    .day {
                        display: none;
                    }
                }
            }
        }

        #steps-widget > .steps-header-wrapper > .steps-header > .step-info:not(:first-child) > span.graphic::before {
            left: -24px;
        }

        .feed-add-post-wrapper {
            padding: 0px 10px 20px 10px;
            .fit_post_upload_image {
                margin-left: 10px;
            }
        }
    }
    #optasy-dashboard #advertise-widget-device-preview {
        height: 160px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options {
        align-items: center;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options > .top-nav-option {
        max-height: 30px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option > .option-button {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option>.option-button .icon-side-option > i {
        font-size: 18px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option .profile-picture {
        width: 30px;
        height: 30px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option > .profile-options {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option>.profile-options > span.profile-name {
        line-height: 12px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option>.profile-options > span.profile-user {
        line-height: 11px;
    }
    #optasy-dashboard .items.summary-list .item:nth-child(3) {
        display: flex;
    }
    #optasy-dashboard .select2-container .select2-dropdown .select2-results ul li:not(.select2-results__message) {
        border-bottom: unset;
    }
    #optasy-dashboard .select2-container .select2-dropdown .select2-results .item .list-col {
        align-items: start;
        flex-shrink: 2;
    }
    #optasy-dashboard .select2-container .select2-dropdown .select2-results .item .row {
        text-align: unset;
    }
    #optasy-dashboard .select2-container .select2-selection__rendered .item .title {
        white-space: normal;
    }
    #optasy-dashboard .three-column-options > div {
        width: 31%;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option.fit-notifications>.notifications-wrapper {
        top: 50px;
        left: -90px;
    }

    .dashboard-logo {
        padding-left: 10px;
    }

    .dashboard-logo>a {
        width: 65px;
        height: 38px;
    }
    
    body {
        overflow-y: auto;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content {
        flex-direction: column;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper {
        order: 2;
        width: 100%;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content {
        width: 820px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-sidebar-wrapper {
        order: 1;
        width: 100%;
        justify-content: center;
        min-height: auto;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-sidebar-wrapper #dashboard-main-sidebar {
        width: 478px;
    }
    #optasy-dashboard #dashboard-top-nav {
        height: 48px;
    }
    #optasy-dashboard #dashboard-holder {
        top: 48px;
    }
    #optasy-dashboard.fit-device #dashboard-content {
        margin-bottom: 160px;
    }
    #optasy-dashboard.fit-device #advertise-widget {
        display: none !important;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper {
        padding: 6px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-sidebar-wrapper {
        padding: 6px;
    }
    #optasy-dashboard #dashboard-side-menu {
        left: -260px;
    }
    #optasy-dashboard #dashboard-holder,
    #optasy-dashboard #dashboard-top-nav {
        width: calc(100vw);
        left: 0px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content>.main-content-wrapper {
        padding-left: 16px;
        padding-right: 16px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-search {
        display: none;
    }
    #optasy-dashboard[data-visible=false] #dashboard-top-nav .top-nav-left {
        background-color: #ffffff9c;
        left: 0px;
        z-index: 6;
        -webkit-transition: left .15s linear;
        -moz-transition: left .15s linear;
        -ms-transition: left .15s linear;
        -o-transition: left .15s linear;
        transition: left .15s linear;
        border-bottom-right-radius: 7px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-left>.top-nav-title {
        font-size: 16px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-middle .top-nav-date-section {
        display: none;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option>.profile-picture {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 40px;
        height: 40px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option>.profile-options>span.profile-name {
        font-size: 12px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option>.profile-options>span.profile-user {
        font-size: 11px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-left>.top-nav-title>.top-nav-icon {
        margin-left: 0;
        margin-right: 0;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options {
        height: 100%;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option {
        display: flex;
        align-items: center;
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media(min-width: 1200px) {
    #optasy-dashboard .type-content>.content-section>.section-options .section-option>.options-holder .select-box {
        width: 300px;
    }
}
@media(max-width: 1024px) {
    #optasy-dashboard{
        &.fit-device[data-visible=true] {
            #dashboard-top-nav {
                .dashboard-logo {
                    visibility: hidden;
                }
                .top-nav-calendar {
                    visibility: hidden;
                }
            }
            #dashboard-side-menu {
                #new-challenge {
                    margin-top: 55px;
                }
            }
        }
        &.fit-device.collapse {
            #dashboard-top-nav {
                .top-nav-left {
                    z-index: 2;
                }
            }
        }
    }
    #optasy-dashboard #dashboard-top-nav .notification-banner {
        padding: 3px 12%;
    }
    .nav-title {
        display: none;
    }
    #optasy-dashboard[data-visible=false] #dashboard-side-menu {
        position: fixed;
        z-index: 10;
    }
    #optasy-dashboard[data-visible=false] #dashboard-top-nav,
    #optasy-dashboard[data-visible=false] #dashboard-holder {
        width: calc(100vw);
        left: 0px;
    }
    #optasy-dashboard[data-visible=true] #dashboard-side-menu {
        position: fixed;
        left: 0px;
        z-index: 10;
    }
    #optasy-dashboard[data-visible=true] #dashboard-top-nav,
    #optasy-dashboard[data-visible=true] #dashboard-holder {
        width: calc(100vw);
        left: 0px;
    }
    #optasy-dashboard[data-visible=true] #dashboard-top-nav .top-nav-left {
        left: 200px;
        background-color: #fff;
        z-index: 6;
        -webkit-transition: left .15s linear;
        -moz-transition: left .15s linear;
        -ms-transition: left .15s linear;
        -o-transition: left .15s linear;
        transition: left .15s linear;
    }
}
@media(min-width: 992px) {
    #optasy-dashboard .type-content>.content-section>.section-options .section-option>.options-holder .select-box {
        width: 50%;
    }
}
@media(max-width: 786px) {
    #optasy-dashboard .user-list-wrapper .user-list-holder .user-list-item .list-col-controls .list-col:nth-child(3)  {
        display: none;
        margin-left: unset;
    }
    #optasy-dashboard .user-list-wrapper .user-list-holder .user-list-item .list-col-controls .list-col:nth-child(2) .delete-list-item  {
        display: block;
        margin-left: unset;
    }
    #optasy-dashboard .user-list-header-wrapper>.user-tabs {
        margin-top: 25px;
    }
    #optasy-dashboard .main-content[data-content-type=users-list] .main-content-wrapper .content-options .fit-button.large {
        margin-left: 10px;
    }
}
@media(min-width: 768px) {
    #optasy-dashboard .type-content>.content-section>.section-options .section-option>.options-holder .select-box {
        width: 70%;
    }

    .main-content[data-content-type=wearable-metrics] {
        .insight-wrapper {
            top: 10px;
            right: 10px;
    
            .insight-card {
                width: 260px;
                padding: 25px 20px;
    
                h1 {
                    font-size: 20px;
                }
    
                .description {
                    font-size: 13px;
                }
            }
        }
    }
}
@media(max-width: 767px) {
    #optasy-dashboard {
        &.fit-device.expand {
            .top-nav-calendar {
                z-index: 2;
            }
            #calendar-widget {
                min-width: unset;
            }
            .fit-calendar-widget[data-type=grid] {
                .calendar-header {
                    justify-content: center;
                    margin-top: 0px;
                    margin-right: 15px;
                    .month-and-year {
                        display: none;
                    }
                }
            }
        }

        #dashboard-holder {
            #dashboard-content {
                #dashboard-main-content-wrapper {
                    #dashboard-main-content {
                        > .main-content {
                            &.feed {
                                .posts-wrapper {
                                    > .post {
                                        padding: 6px;
                                        > .profile-picture-wrapper,
                                        .post-details .post-header > .profile-picture-wrapper {
                                            display: none;
                                            &:has(> .author-photo.mobile) {
                                                display: flex;
                                            }
                                        }
                                        > .post-details {
                                            > .post-header, > .post-comments-wrapper {
                                                .author-and-date {
                                                    flex-direction: column;
                                                    align-items: unset;
                                                    margin-left: 10px;
                                                    .sender .author b {
                                                        margin-left: 0;
                                                    }
                                                    .separator:not(.arrow) {
                                                        display: none;
                                                    }
                                                    .date {
                                                        margin-left: 0px;
                                                    }
                                                }
                                            }
                                            > .post-content {
                                                > .text {
                                                    max-width: unset;
                                                }
                                                .social-wrapper-buttons {
                                                    padding: 8px 0px;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        
        .top-nav-calendar {
            position: relative;
            display: flex;
            max-width: 300px;
            height: 100%;
            .fit-calendar-widget[data-type=grid] {
                justify-content: center;
                height: 100%;
            }
        }

        .content-program-member-wrapper {
            .content-program-member {
                .content-options {
                    .content-day-program {
                        min-width: auto;
                    }
                    .more-options-holder {
                        width: 60%;
                    }
                }
                .content-instructions {
                    .fit-field {
                        .submodule-media-wrapper {
                            .submodule-media {
                                .item-video {
                                    .video > div > .fit-error {
                                        .title {
                                            font-size: 24px;
                                        }
                                        .msg {
                                            font-size: 12px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        #steps-widget {
            > .steps-header-wrapper > .steps-header > .step-info {
                flex-basis: 31%;
            }
            .steps-body-wrapper {
                .steps-body {
                    .the-step {
                        .wellness-type.challenge-program {
                            .type-content {
                                .program {
                                    .list-header {
                                        > .program-col {
                                            &.col2 {
                                                margin-right: 20px;
                                            }
                                            &.col3 {
                                                display: none;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }

        .content-wellness {
            &.partner-challenges {
                .user-list-item {
                    .list-col-info {
                        .col2 {
                            flex-basis: 100%;
                        }
                    }
                }
            }
        }

        .main-content[data-content-type=wearable-metrics] {
            .fitbit-metrics-grid {
                grid-template-columns: 1fr;
                gap: 0.75rem;

                .metric-tile {
                    padding: 1rem;
                }
                
                .metric-value {
                    font-size: 2rem;
                }
                
                .metric-main {
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 0.5rem;
                }
                
                .metric-secondary {
                    align-self: flex-end;
                }
            }
        }
    }
    #optasy-dashboard .select2-container .select2-dropdown .select2-results .viewer-item .list-col-info {
        flex-wrap: wrap;
    }
    #optasy-dashboard #advertise-widget-device-preview {
        height: 144px;
    }
    #optasy-dashboard .items.summary-list .item:nth-child(3) {
        display: none;
    }
    #optasy-dashboard :where(.select-wellness, .select2-wellness) {
        max-width: unset;
    }
    #optasy-dashboard #dashboard-top-nav .notification-banner {
        padding: 3px 15%;
    }
    #optasy-dashboard .viewing-as {
        font-size: 12px;
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-info {
        flex-basis: 85%;
        min-width: 250px;
    }
    #optasy-dashboard .main-content[data-content-type=loaded-content] .content-wellness[data-id] .user-list-item .list-col-info {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }
    #optasy-dashboard .main-content[data-content-type=loaded-content] .content-wellness[data-id] .user-list-item .list-col-info .col1 {
        align-items: center;
        flex-basis: 100%;
    }
    #optasy-dashboard .main-content[data-content-type=loaded-content] .content-wellness[data-id] .user-list-item .list-col-info .col2 {
        align-items: center;
        flex-grow: 1;
    }
    #optasy-dashboard .item .list-more-options,
    #optasy-dashboard .table-row-item .list-more-options,
    #optasy-dashboard .user-list-item .list-more-options {
        -webkit-border-radius: 14px 0 14px 14px;
        -moz-border-radius: 14px 0 14px 14px;
        border-radius: 14px 0 14px 14px;
    }
    #optasy-dashboard .item div:hover > .list-more-options,
    #optasy-dashboard .table-row-item div:hover > .list-more-options,
    #optasy-dashboard .user-list-item div:hover > .list-more-options {
        right: 60px;
    }
    #optasy-dashboard .item:has(.list-item-more-option:not(.fit-button)) div:hover > .list-more-options {
        right: 12px;
    }
    #optasy-dashboard .item div:hover > .list-item-more-option,
    #optasy-dashboard .table-row-item div:hover > .list-item-more-option,
    #optasy-dashboard .user-list-item div:hover > .list-item-more-option {
        -webkit-border-radius: 0 14px 0 0;
        -moz-border-radius: 0 14px 0 0;
        border-radius: 0 14px 0 0;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option.fit-notifications>.notifications-wrapper {
        width: 250px;
        top: 50px;
        left: -170px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option>.profile-options {
        position: absolute;
        display: table-cell;
        padding: 0px 20px;
        width: 100px;
        right: 0;
        top: -6px;
    }
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option>.profile-options>span.profile-user,
    #optasy-dashboard #dashboard-top-nav>.top-nav-right>.top-nav-right-options>.top-nav-option>.profile-options>span.profile-name {
        display: none;
    }
    #optasy-dashboard .three-column-options > div {
        width: 30.5%;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content {
        width: 100%;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content>.main-content-wrapper {
        padding-left: 8px;
        padding-right: 8px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content>.main-content-wrapper>.content-navigation {
        flex-direction: column;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content>.main-content-wrapper>.content-navigation .content-nav-holder {
        display: flex;
        margin-left: 0px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content>.main-footer {
        justify-content: center;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content>.main-footer {
        justify-content: center;
    }
    
    #optasy-dashboard #dashboard-top-nav>.top-nav-right {
        width: auto;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper {
        padding: 6px 0px;
    }
    #optasy-dashboard .user-list-item>.list-col-info {
        flex-basis: 100%;
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-info .col2 span {
        -webkit-line-clamp: 1;
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-info .col3 {
        justify-content: flex-end;
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .list-col-controls {
        justify-content: flex-start;
        flex-basis: 7%;
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-controls .list-col,
    #optasy-dashboard .main-content[data-content-type=invitations] .user-list-item .list-col-controls .list-col {
        flex-basis: 100%;
        margin-left: 0;
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-controls .col2,
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-controls .col3,
    #optasy-dashboard .main-content[data-content-type=invitations] .user-list-item .list-col-controls .col2 {
        justify-content: flex-end;
    }
    #optasy-dashboard .main-content[data-content-type=invitations] .user-list-item .list-col-info .col1 {
        min-width: 0;
        flex-basis: 0;
    }
    #optasy-dashboard .main-content[data-content-type=invitations] .user-list-item .list-col-controls {
        flex-basis: 100%;
        justify-content: flex-start;
    }
}

@media(max-width: 676px) {
    #optasy-dashboard {
        #steps-widget {
            .steps-body-wrapper {
                .steps-body {
                    .the-step {
                        .wellness-type.challenge-program {
                            .type-content {
                                .program {
                                    .list-header {
                                        justify-content: center;
                                        flex-wrap: wrap;
                                        .program-col {
                                            &.col1 {
                                                flex-shrink: unset;
                                                flex-grow: 1;
                                                .thumbnail {
                                                    width: 100%;
                                                    border-radius: 10px 10px 0 0;
                                                }
                                            }
                                            &.col2 {
                                                max-height: unset;
                                                margin-left: 20px;
                                                padding: 0 0 10px 0;
                                                .row {
                                                    flex-direction: column-reverse;
                                                    align-items: center;
                                                    gap: unset;
                                                    .program-info {
                                                        font-size: 18px;
                                                        .col {
                                                            align-items: center;
                                                        }
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    #optasy-dashboard .type-content>.content-section>.section-options>.options-level-wrapper>.options-level-header-wrapper>.options-level-header {
        grid-template-columns: repeat(2, 1fr);
    }

    #optasy-dashboard .main-content[data-content-type=members-list] .three-column-options {
        flex-direction: column;
    }
    #optasy-dashboard .three-column-options > div,
    #optasy-dashboard .type-content>.content-section .section-options .three-column-options > div {
        width: 100%;
    }
    #optasy-dashboard .main-content[data-content-type=members-list] .three-column-options .opt-option-wrapper.btn {
        width: 100%;
    }
    #optasy-dashboard .main-content[data-content-type=members-list] .three-column-options .fit-button.large {
        max-width: unset;
    }
    #optasy-dashboard .main-content[data-content-type=members-list] .user-list-holder .user-list-item .list-col-info {
        max-width: unset;
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        padding: 15px 0 0 3px;
        text-align: center;
    }
    #optasy-dashboard .main-content[data-content-type=members-list] .user-list-holder .user-list-item .list-col-info .col0 {
        grid-column: 1; 
        grid-row: 1 / 4;
    }
    #optasy-dashboard .main-content[data-content-type=members-list] .user-list-holder .user-list-item .list-col-info .col1 {
        grid-column: 2; 
        grid-row: 1;
    }
    #optasy-dashboard .main-content[data-content-type=members-list] .user-list-holder .user-list-item .list-col-info .col2 {
        grid-column: 2 / 4; 
        grid-row: 1;
    }
    #optasy-dashboard .main-content[data-content-type=members-list] .user-list-holder .user-list-item .list-col-info .col3 {
        grid-column: 2; 
        grid-row: 2;
    }
    #optasy-dashboard .main-content[data-content-type=members-list] .user-list-holder .user-list-item .list-col-info .col4 {
        grid-column: 3; 
        grid-row: 2;
    }

    #optasy-dashboard .main-content[data-content-type=advertise] .content-wellness .section-options {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #optasy-dashboard .main-content[data-content-type=advertise] .content-wellness .section-options .section-option {
        width: 100%;
    }
    #optasy-dashboard .main-content[data-content-type=advertise] .content-wellness .section-options .section-option .opt-option-wrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    #optasy-dashboard .main-content[data-content-type=advertise] .content-wellness .section-options .section-option .opt-option-wrapper .opt-option-field {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #optasy-dashboard .main-content[data-content-type=advertise] .content-wellness .opt-option-wrapper .opt-option-field .fit-button.large,
    #optasy-dashboard .main-content[data-content-type=advertise] .content-wellness .section-options .section-option .opt-option-field .fit-upload,
    #optasy-dashboard .main-content[data-content-type=advertise] .content-wellness .section-options .section-option .opt-option-field .fit-button.large {
        min-width: unset;
        width: 100%;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content[data-content-type=fit5405_options]>.main-content-wrapper>.content-wellness {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #optasy-dashboard .opt-range-field-wrapper.normal .opt-range-field {
        width: 100%;
        margin: 0 auto;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content[data-content-type=fit5405_options]>.fit-button.large {
        margin-right: 20px;
    }
}
@media(max-width: 600px) {
    #optasy-dashboard {
        .fit-calendar-widget[data-type=row] {
            max-width: 342px;
            .calendar-body .month-wrapper span {
                width: 44px;
            }
        }

        .content-program-member-wrapper {
            .content-program-member {
                .content-options {
                    .content-day-program {
                        .title-status {
                            display: none;
                        }
                        
                    }
                }
                .top-complete-btns {
                    justify-content: space-between;
                }
                > .title-status {
                    display: flex;
                    align-items: center;
                }
            }
        }

        #steps-widget {
            padding: 24px 4px;
            > .steps-header-wrapper {
                > .steps-header {
                    > .step-info {
                        &:not(:first-child) {
                            margin-left: 2px;
                            > span {
                                padding-left: 16px;
                                padding-right: 0;
                                &.graphic::before {
                                    left: -28px;
                                }
                            }
                        }
                        > span {
                            padding: 10px 8px;
                        }
                    }
                }
            }
            > .steps-body-wrapper {
                > .steps-body {
                    padding: 24px 4px;
                    > .the-step {
                        .type-content {
                            padding: 10px 10px;
                            .opt-range-field-wrapper {
                                .opt-range-field-value.length {
                                    left: 19px;
                                    width: 26px;
                                    margin-left: 0;
                                }
                            }
                        }
                    }
                    > .steps-controls {
                        justify-content: center;
                    }
                }
            }
        }
    }
    #optasy-dashboard .user-list-header-wrapper>.user-tabs>.user-tab  {
        min-width: unset;
        font-size: 11px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content .wellness-type-wrapper>.wellness-type {
        border: 1px solid #c9c9e6;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content .wellness-type-wrapper>.wellness-type>.type-header {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content .wellness-type-wrapper>.wellness-type>.type-header>.type-header-status {
        justify-content: unset;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content .wellness-type-wrapper>.wellness-type>.type-header>.type-header-options {
        display: unset;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content .wellness-type-wrapper>.wellness-type>.type-header>.type-header-options>.options-buttons {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: unset;
    }

    #optasy-dashboard #advertise-widget-device-preview {
        height: 109px;
    }
    #optasy-dashboard[data-demo-account=true] #dashboard-holder {
        top: 48px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper {
        padding: 0;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-sidebar-wrapper {
        display: none;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content > .main-content {
        -webkit-border-radius: unset;
        -moz-border-radius: unset;
        border-radius: unset;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content > .main-content > .main-content-wrapper {
        -webkit-border-radius: unset;
        -moz-border-radius: unset;
        border-radius: unset;
    }
    #optasy-dashboard .select2-container .select2-dropdown .select2-results ul li:not(.select2-results__message) {
        border-bottom: solid 1px #aaa;
    }
    #optasy-dashboard .select2-container .select2-dropdown .select2-results .item .list-col {
        align-items: center;
        flex-basis: 100%;
    }
    #optasy-dashboard .select2-container .select2-dropdown .select2-results .item .row {
        text-align: center;
    }
    #optasy-dashboard .fit-disabled .label {
        font-size: 30px;
    }
    #optasy-dashboard .two-column-options > div {
        width: 47.5%;
    }
    #optasy-dashboard .main-content[data-content-type=shop-member] .three-column-options > div {
        width: 100%;
        max-width: 450px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content .fit-button {
        min-width: 60px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content>.main-content-wrapper>.content-navigation>.content-nav-holder>.content-nav-header > .content-nav-header-option {
        width: 33.3%;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content>.main-content-wrapper>.content-navigation>.content-nav-holder>.content-nav-header[data-visible="2"] > .content-nav-header-option {
        width: 50%;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content>.content-navigation>.content-nav-holder>.content-nav-header > .content-nav-header-option {
        min-width: 60px;
        padding: 11px 15px;
    }
    .social-wrapper-buttons .fit-button {
        padding: 10px 12px;
        font-size: 13px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content .fit-button.next-step,
    #optasy-dashboard #dashboard-holder #dashboard-content .fit-button.previous-step,
    #optasy-dashboard #dashboard-holder #dashboard-content .fit-button.final-step {
        min-width: 140px !important;
        padding: 10px 10px;
    }
    #optasy-dashboard .type-content>.content-section>.section-options>.section-option>.options-holder>.option {
        justify-content: center;
    }
    #optasy-dashboard .type-content {
        padding: 10px 8px;
    }
    .list-col.col1.text:empty {
        display: none;
    }
    .user-list-item .list-col-info .col2 {
        flex-grow: 1;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content .user-list-item .list-col-controls .custom_fit_button {
        min-width: 150px !important;
        font-size: 13px;
    }
    .fit-button.pinned,
    .fit-button.pinned.disabled {
        font-size: 12px;
        width: 60px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content .user-list-item .list-col.text {
        font-size: 14px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content .user-list-item .list-col-controls .custom_fit_button.small_v2 {
        min-width: 40px !important;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content .user-list-item .list-col-controls .custom_fit_button.small_v2 i {
        font-size: 20px;
    }
}

@media(max-width: 510px) {
    #optasy-dashboard {
        .main-content {
            &[data-content-type=invite-member] {
                .user-list-item {
                    .list-col-info {
                        flex-direction: column;
                        align-items: unset;
                        .list-col {
                            flex-basis: 100%;
                            justify-content: center;
                            &.col2 {
                                flex-direction: row;
                                justify-content: space-between;
                                flex-shrink: unset;
                            }
                        }
                    }
                    .list-col-controls {
                        flex-basis: 100%;
                        justify-content: center;
                    }
                }
            }
        }

        .content-program-member-wrapper {
            .content-program-member {
                .content-options {
                    .more-options-holder {
                        .level {
                            .level-icon {
                                display: none;
                            }
                        }
                    }
                }
                .content-instructions {
                    .instructions-wrapper {
                        .fit-field .submodule-media-wrapper .media-playlist .item .item-info .item-title {
                            -webkit-line-clamp: 2;
                        }
                    }
                }
            }
        }
    }
    #optasy-dashboard #advertise-widget-device-preview {
        height: 95px;
    }
    #optasy-dashboard .items.summary-list .item:nth-child(2) {
        display: none;
    }
    #optasy-dashboard #dashboard-top-nav .notification-banner {
        padding: 3px 17%;
        font-size: 12px;
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-info > .col1 {
        align-items: center;
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-info .col1 > .row.list-col-info-details .col1 {
        flex-basis: 100%;
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-info .col1 > .row.list-col-info-details .col1 .challenge-info {
        align-items: center;
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-info .col1 > .row.list-col-info-details .col2 {
        flex-basis: 99%;
        flex-grow: unset;
    }
}

@media(max-width: 480px) {
    #optasy-dashboard {
        .content-program-member-wrapper {
            .content-program-member {
                .content-options {
                    .more-options-holder {
                        .level {
                            .level-icon {
                                transform: scale(1);
                            }
                        }
                    }
                }
            }
        }

        .content-wellness {
            &.partner-challenges {
                .user-list-item {
                    .list-col-info {
                        .col1 {
                            align-items: center;
                            .row.challenge-info {
                                .ch-col:is(.col1, .col2) {
                                    flex-basis: 100%;
                                    justify-content: center;
                                    align-items: center;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-info {
        flex-basis: 84%;
    }
    #optasy-dashboard .two-column-options > div,
    #optasy-dashboard .three-column-options > div {
        width: 100%;
    }
    #optasy-dashboard .main-content[data-content-type=shop] .regular-list .table-row-item.empty-slot {
        min-height: 290px;
    }
    #optasy-dashboard .main-content[data-content-type=shop] .type-content .regular-list .table-row-item .list-col-info {
        flex-wrap: wrap;
    }
    #optasy-dashboard .main-content[data-content-type=shop] .type-content .regular-list .table-row-item .list-col-info .col0 {
        flex-basis: 93%;
    }
    #optasy-dashboard .main-content[data-content-type=shop] .type-content .regular-list .table-row-item .list-col-info .col1 {
        padding: 10px 20px;
    }
    #optasy-overlay-post #optasy-overlay-content {
        width: 300px;
    }
    #optasy-overlay-post .delete {
        left: calc(50vw + 130px);
    }
    .main-content[data-content-type=wearable-metrics] {
        .date-range-wrapper {
            .insight-wrapper {
                top: 10px;
                right: 10px;
                left: 10px;
                width: auto;
        
                .insight-card {
                    width: 100%;
                }
            }

            .date-status-wrapper {
                flex-direction: column;
                position: absolute;
                top: 15px;
                left: 0;
                z-index: 10;
                background-color: #fff;
                box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
                border-radius: 8px;
                padding: 10px;

                &:not(.active) {
                    .fitbit-metrics-grid {
                        display: none !important;
                    }
                }

                .collapse-metrics-button {
                    display: flex !important;
                    justify-content: center;
                    align-items: center;
                    width: 100%;
                    height: 40px;
                    border-radius: 8px;
                }

                .fitbit-metrics-grid {
                    flex-direction: column;
                    width: 100%;

                    .metric-tile {
                        padding: 0.75rem;
                    }
                    
                    .metric-value {
                        font-size: 1.75rem;
                    }
                }
            }
        }
    }
}

@media(max-width: 450px) {
    #optasy-dashboard .add-wellness-component-wrapper {
        justify-content: center;
    }
    #optasy-dashboard #advertise-widget-device-preview {
        height: 85px;
    }
    #optasy-dashboard.fit-device.collapse[data-visible=false] #dashboard-top-nav .top-nav-left {
        z-index: 2;
    }
    #optasy-dashboard #dashboard-top-nav .notification-banner {
        padding: 3px 19%;
    }
    .optasy-overlay-v2 .optasy-overlay-content-wrapper {
        width: 350px;
    }
    .optasy-overlay-v2 .optasy-overlay-content .description {
        font-size: 12px;
        font-weight: 600;
    }
    .optasy-overlay-v2 .optasy-overlay-content .custom-content .file-holder .file-name {
        font-weight: 500;
    }
    .optasy-overlay-v2 .optasy-overlay-content .custom-content .file-holder .file-date {
        font-weight: 300;
    }
    #optasy-dashboard .tags-list-wrapper>.tags-list>.tags.wellness-program {
        flex-basis: 100%;
    }
}

@media(max-width: 410px) {
    #optasy-dashboard #advertise-widget-device-preview {
        height: 73px;
    }
    #optasy-dashboard.fit-device[data-visible=true] #dashboard-top-nav .top-nav-calendar {
        visibility: hidden;
    }
    #optasy-dashboard #dashboard-top-nav .notification-banner {
        padding: 3px 21%;
    }
    .optasy-overlay-v2 .optasy-overlay-content-wrapper {
        width: 300px;
    }
    .optasy-overlay-v2 .optasy-overlay-content .content-btns {
        gap: 0;
    }
    .optasy-overlay-v2 .optasy-overlay-content .content-btns .fit-button {
        min-width: 110px;
        font-size: 12px;
        padding: 10px 15px;
    }
    #optasy-dashboard .main-content[data-content-type=all_challenges] .content-wellness.member-challenges .user-list-item .list-col-info {
        flex-basis: 81%;
    }
    #optasy-dashboard .main-content[data-content-type=shop] .regular-list .table-row-item.empty-slot {
        min-height: 230px;
    }
}

@media(max-width: 350px) {
    #optasy-dashboard {
        &.fit-device {
            .fit-calendar-widget[data-type=grid] {
                .calendar-body {
                    .month-wrapper {
                        .month-header span, .month-days > div {
                            width: 44px;
                        }
                        .month-days > div .date {
                            padding: 10px 0px;
                        }
                    }
                }
            }
        }
        &.fit-device.collapse {
            #calendar-widget.fit-device {
                width: 320px;
            }
            .fit-calendar-widget[data-type=grid] {
                #expand-wrapper {
                    right: 20px;
                }
                .calendar-body {
                    .month-wrapper {
                        .mobile-challenge-switch {
                            font-size: 12px;
                        }
                    }
                }
            }
        }
        &.fit-device.expand {
            .fit-calendar-widget[data-type=grid] {
                .calendar-body {
                    .month-wrapper {
                        width: 0;
                    }
                }
                .month-and-year {
                    display: none;
                }
            }
        }

        .content-wellness {
            &.partner-challenges {
                .user-list-item {
                    .list-col-info {
                        padding: 0;
                    }
                }
            }
        }
    }
    #optasy-dashboard #advertise-widget-device-preview {
        height: 66px;
    }
    #optasy-dashboard #dashboard-top-nav .notification-banner {
        padding: 3px 23%;
    }
    .optasy-overlay-v2 .optasy-overlay-content-wrapper {
        width: 275px;
    }
    .optasy-overlay-v2 .optasy-overlay-content .content-btns .fit-button {
        min-width: 102px;
        padding: 10px 11px;
        margin-left: 15px;
    }
    #optasy-dashboard .main-content[data-content-type=shop] .regular-list .table-row-item.empty-slot {
        min-height: 210px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content #dashboard-main-content-wrapper #dashboard-main-content>.main-content>.main-content-wrapper>.content-navigation>.content-nav-holder>.content-nav-header>.content-nav-header-option {
        min-width: 80px;
    }
    #optasy-overlay-post #optasy-overlay-content {
        width: 280px;
    }
    #optasy-overlay-post .delete {
        left: calc(50vw + 120px);
    }
    #optasy-dashboard .fit-upload {
        width: 247px;
    }
    #optasy-dashboard .type-content>.content-section>.section-options input:not([type=checkbox]):not([type=range]):not([type=number]):not([type=radio]) {
        min-width: 290px;
    }
    #optasy-dashboard #dashboard-holder #dashboard-content .user-list-item .list-col-controls .custom_fit_button {
        min-width: 130px !important;
    }
}