@media only screen and (max-width: 1140px) {

    li.globalSearchBoxLi {
        display: none;
    }

}

@media only screen and (max-width: 1024px) {
    .col-md-3 {
        width: 25%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .btn {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .btn i,
    .btn div {
        /*font-size: 0.9em !important;*/
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2,
    .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
    .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5,
    .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
    .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
    .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
    .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11,
    .col-md-11, .col-lg-11, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;

        /*padding-top: 3px;*/
    }

    .col-md-12, .col-lg-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .head-spacer {
        height: 100px;
    }

    .row {
        margin-right: -5px;
        margin-left: -5px;
    }

    label {
        font-size: 0.9em;
        display: block;
    }

    .select2-container .select2-search--inline .select2-search__field {
        margin-top: 9px;
    }

    .col-xs-12 {
        padding-top: 5px;
    }

    .filter_label,
    .form-control {
        font-size: 0.9em;
    }

    .thumbnailHeader img {
        height: 25px;
    }

    .select2-container {
        font-size: 0.9em;
    }

    select.form-control + .chosen-container.chosen-container-single .chosen-single {
        font-size: 0.9em;
    }

    .label,
    p,
    a,
    h1, h2, h3, h4, h5 {
        font-size: 0.9em !important;
    }

    h1, h2, h3, h4, h5 {
        margin-right: -10px;
    }

    .project_name_reminder div {
        font-size: 0.9em !important;
    }

    /*Timeline*/
    .tl-day {
        background-color: #337ab7;
        color: white;
        font-weight: bold;
        width: 71px;
        text-align: center;
        height: 20px;
        line-height: 20px;
        margin-bottom: 10px;
        border-radius: 3px;
        font-size: 0.9em;
    }

    .timelineLeftContentBox {
        width: 100%;
    }

    .tl-item {
        font-size: 0.9em;
    }

    #otherClientCards span {
        font-size: 0.7em;
    }

    .table-responsive {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .widget .widget-header h3 {
        right: 15px;
    }

    .callLogContentLine {
        max-width: 500px;
    }

    .chartIntervalButtons .btn-group > button:nth-child(n+5) {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .container {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1024px) {

    .mobile-hide {
        display: none !important;
    }

    footer {
        /*color: red;*/
    }

    .head-spacer {
        height: 60px;
    }

    .navbar-header {
        margin-right: 0 !important;
        width: 100%;
    }

    .navbar .navbar-header .navbar-brand {
        display: block;
        float: right;
        padding-right: 0;
    }

    .collapse.navbar-collapse {
        display: none !important;
    }

    .nav-tabs {
        margin-right: -14px;
    }

    .subnavbar {
        display: none;
    }

    .container, .container-fluid {
        width: 100%;
    }

    .row {
        font-size: 12px;
    }

    .col-md-3 {
        width: 100%;
    }

    .col-md-6 {
        width: 100%;
    }

    .col-md-4 {
        width: 100%;
    }

    /*.row > [class^='col-'] { !* class name starts with col-lg *!*/
    /*padding-right: 0;*/
    /*padding-left: 0;*/
    /*}*/
    #chat-container .content .message-input .wrap button {
        /*width: 20% !important;*/
    }

    #chat-container .content .message-input .wrap textarea {
        /*width: calc(100% - 30%) !important;*/
    }

    #chat-container #sidepanel #contacts ul li.contact {
        /*padding: 5px 0 15px 0 !important;*/
    }

    #chat-container #sidepanel #contacts ul li.contact .wrap .meta {
        display: block !important;
        width: 100% !important;
    }

    #chat-container #sidepanel #contacts ul li.contact .wrap .meta .name {
        font-weight: 200 !important;
        text-align: center !important;
        font-size: 0.8em !important;
        width: 100% !important;
    }

    #chat-container #sidepanel #contacts ul li.contact:not(.active) .wrap span.time {
        margin: -2px 9px 0 -2px !important;
        margin-top: 2px !important;
    }

    #chat-container #sidepanel #contacts {
        /*height: 100% !important;*/
    }

    #chat-container #sidepanel #contacts ul {
        /*height: 100% !important;*/
    }

    #chat-container #sidepanel #contacts ul li.contact .wrap .lastMessage {
        margin-top: 2px !important;
    }

    #chat-container #sidepanel #contacts ul li.contact .wrap img {
        margin-left: 10px !important;
        margin-right: 7px !important;
    }

    #chat-container #sidepanel #contacts {
        overflow-y: auto !important;
    }

    .timeline-popover-button.chatcorrection {
        display: none !important;
    }

    .form-horizontal .form-group.row {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

    #chat-container #sidepanel #contacts ul li.contact {
        padding: 14px 0 46px 0;
        height: 60px;
    }

    .listClientName {
        font-weight: bold !important;
    }

    .saveStaticDialog {
        bottom: 60px;
        top: unset;
    }

    .mfb-component, .mfb-component--br, .mfb-component--bl, .mfb-component--tr, .mfb-component--tl {
        padding-right: 10px;
        z-index: 990;
        margin: 0 0 61px;
    }

    li.globalSearchBoxLi {
        display: none;
    }

    .container-report {
        width: 100%;
    }

    .container-report #campaignBox {
        display: none;
    }

    .container-report .report-header-center img {
        display: none;
    }

    .container-report .report-header-center {
        padding-top: 0;
        margin-bottom: 20px;
    }

    .container-report .report-header-center h2 {
        font-size: 22px;
    }

    .container-report .report-header-center h5 {
        font-size: 10px;
    }

    .container-report .report-header-center hr {
        margin-bottom: 5px !important;
    }

    .container-report .report-header-right .report-company-logo-box {
        height: unset;
        margin-bottom: 15px;
    }

    .container-report .report-header-right img {
        max-height: 50px;
        max-width: 50px;
    }

    .container-report .report-header-left {
        margin-bottom: 20px;
    }

    .container-report .report-header-left p {
        font-size: 0.9em;
    }


    .modal-dialog {
        width: auto !important;
    }

    .input-group {
        margin-bottom: 5px;
    }

    .select2Mobile .select2 {
        margin-bottom: 10px;
    }

    .input-group-sendEmail-button,
    .input-group-whatsapp-button,
    .input-group-phone-button {
        width: 70px;
    }

    .modal {
        width: 100%;
    }

    .modal .modal-body {
        padding: 0;
    }

    .form-control-static {
        min-height: unset;
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    /*Data Tables*/
    .datatable-client-name {
        min-width: 80px;
        overflow: hidden
    }

    .datatable-client-name {
        min-width: 80px;
        overflow: hidden;
        text-align: center;
    }

    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
        width: 100% !important;
        margin-left: 0 !important;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
        top: 13px !important;
        left: 8px !important;
    }

    table.dataTable > tbody > tr.child ul.dtr-details > li {
        border-bottom: 1px solid #efefef;
        padding: 0.5em 0;
        text-align: right;
    }


    .roomsFilterFrom {
        padding-right: 0;
        padding-left: 10px;
    }

    .roomsFilterTo {
        padding-right: 10px;
        padding-left: 0;
    }

    div.dataTables_wrapper div.dt-buttons,
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter {
        display: none;
    }

    .col-xs-p0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .clearFiltersButtonWrapper {
        margin-top: 20px !important;
        margin-bottom: 15px !important;
    }

    .sendEmailModalFilesUploadRow,
    .sendWhatsappModalFilesUploadRow {
        display: none;
    }

    .sendEmailModalImagesAddRow,
    .sendWhatsappModalImagesAddRow {
        max-height: 170px;
        overflow-y: auto;
    }

    .modal.in .modal-dialog {
        margin: 5px;
    }

    .modal {
        z-index: 99999;
    }

    .form-horizontal .form-group {
        /*margin-right: 0;*/
        /*margin-left: 0;*/
    }

    .audioChatContainer {
        margin-top: 20px;
    }

    .thumbnailHeader.login img {
        height: 25px;
        margin-left: 0px;
    }

    .thumbnailHeader.login h3 {
        color: #337ab7;
        font-size: 20px !important;
        vertical-align: bottom;
    }

    .thumbnailHeader.login hr {
        margin-bottom: 40px;
    }

    .widgetPaginatorWarp {
        margin-left: 5px;
    }

    .clientCard .detailsForm {
        margin-top: 0;
    }

    .mobilePaddind5 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .modal-dialog {
        max-width: 100%;
        min-width: 30%;
        margin: 30px auto;
    }

    .form-horizontal .control-label {
        text-align: right;
    }

    .emailImageWrap {
        height: 72px;
    }

    #userNotificationsPanel {
        margin-top: -19px;
    }

    #userNotificationsPanel .userNotificationsPanelItem {
        background-color: rgba(51, 122, 183, 0.8);
        height: unset;
        color: white;
    }

    .userNotificationsPanelItem > i {
        display: none;
    }

    .clientNeedsAiRecomindationsBox {
        display: none;
    }

    .dataTables_wrapper .top, .dataTables_wrapper .bottom {
        height: 50px;
    }

    .dataTables_wrapper th {
        min-width: unset !important;
    }

    /* свернутая строка */
    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control {
        min-width: 60px;
    }

    table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
        font-family: "Font Awesome 6 Pro";
        font-weight: 900;
        content: "\e095";
        color: #337ab7;
        margin-left: 7px;
        margin-right: 0;
        display: inline-block;
        font-size: 2em;
    }

    /* раскрытая строка */
    table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before {
        content: "\e0a1";
    }

}