@media screen and (max-width: 440px) and (min-width:320px) {
    
    header {
        position: fixed !important;
    }

    .layout-page-content {
        margin-top: 13svh;

    }
    
    .allbody > .wrapper {
        background: #FAFAFA;
        overflow-x: hidden;
    }

    .overflow-mobile {
        width: auto;
        overflow-x: hidden;
    }

    .left-nav-toggle {
        display: none;
    }

    .secondblock {
        width: auto !important;
        overflow-x: scroll !important;
    }

    #search-form-popup {
        position: absolute;
        width: 205px;
        display: none;
        top: 11px;
        left: 0px;
    }

    .profil-link a.infobutton:hover .dropdown-content {
        display: block;
        padding: 10px 20px;
        top: 45px;
        left: -170px;
        width: 100%;
        height: 80px;
        font-size: 12px;
        border-radius: 5px;
    }

    #navbar .navbar-nav .dropdown-menu {
        background: #ffffff;
        color: #323232;
        width: 200px;
        max-height: 260px;
        overflow-y: scroll;
        position: absolute;
        margin-left: 80px;
        margin-top: 5px;
    }

    .header nav.navbar .container-fluid {
        max-width: 100%;
        margin: auto;
        padding: 0;
        height: 170px;
    }

    .navbar-collapse{
        width: 100%!important;
        border: none!important;
    }

    .navbar-nav > li:last-child > a {
        padding: 20px!important;
    }

    .navbar > .container-fluid .navbar-brand {
        padding-top: 0px!important;
        /* width: 100%;
        margin-top: -90px;
        position: absolute; */
    }

    .navbar > .container-fluid .navbar-brand img {
        margin: 0px;
        position: absolute;
    }

    .nav.luna-nav {
        /* margin-top: 117px; */
        margin-left: 0;
        width: 414px;
        height: 68px;
        background-color: #263C6E;
        overflow-x: scroll;
        overflow-y: visible;
    }

    .luna-nav.nav {
        width: auto;
        display: flex;
        justify-content: flex-start;
        flex-wrap: nowrap;
    }

    #navbar .navbar-right {
        display: flex;
        position: absolute;
        margin-left: -150px;
        margin-top: 26px;
        flex-wrap: nowrap;
    }

    .navbar-right .companyTwilioPhone {
        border-left: none;
        padding-left: 0px;
    }

    .luna-nav .secondary-nav {
        position: fixed;
        z-index: 1;
        top: 21svh;
        right: 0;
        left: 0;
        overflow-y: visible;
        box-shadow: rgba(58, 53, 65, 0.56) 0px 6px 18px -8px;
        width: 355px;
        margin: 16px 23px;
    }

    .secondary-nav > li a {
        position: relative;
    }

    header nav.navbar {
        height: 180px;
    }

    #header .header-second-row {
        width: auto;
        position: absolute;
        margin-top: 70px;
    }

    .navbar-header {
        width: 100%;
        position: relative;
    }

    .navbar > .container-fluid .navbar-brand {
        padding-top: 0px;
    }

    header .header-second-row {
        width: 100%;
        position: absolute!important;
        margin-top: 230px!important;
    }

    #navbar .navbar-nav .dropdown-menu a {
        color: #777777;
    }

    #navbar .companyTwilioPhone {
        width: 107px;
        display: table;
        float: left;
        position: initial;
    }

    .daylistats > div {
        display: inherit;
    }

    .mtd-stats .mtd {
        width: 380px;
        margin-bottom: 14px;
        overflow-x: scroll;
    }

    .mtd-stats {
        padding-left: 0%;
    }

    .dash-nav-row ul {
        float: left !important;
        width: 390px;
        overflow-x: scroll;
    }

    .dash-nav-row {
        padding: 0px;
    }

    #block0body {
        margin-top: 30px;
    }

    .block-header .content-wrapper {
        min-height: 45px;
    }

    .dashboard_home .video_item {
        width: 47%;
        margin: 9px auto;
    }

    .additional-buttons-section {
        display: inline-block;
        margin: 0px;
        height: 240px;
    }

    .additional-btn-todo {
        height: auto !important;
    }

    .filter-organization-title input.form-control {
        margin-bottom: 10px;
    }

    .filter-organization-title {
        top: 3px;
        width: 80%;
    }

    .company-search-mobile {
        top: 0px;
    }

    /* .pull-right {
        float: none !important;
    } */

    .action-buttons {
        margin-left: 0px;
    }

    .support-dropdowns {
        margin-bottom: 20px;
    }

    .support-btn-group {
        height: auto;
    }

    .dropdown-backdrop {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 990;
    }

    .dashboard-department-filter {
        width: 200px;
        margin-top: 5px;
        position: absolute;
        min-width: 0px;
        z-index: 999;
        background-color: #fafafa;
    }

    .pipeline-switcher {
        margin: 20px auto 0px !important;
    }

    .custom-period-mobile {
        width: 330px !important;
        margin: 20px -281px;
        padding: 20px;
        position: relative;
        z-index: 999;
    }

    .time-filters-mobile {
        margin-left: 76px;
    }

    .scroll-space-mobile {
        margin-right: 25px;
    }

    #dashboard_user_links .dropdown-menu {
        max-height: 290px !important;
    }

    .customers_list_section .additional-buttons-section .form-control {
        width: calc(98%) !important;
        min-width: 300px;
    }

    .customer-admin-btn-group {
        width: 160px;
        height: 43px;
        float: right;
        margin: -57px 0px 0px 0px;
    }

    .customer-search-admin-btn-group {
        width: 160px;
        position: relative;
        margin: -60px 0px 0px 162px;
    }

    .bts-multiselect-dropdown-with-checkbox {
        position: absolute;
        margin: -80px 3px;
    }

    .bts-multiselect-dropdown-with-checkbox button {
        margin: 10px 0px !important;
    }

    span.multiselect-native-select {
        margin-top: 21px;
        position: absolute;
    }

    .customers_list_section .additional-buttons-section .pipeline-dropdown {
        flex-grow: 0;
        position: absolute;
        left: 20px;
        top: 117px;
    }

    .orderby-confidence-dropdown-d {
        left: 10px;
        position: absolute;
        top: 175px;
    }

    .orderby-arr-mrr-dropdown {
        left: 10px;
        position: absolute;
        top: 230px;
    }

    .draggable-wrapper {
        margin-top: 80px;
    }

    .total_values_info {
        font-size: 14px;
        position: absolute;
        top: 295px;
        left: 170px;
    }

    .ab-button {
        margin: 10px 0px;
    }

    body:not(.dashboard_home) .block-content-outer {
        border-radius: 15px;
        position: relative;
        z-index: 20;
        background: #fff;
        padding: 25px 20px 25px;
    }

    .rd-dash-conversation {
        margin-top: 20px;
        position: relative !important;
        height: 54px;
        min-height: auto;
    }

    .rd-dash-conversation-answer,
    .conversation-buttons-group {
        position: relative !important;
        /* margin-left: 40%; Intances in profile and inbox style set for other unknown instance*/
    }

    #dashboard-conversation-text {
        width: 100%;
        border: 0px solid;
        border-radius: 0px;
        margin-bottom: 0px;
        padding-right: 5px !important;
        height: 110px !important;
        resize: none;
    }

    .inbox.mailbox {
        margin: 20px;
        overflow-x: scroll;
    }

    .rd-dash-sidebar {
        height: 300px;
        margin-bottom: 10px;
        border-radius: 7px;
        background-color: #efefef;
        overflow: scroll;
    }

    .mobile-bg-diff {
        background-color: rgba(255, 255, 255, 0.0) !important;
        border: none !important;
    }

    .customer-details-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .profilesidebarright .nav-tabs {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        overflow-y: scroll;
    }

    .customer-edit-icon .dropdown-menu-right {
        right: -5px;
        left: auto;
        top: 40px;
    }

    .categoriest-list-section {
        padding-right: 20px;
        min-width: 300px;
        height: 160px;
        overflow-y: scroll;
    }

    .categoriest-list-section ul {
        list-style: none;
        width: 344px;
        margin-left: -26px;
    }

    .mobile-flex {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
    }

    .video_item {
        width: 100%;
    }

    .admin-set {
        margin: -48px -84px;
    }

    .close-modal {
        right: 10%;
        top: 50px;
        z-index: 999;
    }

    .custom-grid .column-3,
    .custom-grid .column-6 {
        width: 100% !important;
    }

    .ext-search-mobile {
        margin: 150px auto;
        height: 100vh;
        border-radius: 15px;
        width: 100%;
    }

    .ext-search-mobile-company {
        margin: 150px auto;
        height: auto;
        border-radius: 15px;
        width: 100%;
    }

    .filter-modal-difference-modal {
        width: 100%;
        position: absolute;
        z-index: 999;
        margin-top: 150px;
        border-radius: 15px;
    }

    .modal-backdrop {
        z-index: 2 !important;
    }

    .adminform_form {
        width: 100%;
        margin: 0px auto;
        padding: 0px !important;
    }

    #customer-clear-filters {
        margin-left: 0px !important;
        margin-top: -50px !important;
    }

    .fw-12 {
        width: 320px !important;
        overflow-y: scroll;
    }

    .contact-pref {
        height: 70px;
        overflow-y: scroll;
    }

    .assign_customer_messagemodal_content {
        width: 100%;
    }

    .modal-content {
        width: 400px !important;
        max-width: calc(90% + 41px);
        margin: 0 auto;
    }

    #tinymce_modal .modal-content {
        display: inline-block !important;
        width: auto;
    }

    .modal-content .form-control {
        /* width: 90%; */
    }

    .toggle-switch {
        width: 55px;
    }

    .toggle-label {
        width: auto;
        min-width: 120px;
    }

    .contact-filters {
        position: absolute;
        margin: 10px;
        top: 0px;
    }

    .contact-list-utility-btn {
        height: auto !important;
    }

    .table-responsive {
        width: 100%;
        overflow: scroll;
    }

    .import-customer-btn {
        position: absolute;
        margin-left: 10px;
    }

    .import-title-field {
        width: 320px;
    }

    .calendar-filters {
        position: relative;
        margin-top: -100px;
    }

    .calendar-stepper {
        margin-left: -185px;
        margin-top: -38px;
    }

    .calendar-dwm-label {
        margin-top: -37px;
    }

    .fc .fc-view-harness-active > .fc-view {
        position: absolute;
        width: 375px;
        top: -40px;
        right: 0;
        bottom: 0;
        left: -14px;
    }

    .fc .fc-toolbar-title {
        font-size: 1.75em;
        margin: -5px 0px 110px -182px;
    }

    .fc-toolbar-chunk {
        display: inherit;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-evenly;
    }

    .todo-adv-search {
        margin-left: 10px;
    }

    .adminbuttons {
        display: table;
        width: 101%;
    }

    .todo-content-mt {
        top: 70px;
    }

    .broadcast-btn {
        position: absolute;
        margin: 57px 0px 0px -310px;
    }

    .campaign-content {
        position: relative;
        margin-top: 120px;
    }

    .campaign-selector {
        width: auto;
        margin: 10px 0px;
    }

    .add-buttons-campaign {
        height: auto !important;
    }

    .customerimg {
        height: 65px;
        width: 65px;
        font-size: 30px;
        margin: 20px 15px 20px 0px;
    }

    .client-info-section {
        margin-bottom: 11px;
    }

    .association-stage-value {
        float: none;
        margin: 0px 0px 7px 0px;
    }

    .xpn-efx-tu {
        height: 21px;
    }

    .profilesidebar {
        margin-top: 10px;
    }

    .mobile-br {
        width: 100%;
    }

    .show-full-message {
        min-width: 140px;
    }

    .email-message-preview {
        min-width: 360px;
    }

    .email-message-preview {
        /* width: 374px; */
        min-width: 309px;
        /* max-width: 112%; */
    }

    .rd-dash-conversation-item-footer {
        width: 44%;
    }

    #modal-container {
        width: 90% !important;
        height: auto !important;
        top: 1670px !important;
        padding: 15px;
        max-height: 100vh !important;
        left: 4% !important;
        overflow: auto;
    }

    #view_video_modal .modal-dialog, #template_modal .modal-dialog, #tinymce_modal .modal-dialog, #openai_assistant_history_modal .modal-dialog, #openai_assistant_modal .modal-dialog, #assign_customer_modal .modal-dialog {
    width: auto !important;
    }

    .reply-actions-mobile {
        margin-top: 0px !important;
    }

    .adminform_form .form-group {
        width: 310px !important;
        /* display: table-caption !important; */
    }

    .global_email_inbox > div {
    display: grid !important;
    width: 312px;
    }

    .customer_details_page .adminform_form.send_custom_email_form .adminform_savebutton {
        width: 160px;
        margin-top: -35px;
    }

    .adminform_form .form-group {
    width: 312px !important;
}

    .tox-tinymce {
        width: 330px;
    }

    .tox .tox-toolbar--scrolling {
        flex-wrap: wrap !important;
        /* overflow-x: auto; */
    }

    .generalfileuploader {
        transform: translate(-30px, 28px) !important;
    }

    .panelactions-call {
        margin-top: 190px;
    }

    .view-header .header-title {
        margin-left: 0px !important;
    }

    .companiesmgmt {
        min-height: 430px;
    }



}

/* Galaxy S23+ Specific LR: 390x780 DPR: 3*/
@media only screen and (device-width: 390px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    .luna-nav .secondary-nav {
        top: 23svh;
    }

    .email-message-preview {
        /* width: 374px; */
        min-width: 309px;
        max-width: 365px;
        /* max-width: 112%; */
    }

}