@media only screen and (max-width: 620px) {
    html, body {
        background-color: #ffffff;
    }
    .safe-area-top {
        background-color: #ffffff;
        padding-top: env(safe-area-inset-top);
        /* Для старых iOS: */
        padding-top: constant(safe-area-inset-top);
    }
    #page-title {
        font-size: 1.6rem;
        margin-top: 6px;
        width: 60%;
        margin-left: 3px;
    }

    #header {
        left: -300px;
        z-index: 52;
    }

    #mobile-header {
        position: fixed;
        bottom: 0;
        top: auto;
        left: 0;
        width: 100%;
        transition: all ease-in-out 0.5s;
        z-index: 104;
        border-right: 1px solid #dde1e4;
        transition: all 0.5s;
        padding: 0;
        background: #ffffff;
        overflow-y: auto;
        overflow: hidden;
    }

    #mobile-header #navbar li a {
        font-size: 20px;
    }

    /*#main .col-lg-9#content-block {*/
    /*    width: 100%;*/
    /*}*/
    #main {
        margin-left: 0;
    }

    .searchbar {
        margin: 30px 20px;
        border-radius: 5px;
        background-color: #f6f8fc;
    }

    .searchbar input {
        font-size: 16px;
    }

    .message.unread {
        background-color: #ffffff;

    }

    #messagelist.listing tr:hover {
        background-color: #ffffff;
    }

    #messagelist {
        margin: 0 20px;
        overflow: hidden;
    }

    table.listing {
        width: 90%;
    }

    .messagelist .message.unread td.subject span.msgicon.status:before {
        top: 25px;
        left: 0;
    }

    html.layout-phone .messagelist td.flags, html.touch .messagelist td.flags {
        top: 1rem;
        font-size: 14px;
    }

    .top-tab {
        background-color: #ffffff;
        margin-left: 0;
        padding-left: 0;
        height: 100px;
        z-index: 51;
        top:0;
    }
    .rcmContactAddress i {
        display: none;
    }
    html.touch #searchmenu   .custom-switch .custom-control-label {
        padding-left: 4rem;
    }
    .switcher {
        padding-left: 0;
        padding-right: 0;
    }

    .count-box h2.text-end {
        margin-top: -25px;
    }

    .node_ip_address, .node_domain_count, .node-subline, .node_alias {
        display: none;
    }

    .nav-menu {
        width: 100%;
    }

    .nav-menu > ul {
        width: 100%;
    }

    .nav-menu > ul > li {
        padding: 5% 8%;
        width: 32%;
        display: inline-block;
    }

    .top-item i.status.fa-angle-down.active {
        display: none;
    }

    .top-item {
        padding: 26px 60px;
        width: 33%;
    }

    #logout-link {
        bottom: 0;
        position: fixed;
        left: 0;
        font-size: 21px;
        width: 35px;
    }

    .section-title {
        padding-left: 10px;
    }

    /* Preloader */
    #preloader {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff; /* change if the mask should be a color other than white */
        z-index: 99; /* makes sure it stays on top */
    }

    #status {
        width: 200px;
        height: 200px;
        position: absolute;
        left: 50%; /* centers the loading animation horizontally on the screen */
        top: 50%; /* centers the loading animation vertically on the screen */
        background-image: url(/assets/images/status.gif); /* path to your loading animation */
        background-repeat: no-repeat;
        background-position: center;
        margin: -100px 0 0 -100px; /* is width and height divided by two */
    }


    .input-group-text.icon.add.recipient {
        display: none;
    }

    .recipient-input li.recipient, body > li.recipient.ui-sortable-helper {
        max-width: calc(90% - 3px);
    }

    #login-bar {
        top: 10vh;
    }

    .listing-info {
        top: 50%;
    }

    .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
        padding: 17px !important;
    }

    a.disabled:not(.btn) {
        display: none;
    }

    #message-menu-bar.menu a[role=button] {
        padding: 0 10px 0 0;
    }
    #message-menu-bar.message-mode {
        left: 0;
        top: 100px;
        padding-left: 6%;
    }
    #message-menu-bar #markmessagemenulink,  #message-menu-bar a.print ,  #message-menu-bar a.move {
        display: none;
    }
    #message-menu-bar.message-mode.menu a[role=button] {
        padding: 0 4px 0 0;
    }
    #calpage #message-menu-bar {
        padding-left: 3%;
    }

    #addressbook #message-menu-bar {
        padding-left: 3%;
    }

    #message-menu-bar.menu a {
        padding: 0 15px;
    }

    #message-menu-bar .menu.toolbar a {
        padding: 5px 0;
    }

    .task-calendar .pr-5 {
        padding-right: 1rem !important;
    }

    .pagenav.menu.footer {
        width: 100%;
    }

    .toolbar {
        padding-left: 5px;
    }

    .ui-dialog .ui-dialog-content > .popupmenu {
        /*margin-left: 45px;*/
    }

    .task-login {
        padding: 0 30px;
    }

    .top-item:last-child {
        padding-left: 40px;
    }

    .mobile-folder-show {
        left: 0 !important;
        width: 100% !important;
    }

    #layout-list-mail {
        position: relative;
        width: 100%;
        border-right: none;
    }

    .message-date {
        display: none;
    }

    #message-header .header-links a.headers-all, #message-header .header-links a.plain {
        display: none;
    }
    #message-header h2 {
        margin-top: 10px;
    }

    .ui.alert.alert-warning > i.icon:before {
        content: none;
    }
    .ui.alert.boxconfirmation, .ui.alert.boxerror, .ui.alert.boxinformation, .ui.alert.boxwarning {
        padding: 1rem;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .action-compose a.save.draft {
        padding: 7px 0;
        width: 90%;
        margin-right: 0;
    }
    .action-compose .primary.send {
        width: 80%;
        margin-right: 5%;
    }
    #mail-main {
        padding-left: 15px;
        padding-top: 0;
    }

    #attachment-list li {
        width: 100% !important;
        margin-right: 0;
        margin-bottom: 8px !important;
    }

    html.iframe #layout-content {
        padding-right: 1rem;
    }

    #message-header > .header img.contactphoto {
        width: 2.5rem;
        height: 2.5rem;
    }

    .messagelist td.subject {
        border-bottom: none;
    }

    .messagelist td.subject:before {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        border-top: 1px solid #ebebeb;
        content: "";
    }

    .messagelist td.subject span.fromto {
        padding-left: 15px;
        padding-top: 10px;
    }

    .messagelist td.subject span.subject {
        padding-left: 15px;
    }

    html.iframe .formcontent > .propform {
        padding: 1rem;
    }

    .count-box {
        min-height: 80px;
    }

    .settings-menu .count-box, .settings-menu .count-box:first-child, .settings-menu .count-box:last-child {
        padding: 9%;
    }

    .settings-menu .count-box a {
        min-height: 30px;
        min-width: 30px;
    }

    html.touch .custom-switch .custom-control-label:before {
        height: 17px;
    }

    html.touch .custom-switch .custom-control-label:after {
        height: 13px;
    }

    .task-settings .formcontent:not(.popupmenu) {
        padding-right: 1rem;
    }

    #identities-table {
        margin-left: 0;
        padding: 5%;
    }

    .propform i {
        font-size: 21px;
    }

    .task-settings .formcontent .row i, #eventedit.formcontent .row i, #calendarpropform .form-group.row i, #eventshow .form-group.row i {
        width: 45px;
        height: 45px;
        border-radius: 20px;
        display: none;
    }

    p.small {
        font-size: 0.9rem;
    }

    html.layout-phone .messagelist td.subject, html.touch .messagelist td.subject {
        padding: 1rem;
    }

    .ui-dialog {
        width: 100% !important;
        height: 90% !important;
        display: flex;
        flex-direction: column;
        border: 0;
        top: 0 !important
    }

    .ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-resizable-handle {
        display: none !important
    }

    .ui-dialog .ui-dialog-titlebar {
        height: 58px;
        text-align: center;
    }

    .ui-dialog .ui-dialog-title {
        line-height: 58px;
        font-size: 1.4rem;
        padding: 0 1rem
    }

    .ui-dialog .ui-dialog-content {
        flex: 1
    }

    .ui-dialog .ui-dialog-content:not(.iframe) {
        padding: 1rem;
    }

    .ui-dialog .ui-dialog-buttonpane {
        padding: 0 !important;
        text-align: center !important;
        border-top: none;
        height: 58px !important;
        background-color: #ffffff;
        position: fixed;
        bottom: 90px;
        width: 100%;
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        justify-content: space-around
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
        margin: 0 !important;
        padding: .45rem;
        border: 0 !important;
        height: 58px;
        box-shadow: none;
        font-size: 90%;
        line-height: 1.5
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:before {
        display: block !important;
        float: none;
        width: auto;
        height: 1.75rem;
        line-height: 1.75;
        margin: 0 !important
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:active {
        box-shadow: none
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary {
        color: #2c363a;
        background: 0 0
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-danger {
        color: #ff5552;
        background: 0 0
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.disabled, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled {
        opacity: .5
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.cancel {
        order: 100
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link {
        color: #2c363a;
        margin: 0;
        padding: .45rem;
        font-size: 90%
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link.options:before {
        display: block !important;
        height: 1.75rem;
        line-height: 1.75;
        margin: 0
    }
    .messagelist td.subject span.rcmContactAddress {
        font-size: 1.2rem;
    }
}