@media all and (max-width: 320px) {
    .box-title-right {
        position: relative !important;
        top: 0;
        right: 0;
        margin-top: 10px;
        float: left;
    }

    .box-title-left {
        margin-right: 25px;
    }
}

@media all and (max-width: 640px) {


    .api.-wrapper {
        width: 100%;
    }

    .box-title-left .-name {
        font-size: 18px;
        line-height: 21px;
    }

    .api.-header {
        font-weight: 500;
        font-size: 13px;
        line-height: 15px;
    }

    .api.-header {
        padding-top: 25px;
    }

    .navigation-wrapper {
        /*top: 0 !important;*/
        /*padding: 0 0 20px 0 !important;*/
    }

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

    .header-chart {
        padding-top: 6px !important;
    }

    .input-group {
        width: 100%;
        margin: 0;
    }

    .input-group .col-1, .input-group .col-2, .input-group .col-3, .input-group .col-4, .input-group .col-half {
        width: 100%;
        margin: 0 0 20px 0;
        float: none;
    }

    /*.new-mail-button {*/
    /*    width: 200px;*/
    /*    margin-left: calc(50% - 100px);*/
    /*}*/

    .input-group div:last-child {
        margin-bottom: 0;
    }

    .checkbox-inline {
        margin: 0 10px 10px 0;
    }

    .box {
        padding: 0 0 10px 0;
    }

    .padding-left {
        padding-left: 6px !important;
    }

    .box-title-left a, .box-title-left span {
        font-size: 18px;
        line-height: 24px;
    }

    .box .mCSB_scrollTools {
        right: -19px;
    }

    .table-collapse tbody {
        display: block;
    }

    .table-collapse, .table-collapse tr, .table-collapse td {
        /*width: 100% !important;*/
        width: 100%;
        display: block;
    }

    .table-collapse tr {
        padding: 8px 0;
    }

    .table-collapse tr td {
        padding: 0;
        text-align: left !important;
        margin-bottom: 8px;
        font-size: 16px;
    }

    .table-collapse tr td:empty {
        display: none;
    }

    .table-collapse:after {
        content: "";
        display: table;
        clear: both;
    }

    .table-report tr {
        position: relative;
    }

    .table-report tr td:nth-child(3) {
        position: absolute;
        bottom: 8px;
        right: 0;
        width: auto !important;
        display: inline-block;
    }

    .table-report tr td:nth-child(3) img {
        margin-top: -3px;
    }

    .table-report tr td:last-child {
        position: absolute;
        right: 0;
        bottom: 8px;
        width: auto !important;
        display: inline-block;
    }

    .table-transactions tbody {
        display: block;
    }

    .table-transactions, .table-transactions tr, .table-transactions td {
        width: 100%;
        display: block;
    }

    .table-transactions tr {
        padding: 8px 0;
    }

    .table-transactions tr td {
        padding: 0;
        text-align: left !important;

        font-size: 16px;
        margin-bottom: 8px;
    }

    .table-transactions tr td:empty {
        display: none;
    }

    .content-wire .box {
        padding: 0;
    }

    .table-wire {
        width: calc(100% - 28px) !important;
        margin: 14px;
    }

    .table-wire tr td:first-child {
        padding-right: 0;
    }

    .table-wire .table-buttons tr td {
        padding: 0 0 10px 0;
    }

    .table-wire .table-buttons tr td:first-child {
        width: 100%;
        padding: 0 0 10px 0;
    }

    .table-wire .table-buttons tr td:last-child {
        padding: 0;
    }

    .wire-next-step {
        width: calc(100% - 20px);
        margin: 0 10px;
        display: block;
    }

    .wire-steps {
        display: table;
    }

    .draft-filter {
        display: none;
    }

    .draft-filter-extended {
        display: none;
    }

    .table-draft-filter {
        width: calc(100% - 28px) !important;
        margin: 14px;
    }

    .table-draft-filter tr td:first-child {
        padding-right: 0;
    }

    .table-draft-filter .table-buttons tr td {
        padding: 0 0 10px 0;
    }

    .table-draft-filter .table-buttons tr td:first-child {
        width: 100%;
        padding: 0 0 10px 0;
    }

    .table-draft-filter .table-buttons tr td:last-child {
        padding: 0;
    }

    .draft-search-button {
        display: block;
    }

    table tr td input[type="text"], table tr td select, table tr td textarea, table tr td .ui-button {
        width: 100%;
        margin-top: 4px;
    }

    .draft-action {
        margin: 0 14px;
    }

    .table-draft-list:not(.table-list-new-gemba-referals) {
        width: calc(100% - 28px) !important;
        margin: 14px;
    }

    .table-draft-list tr {
        position: relative;
    }

    .table-draft-list tr th {
        display: none;
    }

    .table-template-list {
        width: calc(100% - 28px) !important;
        margin: 14px;
    }

    .table-template-list tr {
        position: relative;
    }

    .table-template-list tr th {
        display: none;
    }

    .table-draft-sort {
        width: calc(100% - 28px);
        margin: 0 14px;
        display: table;
        border-bottom: 1px solid #e9e9e9;
        border-collapse: collapse;
        text-align: center;
    }

    .table-draft-sort tr td {
        padding: 8px 0;
    }

    .table-draft-sort tr td:first-child {
        text-align: left;
    }

    .table-draft-sort tr td:last-child {
        text-align: right;
    }

    .table-statement {
        width: calc(100% - 28px) !important;
        margin: 14px;
    }

    .table-statement tr {
        position: relative;
    }

    .table-statement tr th {
        display: none;
    }

    .table-statement tr td.statement-total-title {
        width: 50% !important;
        display: inline-block !important;
        text-align: right !important;
    }

    .table-statement tr td.statement-total-amount {
        display: inline-block !important;
        width: 40% !important;
        float: right !important;
        text-align: right !important;
        padding-right: 0 !important;
    }

    .table-draft-sort tr td:last-child {
        width: 300px;
    }

    .label-xxs {
        width: 90px;
        display: inline-block;
        color: #9a9a9a;
    }

    .draft-list-time {
        display: inline;
        font-size: 11px;
        color: #555555;
    }

    .table-draft-list tr td:nth-child(4) {
        white-space: normal;
    }

    .table-draft-list tr td:nth-child(5) .label-xxs, .table-draft-list tr td:nth-child(6) .label-xxs {
        color: #555555;
    }

    .table-draft-list tr td:last-child {
        /*position: absolute;
        top: calc(50% - 12px);
        right: 0;
        width: 23px !important;*/
    }

    .table-template-list tr td:first-child {
        padding: 8px 0 8px 24px !important;
        max-width: 85% !important;
    }

    .table-template-list tr td:last-child {
        /*  position: absolute;
          top: calc(50% - 12px);
          right: 0;
          width: 23px !important;*/
    }

    .draft-list-more {
        margin-top: 3px;
        float: right;
    }

    .table-draft-list .dropdown-sm, .table-cards-list .dropdown-sm {
        top: 27px;
        right: inherit;
        left: 0px;
    }

    .table-draft-list .dropdown-sm a, .table-cards-list .dropdown-sm a {
        text-align: left;
    }

    .content-email-search {
        margin: 0;
    }

    .content-email-search .input-group {
        padding: 10px 10px 0 10px;
    }

    .content-email-single .box-title {
        padding: 10px;
    }

    .content-email-single .box-title h3 {
        padding: 0 25px;
        font-size: 16px;
        line-height: normal;
    }

    .content-email-single .box-title .show-dropdown {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .content-email-single .box-title .dropdown-sm {
        top: 34px;
        right: 10px;
    }

    .content-email-single .box-content {
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 0;
    }

    .email-info .email-info-date {
        margin-left: 48px;
        display: inline-block;
    }

    .email-info .email-info-time {
        display: inline-block;
    }

    .table-add-reply .input-group {
        margin-top: 34px;
    }

    .new-email-xxs {
        display: block;
    }

    .new-email-xxs .box {
        padding: 10px;
    }

    .email-unread, .email-read {
        background-position: left 50% !important;
    }

    .table-email-list {
        /*width: calc(100% - 20px) !important;*/
        /*margin: 10px 10px 0 10px;*/
    }

    .table-email-list tr {
        /*position: relative;*/
    }

    .table-email-list th {
        /*display: none;*/
    }

    .table-email-list tr td:first-child {
        /*padding-left: 24px;*/
        /*width: calc(100% - 40px) !important;*/
        /*line-height: 19px !important;*/
        /*-webkit-box-sizing: border-box;*/
        /*-moz-box-sizing: border-box;*/
        /*box-sizing: border-box;*/
    }

    .table-email-list tr td:nth-child(3) {
        /*display: none;*/
    }

    .table-email-list tr td:nth-child(4) {
        /*display: none;*/
    }

    /*    .table-email-list tr td:last-child {
            position: absolute;
            top: 10px;
            right: 0;
            width: 23px !important;
            text-align: right !important;
        }*/
    .table-email-list .dropdown-sm {
        right: 0;
    }

    .table-email-acc th {
        display: none;
    }

    .table-email-acc tr td:first-child {
        max-width: 100% !important;
        width: 100% !important;
        /*padding-left: 24px !important;*/
        line-height: 18px;
    }

    .table-email-acc tr td:nth-child(3) {
        display: none;
    }

    .table-email-acc tr td:last-child {
        text-align: left !important;
    }

    .email-list-time {
        display: inline;
        font-size: 11px;
    / / color: #9a9a9a;
    }

    .email-list-footer .paginator, .email-list-footer .email-list-rows {
        float: none;
    }

    .email-list-rows {
        margin-bottom: 10px;
        text-align: center;
        line-height: normal;
    }

    .table-email-create, .email-create-body {
        /*margin: 10px 10px 0 10px;*/
    }

    .table-email-create {
        /*width: calc(100% - 20px) !important;*/
        width: 100%;
    }

    .email-create-body .input-textarea {
        height: 150px;
    }

    .info {
        max-width: 300px !important;
    }

    .data-line-hidden {
        float: left;
    }

    .header-language {
        margin-top: 0px !important;
    }

}

.footer-gemba {
    width: 100%;
    height: auto;
}

.extramobilelogo {
    display: none;
}

@media all and (max-width: 975px) {
    body {
        overflow-x: hidden;
    }

    .wrapper {
        overflow: hidden;
    }

    .extramobilelogo {
        display: block;
    }

    .footer-gemba {
        display: none;
    }

    .qrcode {
        width: 100%;
        text-align: center;
    }

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

    .navigation {
        /*width: 280px;*/
        /*width: var(--nav-bar-width);*/
        /*margin-left: -282px;*/
        margin-left: -100vw;
        /*padding: 0 0 102px 0;*/
    }

    .logo {
        /*display: none !important;*/
    }

    .header .logo {
        display: none !important;
    }

    .header-user-name {
        /*margin-left: 14px !important;*/
        overflow: hidden;
        /*max-width: 200px;*/
    }

    .navigation-wrapper {
        /*top: 0 !important;*/
        /*padding: 0 0 20px 0 !important;*/
        /*bottom: 1px;*/
    }

    .navigation-wrapper .mCSB_scrollTools {
        right: 8px !important;
    }

    .navigation .header-user {
        /*margin: 20px 0 20px 30px;*/
        /*float: none;*/
        /*line-height: 44px !important;*/
        display: block;
    }

    .menu {
        /*margin-top: 0 !important;*/
        /*padding-top: 14px !important;*/
    }

    .navigation .navigation-logo {
        margin: 16px 30px 0 42px;
        float: none;
        display: block;
    }

    .navigation .header-language {
        position: absolute;
        top: 20px;
        right: 20px;
        float: none;
        display: inline-block;
        z-index: 2;
    }

    .navigation .header-language .dropdown-sm {
        right: 0;
        left: auto;
        background-color: #2c2d41;
    }

    .navigation .header-language .dropdown-sm a:hover {
        background-color: #2c2d41;
    }

    .support {
        height: 54px;
    }

    .menu-toggle {
        display: inline-block;
    }

    .header {
        height: 54px;
        padding: 0 10px;
    }

    .header-info {
        width: 23px;
    }

    .menu-toggle {
        margin: 0;
    }

    .header-user, .header-date, .header-session {
        display: none;
    }

    .header-chart {
        width: auto;
        padding-top: 8px;
    }

    .header-language {
        margin-left: 5px;
    }

    .session-progress-wide {
        display: block;
    }

    .session-progress-wide .session-progress {
        margin: 0;
        background: #26253d;
    }

    .session-progress-wide .session-progress b {
        background: #ecba63;
    }

    .content {
        padding: 0;
    }

    .column-left, .column-right {
        width: 100%;
        float: none;
    }

    .box {
        /*margin: 10px;*/
        /*box-shadow: 0px 1.2362px 2.66979px rgba(0, 0, 0, 0.024108), 0px 3.93594px 5.57407px rgba(0, 0, 0, 0.0360915), 0px 10.2347px 9.601px rgba(0, 0, 0, 0.0452755), 0px 21.4574px 16.899px rgba(0, 0, 0, 0.0533314), 0px 28.7602px 34.2531px rgba(0, 0, 0, 0.0611885), 0px 33px 114px rgba(0, 0, 0, 0.07);*/
    }

    .table-wire {
        /*width: 90%;*/
    }

    .footer div {
        text-align: center;
    }

    .footer-phone-icon {
        margin-left: 25%;

    }

    .footer-phone-container {
        float: left;
        text-align: center;
        margin-left: 0;
    }

    .footer-container {
        padding-top: 20px;
    }

    .footer-skype {
        clear: both;
        margin-left: 15%;
        margin-top: 20px;
    }

    .footer-mail {
        clear: both;
        margin-left: 15%;
        margin-top: 20px;
    }

    .footer-address a {
        display: block;
        margin-left: 0;
    }

    .footer-links {
        margin-top: 20px;
        padding-bottom: 10px;
        font-size: 14px;
        font-weight: 500;
    }

    .footer-links a {
        float: none;
        clear: both;
        display: block;
        margin-top: 10px;
    }

    .footer-links a.next-link {
        margin-left: 0;
    }

    .footer-address {
        padding-top: 30px;
    }

    .table-draft-list tr td:nth-child(4) {
        white-space: normal;
    }

    .navigation .footer {
        position: static;
        left: 0;
        bottom: 0;
        height: auto;
        width: 260px;
        margin: 10px 0 10px 22px;
        display: block;
    }

    .navigation .footer-container {
        width: auto;
        padding: 0 34px 0 24px;
        display: block;
    }

    .navigation .footer-call-local, .navigation .footer-call-ww {
        width: 100%;
        margin: 0 0 10px 0;
        display: block;
        float: none;
        padding: 0;
    }

    .navigation .footer-copyright {
        display: block;
        float: none;
        text-align: left;
        line-height: normal;
    }

    .navigation .footer-links {
        margin: 10px 0 0 0;
        display: block;
        text-align: left;
        line-height: normal;
    }

    .navigation .footer-links a {
        margin: 5px 0;
        display: block;
    }

}

@media all and (max-width: 975px) {
    .content-section {
        width: 100%;
        margin: 0;
        padding-bottom: 10px;
    }

    .box.-api {
        padding: 25px 20px;
        display: flex;
        justify-content: center;
    }

    .api.-header {
        padding-bottom: 5px;
    }
}

/* @media all and (max-width: 1024px) {
     .footer-logo {
	background-position: left 65%;
    }
}

@media all and (min-width: 1025px)and (max-width: 1280px) {
     .footer-logo {
	background-position: left 35%;
    }
} */

@media all and (min-width: 976px) and (max-width: 1299px) {
    body {
        overflow-x: hidden;
    }

    .hide-md, .hide-lg {
        display: none !important;
    }

    /* .table-wire {
         width: 100%;
     }*/
    .header-language {
        margin-left: 6px;
    }

    .navigation-wrapper {
        /*bottom: 10px;*/
    }

    /*//    .navigation {*/
    /*//        width: 330px;*/
    /*//        margin-left: -330px;*/
    /*//    }*/
    /*//    .content-section {*/
    /*//        width: 100%;*/
    /*//        margin: 0;*/
    /*//    }*/
    /*//    .content {*/
    /*//        padding: 0 5px;*/
    /*//    }*/
    .column-left, .column-right {
        width: 100%;
        float: none;
    }

    /*//    .box {*/
    /*//        margin: 10px 5px;*/
    /*//    }*/
    /**/
    /*//    .menu-toggle {*/
    /*//        display: inline-block;*/
    /*//	position: absolute;*/
    /*//	top: 20px;*/
    /*//	left: 10px;*/
    /*//    }*/
    .additional-logo {
        display: none;
    }

    /*//    .header-user {*/
    /*//	margin-left: 130px;*/
    /*//    }    */
    /*    .table-transactions tr {
            padding: 8px 0;
        }
        .table-transactions tr td:first-child {
            text-align: left !important;
        }
        .table-transactions tr td:last-child {
            text-align: right !important;
        }
        .table-transactions tr td:empty {
            display: none;
        }*/

}

@media all and (min-width: 1300px) and (max-width: 1599px) {
    .header-language {
        margin-left: 6px;
    }

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

    .table-transactions tr {
        /*padding: 8px 0;*/
    }

    .table-transactions tr td:first-child {
        /*padding: 0;*/
        /*text-align: left !important;*/
    }

    .table-transactions tr td:last-child {
        /*padding: 0;*/
        /*text-align: right !important;*/
    }

    .table-transactions tr td:empty {
        /*display: none;*/
    }
}

@media all and (min-width: 1600px) {
    .header-language {
        margin-left: 6px;
    }

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

    .navigation {
        width: 330px;
    }

    /*//    .navigation-wrapper {*/
    /*//        top: 105px;*/
    /*//        bottom: 105px;*/
    /*//    }*/
    /*//    .logo {*/
    /*//        padding: 29px 0;*/
    /*//    }*/
    .support {
        height: 104px;
    }

    /*.footer {
        height: 480px;
    }*/
    .content-section {
        /*width: calc(100% - 330px) !important;*/
        /*margin-left: 330px !important;*/
    }

    /*//.header {*/
    /*//    height: 104px;*/
    /*//}*/
    .column-left, .column-right {
        /*width: 50%;*/
    }

    .content-wire .column-left, .content-draft .column-left, .content-email-single .column-left, .content-email .column-left, .content-email-new .column-left, .column-wide {
        width: 100%;
        float: none;
    }

    .box-template-item {
        width: 33%;
        float: left;
    }

}