@media (max-width: 500px) {
    .dashboard-scroller-right {
        right: -24px;
    }
    .dashboard-scroller-left {
        left: -24px;
    }
}

@media (max-width: 812px) {
    #library-main-filters-button .boss-btn.boss-btn-small{
        margin-bottom: -20px !important;
        margin-left: -10px !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        font-size: 18px;
    }

    /*#library-main-filters-button.filter-resources-cutom-btn .boss-btn.boss-btn-small {*/
    /*    border-radius: var(--border-radius-l) !important;*/
    /*}*/

    .admin-bar #the-facets #library-course-compass-banner,
    #the-facets #library-course-compass-banner {
        margin-bottom: 10px !important;
    }
    #bbpress-forums .bbp-reply-form.bb-modal form{
        margin-bottom: 80px;
    }
    h2, h2.font-serif.font-xl{
        font-size: var(--font-l-mobile) !important;
    }
}

@media (max-width: 1024px) {
    .dashboard-scroller-right {
        right: -32px;
    }
    .dashboard-scroller-left {
        left: -32px;
    }
    .site-header-container .site-branding {
        min-width: 44px;
    }
    .site-header .menu-item-has-children {
        position: relative;
    }
    #header-messages-dropdown-elem,
    #header-notifications-dropdown-elem,
    .bb-header-more-menu,
    .bb-header-search-bar,
    .bb-help-dropdown-wrap,
    .header-cart-link-wrap,
    .header-search-link-wrap,
    .user-wrap-container{
        padding: 0 3px!important;
    }
}

@media (min-width: 1080px){
    /*increase font size*/
    .ld-progress-percentage,
    .ld-progress-steps,
    .course-lesson-count,
    .library-category,
    .copyright,
    .bbp-pagination-count,
    .bs-timestamp,
    .bs-single-forum-list span.bs-timestamp,
    .no-links,
    .bbp-author-name,
    .firstpostbtn,
    .lastpostbtn,
    .comment-author,
    .comment-date,
    .comment-reply-link,
    .comment-edit-link,
    #bbp-reply-exerpt,
    #bbp-close-btn,
    input,
    button,
    label,
    .bb-course-items .bb-course-excerpt,
    #primary-menu li a,
    .learndash-wrapper .ld-progress-percentage,
    .learndash-wrapper .ld-progress-steps,
    .search_results .item-title a,
    .results-group-footer a,
    #buddypress .bp-search-results-wrapper .bp-navs a {
        font-size: 18px;
    }
    .rpwe-time,
    .datetime,
    .total-results{
        font-size: 16px;
    }
    .bs-section-title{
        font-size: 26px!important;
    }
    .start-new-topic-shortcode-button small,
    .search_results .item-title a{
        font-size: 20px;
    }
    .primary-menu>li{
        margin-right: 15px;
    }
}
@media (max-width: 1080px) {
    .primary-menu>li a{
        font-size: 14px!important;
    }
    .primary-menu>li a i{
        margin-right: .2em!important;
        font-size: 13px!important;
    }
}
@media (max-width: 1999px) {
    .primary-menu>li{
        padding: 0 6px!important;
    }
    .site-branding{
        padding-right: 10px!important;
    }
}
@media (min-width: 1600px) {
    #the-library {
        padding-right: 0 !important;
    }
}

@media screen and (min-width: 568px) {
    .bbp-reply-form .gif-media-search-dropdown.open,
    .bbp-topic-form .gif-media-search-dropdown.open,
    .bbp-reply-form .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom,
    .bbp-topic-form .emojionearea .emojionearea-picker.emojionearea-picker-position-bottom{
        left: -20px !important;
    }
}

/*New media Query*/
@media screen and (max-width: 768px) {
    /*#tmp-start-new-topic-overlay .bb-form-select-fields {*/
    /*    flex-flow: column wrap;*/
    /*}*/

    /*Community*/
    .start-new-topic-shortcode-button {
        padding-top: 10px;
        padding-bottom: initial;
    }

    .start-new-topic-shortcode-button a,
    .bbp_before_forum_new_post a,
    .bbp-forum-buttons-wrap a.subscription-toggle {
        font-size: initial !important;
        line-height: inherit !important;
        padding: 10px 20px;
    }

    ul.bs-forums-items.list-view li.bs-item-wrap:nth-child(1) {
        min-height: 70px;
    }

    /*Notifications*/
    .notifications-header h1.entry-title {
        font-size: 40px !important;
    }
    .subnav li:not(:last-child) {
        padding-right: 15px !important;
    }

    /*Footer*/
    .footer-widget .widget_nav_menu #menu-boss-footer-menu {
        padding: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    #tmp-start-new-topic-overlay .bb-form-select-fields {
        flex-flow: column wrap;
    }
}

