.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}

    .row > div {
        box-sizing: border-box;
        margin-left: 1%;
        margin-bottom: 10px;
    }

.col-md-12 {
    width: 99%;
}

.col-md-8 {
    width:66%
}


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


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

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


.setup-bal-wrapper {
    max-width: 600px;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    height: 100%;
    align-items: center;
    background: #00BCD4;
}

@media only screen and (max-width: 768px) {
    /* For desktop: */
    body {
        min-width: 200px;
    }

    body, .ui-widget {
        font-size: 14px;
    }

    .col-xs-12 {
        width: 99%;
    }

    .col-xs-8 {
        width: 66%;
    }

    .col-xs-6 {
        width: 49%;
    }

    .col-xs-4 {
        width: 32%;
    }

    .col-xs-3 {
        width: 24%;
    }

    #account-header-container {
        width: 50%;
    }

    .bodycont {
        padding: 0;
    }

    .rub-cont-text {
        width: 100%;
    }

    .boxcolor {
        width: 26px;
        height: 26px;
        font-size: 11px;
        line-height: 0px;
        padding: 7px;
        box-sizing: border-box;
        text-align: center;
        border-radius:50%;
        margin: 0;
        position: absolute;
        top: -25px;
        left: -130px;
    }

    .rub-currency {
        font-size:12px;
    }

    .font_dashboard {
        margin: 0 0 0px;
    }

    .box, .egoods-total-pricing, .padd, .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error, .alert.alert-danger {
        padding: 5px;
    }

    .wrapper-header {
        padding-bottom: 20px;
    }

    .submenu h1 {
        font-size: 16px;
    }

    .rub-cont-icon {
        width: auto;
        position: relative;
    }

    table.hometable {
        width: 100%;
        table-layout: fixed;
        overflow: hidden;
    }

    .setup-bal-arrow, .setup-bal {
        height: 100%;
        min-height: 130px;
    }



    .m-hidden {
        display: none;
    }

    .rub-cont-text-inner {
        margin: 0 0px;
    }

    .rubs .rub .numData {
        font-size: 21px;
        font-weight: bold;
    }

    .font_dashboard {
        font-weight: bold;
        font-size: 13px;
    }

    table.hometable tr td {
        padding: 8px 0;
    }

    table.hometable tr th {
        padding: 8px 0;
    }

    table.hometable tr th {
        font-size: 14px;
    }

    #push_notif_cont {
        font-size: 11px;
        padding: 15px 10px;
        border-radius: 0;
        display: none;
        background: #fff;
    }

    .big-select-cont .big-select .img img {
        height: 115px;
        object-fit: contain;
    }

    .big-select-cont .big-select > div {
        margin: 2px;
    }

    .big-select-cont .big-select .txt {
        font-size: 12px;
        height: 135px;
    }

    html body ul.tmp-prev-item > li {
        width: 49%;
        display: inline-block;
    }

    .select-template-cont {
        height: auto;
        overflow: auto;
    }

    .wrapper-header {
        font-size: 21px;
    }

    .body-footer {
        padding: 10px 0;
        text-align: center;
        width: 100%;
        position: relative;
    }

    .limarg {
        margin: 0;
    }

    .submenu ul {
        display: flex;
        width: 100%;
        overflow: auto;
        white-space: nowrap;
    }

    html .payments_list li {
        width: 50% !important;
    }

        html .payments_list li > div {
            margin: 0 5px !important;
        }

        html .payments_list li img {
            max-width: 85% !important;
        }

    .tile-content {
        font-size: 11px;
    }

    .payment-detail-content {
        width: 100%;
    }

    html .payments_list.with-rank li > div {
        width: 150px !important;
    }

    html body .payments_list li {
        width: 50% !important;
    }

    html .app_cube_list {
        display: flex;
        width: 100%;
        overflow: auto;
        margin: 0 -5px !important;
    }

    .bigrub-cont img {
        max-width: 60px !important;
    }

    .shamecy .ui-tabs-nav {
        display: flex;
        overflow: hidden;
        white-space: pre;
        overflow-x: auto;
    }

    #acctoken {
        width: 200px;
    }

    table.m-one-row tr td {
        display: block;
        width: 100% !important;
    }

    table.m-two-row tr td {
        display: inline-block;
        width: 48% !important;
    }

    .ui-button, input[type=button], input[type=submit] {
        font-size: 14px;
    }

    .cc-rubs .l-img {
        width: 30%;
    }

    .cc-rubs .l-cont {
        width: 70%;
    }

    .flex-scroll {
        flex-wrap: nowrap;
        overflow: auto;
    }

    .discount-order {
        display: none;
    }

    .light-theme a, .light-theme span {
        padding: 3px 3px !important;
    }

    #print-order {
        display: none;
    }

    .customer-phone-actions {
        display: block;
    }

    .acc-billing-cont {
        width: auto;
    }

    .body-wrapper {
        padding: 0px 10px 15px 10px;
    }

    .partner-cube {
        width: 100%;
    }

    #whitelabelcont .flex-2 > div {
        width: 100%;
        margin-bottom: 15px;
    }

    .m-100 {
        width: 100%;
    }

    .payment-field {
        float: none;
        width: 100% !important;
        padding: 0;
        margin-bottom: 10px;
    }

        .payment-field input {
            width: 100% !important;
        }

            .payment-field input[type=checkbox] {
                width: auto !important;
            }

    .login-parts .part-content {
        display: block;
    }

    .report-box {
        width: 100%;
        float: none;
    }


    #lnk_add_cat {
        display: block;
    }

    html[lang=he] .side-panel {
        padding-right: 10px;
        padding-left: 0;
    }

    .ui-tabs .ui-tabs-panel {
        padding: 1em 10px;
    }

    .shamecy .ui-tabs-nav > .ui-state-default a {
        font-size: 14px;
    }

    body .ui-state-highlight {
        margin-bottom: 10px !important;
        padding: 5px !important;
    }

    body .m-text-center {
        text-align: center;
    }

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none;
        width: 100%;
        text-align: center;
    }

    .upload-drag-text, .fa-sort {
        display: none;
    }

    .user-short {
        width: 16px;
        height: 16px;
        font-size: 16px;
        line-height: 16px;
    }

    .product-img {
        border: solid 1px #dadada !important;
    }

    .labelspan {
        white-space: normal;
        border-radius: 4px;
    }

    .cc-pricint-table > .cc-pricint-row.cc-pricint-row-header {
        width: 100% !important;
    }

    body #cc-price-plan {
        height: auto;
        margin-top: 25px;
    }

    .height-400 {
        height: auto;
    }

    ul.dest1-cities-list > li {
        width: 100%;
        float: none;
    }

    ul.warpped-list li {
        width: 85%;
        float: none;
    }

    .blob-upload-label {
        width: 90%;
        max-width: none;
    }

    .table-prod-images {
        width: 100%;
    }

    #cc-head-notification {
        bottom: 80px;
        top: auto;
        width: 70%;
        text-align: center;
        background: rgba(0,0,0,0.8);
        border: solid 1px rgba(0,0,0,0.8);
        color: #fff;
    }

    .tree-changed-notif {
        display: none;
    }

    .notifications-cont > .notification-icon svg {
        height: 25px;
        width: 45px;
    }

    .m-btn-highlight {
        font-weight: normal;
        background: #00BCD4;
        border-radius: 25px;
        padding: 0 10px;
        color: #fff;
        box-shadow: 0 0 2px #969696;
    }

        .m-btn-highlight:hover {
            color: #fff !important;
            background: #038d9e;
        }

    .font15 tbody, .font15 tbody a {
        font-size: 14px !important;
    }

    .labelspan2 {
        font-size: 14px;
    }

    #certificate_settings {
        display: none !important;
    }

    .bordered-header {
        font-size: 16px;
    }

    .box-height {
        height: auto;
    }

    .m-pointer-none {
        pointer-events: none;
    }

    .partner-logo-cont > span.ptlogo img {
        height: 25px;
    }

    .partner-logo-cont > span img {
        object-fit: contain;
        height: 40px;
    }

    #templates-ajax {
        height: 280px;
        overflow: auto;
    }

    .blob-upload-label.file-upload-error:before {
        display: block;
        left: 0;
        top: -30px;
    }

    .my-categoires-mobile {
        display: block;
    }

    .cup-title {
        font-weight: bold;
    }

    .labelspanlarge {
        font-size: 12px;
    }

    .fixed-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        background: #fff;
        padding: 15px 0;
    }

    .lazy-badges {
        display: block;
    }

    .cc-flex-wrap-m, .cc-flex-wrap-2col-m {
        flex-wrap: wrap;
    }

        .cc-flex-wrap-m > div {
            width: 100%;
            padding: 5px 0;
        }

        .cc-flex-wrap-2col-m > div {
            width: 45%;
            margin-bottom: 10px;
        }

        .m-nowrap {
        white-space: nowrap;
    }

    html .linerub {
        padding: 5px 0;
        margin-bottom:10px;
    }

    html .reprub {
        font-size: 18px;
        line-height: 26px;
    }

    html .shiping-order-cube {
        display: block;
        width: 65%;
    }
}