@media (max-width: 768.98px) {

    .flex-container {
        flex-direction: column !important;
    }

    .content_scroll_contact {
        max-height: calc(100vh - 25rem);
        margin: 0px;
        padding: 0 15px;
    }

    .content_scroll_member {
        max-height: calc(100vh - 25rem);
        margin: 0px;
        padding: 0 15px;
    }

    .content_scroll_message, .content_scroll_msmessage {
        max-height: calc(100vh - 25rem);
        margin: 0px;
        padding: 0 15px;
    }

    .content_scroll_15 {
        max-height: calc(100vh - 21rem);
        margin: 0px;
        padding: 0 15px;
    }

    .content_scroll_18 {
        max-height: calc(100vh - 18rem);
        margin: 0px;
        padding: 0 15px;
    }

    .content_scroll_messages_A {
        max-height: calc(100vh - 21rem);
        margin: 0px;
        padding: 0 15px;
    }

    .content_scroll_messages_msA {
        max-height: calc(100vh - 21rem);
        margin: 0px;
        padding: 0 15px;
    }

    .content_scroll_calendar {
        max-height: calc(100vh - 6rem);
        padding: 0px 5px;
    }

    .content_scroll_ptasks {
        display: block !important;
        max-height: calc(100vh - 14rem);
        overflow-y: auto;
    }

    .w-100-sm {
        width: 100%;
    }

    .hide_for_mobile {
        display: none !important;
    }

    .mobile_header {
        font-size: 1.3rem;
    }



    .btn {
        padding: .25rem .5rem;
        font-size: .875rem;
        line-height: 1.5;
        border-radius: .2rem;
    }

    .btn-lg {
        padding: .5rem 1rem;
        font-size: 1.25rem;
        line-height: 1.5;
        border-radius: .3rem;
    }

    #calendar_main .fc-dayGridMonth-button, #calendar_main .fc-listMonth-button, #calendar_main .fc-left .btn {
        font-size: .875rem;
        padding: 2px 10px;
    }

    #calendar_main .fc-right h2 {
        width: 110px;
    }

    #calendar_main .fc-toolbar h2 {
        font-size: 1.2em;
    }


    #calendar_main .fc-prev-button, #calendar_main .fc-next-button {
        font-size: 1.5rem;
    }

    #calendar_main .fc-day-header {
        padding: 2px 0px;
    }

    #calendar_main .fc-toolbar.fc-header-toolbar {
        margin-bottom: 0.5em;
    }

    #calendar_main .fc-myFilterBtn-button {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 80px;
    }

    .mobile-ellipse {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobile-w-100 {
        width: 100%;
    }

    #calendar_main .fc-toolbar > * > :not(:first-child) {
        margin-left: 0;
    }

    #calendar_main .fc-today-button {
        display: none;
    }

    div.bootstrap-select .dropdown-toggle {
        font-size: 1rem !important;
        color: #000 !important;
        padding: 5px 10px !important;
    }

    .filebtn, .filebtn input {
        font-size: .875rem !important;
        line-height: 1.5 !important;
        border-radius: .2rem !important;
    }

    #slideout-body a.btn {
        font-size: 1.2rem;
    }

    .editdatemodal {
        background-color: transparent;
    }

    .message_list_width {
        width: 100%;
    }

    .contact_list_width {
        width: 100%;
    }

    .greedy-nav {
        z-index: 1 !important;
    }

    i.fa-ellipsis-v {
        font-size: 1.3rem;
    }

    div.bootstrap-select div.dropdown a.dropdown-item {
        font-size: 1.2rem !important;
    }

    nav.greedy-nav ul.hidden-links a.nav-link h6, div.dropdown-popout a.dropdown-item {
        font-size: 1.3rem !important;
    }

    .photo_album_image_width {
        width: 125px;
    }

    .photo_album_text_size {
        font-size: 0.85rem;
    }

    .photo_image_card_width {
        width: 100%;
    }

    .photo_image_width {
        width: 200px;
    }
}



@media (min-width: 769px) {
    .hide_for_web {
        display: none;
    }

    .d-md-block_2 {
        display: block !important;
    }

    .editdatemodal {
        background-color: #e9ecef;
    }

    .message_list_width {
        width: 300px;
    }

    .contact_list_width {
        width: 300px;
    }

    .filebtn, .filebtn input {
        font-size: .875rem !important;
        line-height: 1.5 !important;
        border-radius: .2rem !important;
    }

    .cd-panel__container {
        width: 40% !important;
    }
}

@media (max-width: 1400px) {

    .hide_for_1400 {
        display: none;
    }
}