@media screen and (max-width: 568px) {
    /*Header*/
    body.buddypress.bp-user #page #primary .entry-header {
        flex-direction: column;
    }
    body.buddypress.bp-user #page #primary .entry-header a {
        margin: 10px auto 0;
    }
    #bbpress-forums .bs-item-list {
        margin-top: 80px;
    }
    .bs-item-wrap.bs-header-item .bbp-forum-buttons-wrap {
        position: absolute;
        top: -70px;
        right: 0;
        flex-direction: row;
        flex-flow: nowrap;
        align-items: center;
        justify-content: center;
    }
    .bs-item-wrap.bs-header-item .bbp-forum-buttons-wrap a {
        font-size: 16px !important;
        padding: 10px 15px;
        line-height: initial !important;
    }

    #tmp-start-new-topic-overlay > div:not(.forums-new-topic) {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%;
    }

    .my-messages .medium-editor-toolbar.active {
        top: -40px !important;
        left: 10px !important;
    }

    body.forum-archive #whats-new-toolbar .medium-editor-toolbar.active,
    .single-topic #whats-new-toolbar .medium-editor-toolbar.active,
    .single-forum #whats-new-toolbar .medium-editor-toolbar.active {
        top: -20px !important;
    }

    /*Cancel subscription*/
    #new-cancellation-survey .cancellation-buttons {
        flex-direction: column-reverse;
        display: flex;
        align-items: center;
        padding-bottom: 35px;
    }
    #new-cancellation-survey .cancellation-buttons h3 {
        margin-bottom: 20px !important;
    }
    #cancellation-letter .button.primary.boss-btn-primary,
    #cancellation-letter .button.outline.boss-btn {
        display: block;
    }
    #cancellation-letter .button.outline.boss-btn {
        margin: 0 auto 30px;
    }

    /*Comments*/
    .comment-respond .form-submit {
        float: none;
        margin-left: 0;
    }
    .comment-respond .form-submit .submit,
    a#cancel-comment-reply-link {
        display: block;
        width: 100%;
    }

    /*Community*/
    .bb-form-select-fields .bbp_topic_form_type_wrapper {
        width: 100%;
    }

    .bb-form-select-fields .bbp-submit-wrapper {
        margin-left: 0;
        margin-top: 10px;
    }

    /*Typography*/
    h1.entry-title {
        font-size: 36px !important;
        font-weight: 500 !important;
        letter-spacing: 0 !important;
        line-height: 95% !important;
    }

    /*Notifications*/
    .bb-sort-by-date {
        justify-content: center;
    }

    /*Home page fix errors*/
    .home-page .background-almost-white .inner-blocks .lpg-button-wrapper .btn-strawberry {
        width: 90%;
        float: none;
    }
    .home-page .background-almost-white .text-right .complete-anything-button {
        width: 100%;
        text-align: center;
    }
    .home-page .background-almost-white .text-right .complete-anything-button .complete-anything-toggle-item {
        width: 90%;
    }

    .home-page #resume,
    .home-page #whatsnew ,
    .home-page #whatsnew-guitar {
        width: 100%;
    }
}

/* ----------- Testing iPad design ----------- */
/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1366px) {
    /*My Profile - Member profile view*/
    #send-private-message.generic-button .send-message {
        display: flex;
        align-items: center;
    }
    /*Account settings*/
    .bb-bp-settings-content .mp_wrapper {
        max-width: 100% !important;
    }
}

/* Portrait */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation: portrait)
and (-webkit-min-device-pixel-ratio: 1) {
    /*Dashboard*/
    .dashboard-scroller-right {
        right: -22px;
    }
    .dashboard-scroller-left {
        left: -22px;
    }
    #check_latest_content {
        display: flex;
        justify-content: space-between;
    }
    /*Courses*/
    .learndash_post_sfwd-courses .learndash-wrapper .bb-grid {
        flex-direction: row-reverse;
    }
    .learndash-theme.single-sfwd-courses .bb-single-course-sidebar {
        max-width: 40%;
    }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
    /*Dashboard*/
    .dashboard-scroller-right {
        right: -22px;
    }
    .dashboard-scroller-left {
        left: -22px;
    }
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 810px)
and (max-device-width: 1112px)
and (-webkit-min-device-pixel-ratio: 2) {
    /*Header*/
    #masthead .bookmark-anything-button:not(.with-label) {
        position: absolute;
        right: 14px;
        margin-right: 0 !important;
    }
    /*Members Search*/
    #members-list.item-list:not(.grid) .list-wrap .list-wrap-inner .item .last-activity {
        margin-top: 10px;
    }
    /*Notifications*/
    #buddypress .notifications-header .entry-title {
        font-size: 50px !important;
    }
    .notifications-header .subnav li:not(:last-child) {
        padding-right: 10px;
    }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 1024px)
and (max-device-width: 1366px)
and (-webkit-min-device-pixel-ratio: 2) {
    /*Header*/
    #masthead .bookmark-anything-button:not(.with-label) {
        position: absolute;
        right: 14px;
        margin-right: 0 !important;
    }
    /*Dashboard*/
    .dashboard-scroller-right {
        right: -28px;
    }
    .dashboard-scroller-left {
        left: -28px;
    }
}