@media (max-width: 900px) {
    
    .fullTdWidth td {
        width: 100% !important
    }

    .mobile {
        display: inline-block !important;
    }
    
    p.mobile {
        display: block !important;
    }
    
    .pc {
        display: none !important;
    }
    
    .tab_link {
        padding: 0px 10px;
        height: 35px;
        line-height: 35px;
    }
        
    .documents_box {
        margin-top: 30px;
        padding-top: 30px;
        width: 100%;
        margin-bottom: 30px;
    }
    
    .documents_box a {
        margin: 10px 20px;
    }

    .documents_box a:nth-child(2) {
        margin-left: 15px;
    }

    .head_table td {
        width: 100% !important;
        display: block;
    }
    
    .cabinet_content {
        margin-top: 10px;
    }
    
    .cabinet_logo {
        width: 100%;
        margin-bottom: 20px;
    }
    
    .cabinet_logo img {
        max-width: 120px;
        display: block;
        margin: 0px auto;
    }
    
    .cabinet_auth {
        width: auto;
        display: inline-block;
        position: absolute;
        margin: 10px auto;
        top: 0px;        
    }
    
    .cabinet_auth.partner {
        display: block; 
        margin-bottom: -27px;       
    }
    
    .cabinet_info {
        position: relative;
        margin: 10px auto;
        text-align: center;
    }

    .cabinet_order_tasteTable  td {
        width: auto;
        display: inline-block;
    }
    
    .cabinet_menu ul {
        text-align: center;
    }
        
    .cabinet_menu ul li {
        display: inline-block;
        float: none;
        padding: 5px;
    }
    
    .cabinet_menu ul li a {
        padding: 0px 10px;
    }
    
    .cabinet_menu ul li a i {
        top: 2px;
    }
    
    .cabinet_menu ul li:nth-last-child(2) {
        float: none;
    }
    
    .cabinet_content_box {
        margin-top: 0px;
    }
    
    .float_box {
        min-width: calc(100% - 20px);
    }
    
    .users_SearchBoxLine {
        margin: 5px 1%;
        padding: 3px;
        min-height: 50px;
    }
        
    .cabinet_order_button_min {
        margin-top: 18px !important;
        width: auto;
        padding: 0px 20px;
        margin-left: 0px;
    }
    
    .history_orderTable .title {
        display: none;
    }
 
    .history_orderTable > tbody > tr > td:nth-child(1) {
        vertical-align: top;
        padding-top: 6px;
    } 
    
    .cabinetHistoryTb.history_orderTable > tbody > tr > td:nth-child(1) {
        display: none;
    }
    
    .history_orderTable > tbody > tr > td:not(:nth-child(1)){
        display: block;
        padding: 5px 10px;
        width: auto !important
    }
    
    .history_orderTable > tbody > tr > td:nth-child(2) {
        padding-top: 15px;
        font-size: 18px;
        color: #30987c;
    }
    
    .history_orderTable > tbody > tr > td:nth-child(2) b {
        font-size: 18px;
    }
    
    
    
    .dataContentTable .title {
        display: none;
    }
    
    .dataContentTable > tbody > tr > td:nth-child(1) {
        vertical-align: top;
        padding-top: 6px;
    } 
       
    .dataContentTable > tbody > tr > td:not(:nth-child(1)){
        display: block;
        padding: 5px 10px;
        width: auto !important
    }
    
    .dataContentTable > tbody > tr > td:nth-child(2) {
        padding-top: 15px;
        font-size: 18px;
        color: #30987c;
    }
    
    .dataContentTable > tbody > tr > td:nth-child(2) b {
        font-size: 18px;
    }
    
    .switcherSelectorValue.switcherCheckbox.active .checkbox:after {
        width: 16px;
        height: 16px;
    }
    
    .checkbox {
        width: 20px;
        height: 20px;
        border-radius: 5px;
    }
    
    .checkbox.active:after {
        width: 16px;
        height: 16px;
        border-radius: 3px;
    }
    
    .float_box  .float_box_text {
        float: none;
    }
    
    .float_box  .cabinet_order_select {
        display: inline-block;
        max-width: 40%;
    }
    
    .users_SearchBoxLineCalendar {
        position: initial;
    }
    
    .users_RangeBox {
        top: auto;
        width: 100%;
        left: 0px;
        z-index: 500;
        overflow-x: auto;
    }
    
    #ui-datepicker-div {
        z-index: 100 !important;
    }
    
    .users_SearchBoxLineEdit {
        height: auto;
    }
    
    .cabinetSearchFilter {
        margin: 0px 5px 5px 0px;
    }
    
    .move_link {
        cursor: move;
        color: #adabab;
        margin-right: 12px;
    }
    
    .mobileDliveryTitle {
        font-size: 20px;
        color: #30987c;
        font-weight: bold;
    }
    
    #makes_info_box_duble {
        height: auto !important
    }
    
    .cabinet_order_input {
        width: 200px;
    }
    
    .cabinet_order_button_medium {
        width: 232px;
    }
    
    .deliveryTable td {
        border-bottom: 0px !important;
        padding: 0px 10px !important;    
    }
    
    .deliveryInfoLine.active {
        padding: 5px 0px;
        text-align: center
    }
    
    .cabinet_order_button_topline {
        text-align: center; 
        float: none; 
        position: relative; 
        margin-bottom: 5px; 
        top: 0px;
        margin-top: 25px;
        padding: 5px 23px;
    }
    
    .cabinetCommentBox {
        width: 90% !important;
        height: auto !important;
        margin: 5px 0px !important;
        padding: 0px 0px !important
    }
    
    .cabinetCommentBox .users_SearchBoxLabel {
        padding: 15px 23px;
        font-size: 21px;
    }
    
    .cabinetCommentBox textarea {
        margin: 5px 23px;
    }
    
    .cabinetOrderButtonMob {
        width: 90%
    }
    
    .ratingLeftBox, .ratingRightBox {
        width: 100%;
    }
    
    .cabinetRatingBox {
        margin: 15px 0px;
        width:  80%;
        padding: 15px 5% 15px 15%
    }
    
    .main_content_inner_left, .main_content_inner_right {
        width: 100% !important
    }
    
    .cabinet_tab {
        padding: 8px 17px !important;
        margin-right: 10px !important;
        margin-left: 0px !important;
        margin-bottom: 10px !important;
    }
    
    .step_title, .step_descr {
        display: none;
    }
    
    .main_order_sum_box {
        width: 100% !important;
        margin-left: 0px !important;
    }
    
    .mobFloat {
        float: left;
        margin-right: 10px;
    }
    
    .padd20 {
        padding: 10px;
    }
    
    .mobFloatMain {
        margin-right: 0px;
        width: 35%;
    }

    .mobFloatName {
        width: 100%;
        overflow-x: hidden;
        white-space: nowrap
    }
    
    .jsActiveElement.active .mobFloatName {
        overflow: auto; 
        max-width: 100%;  
    }
    
    .checkbox[data-for-checkbox="distrOrders"] {
        margin-left: 5px !important;
    }
    
    .cabinet_distr_panel_box {
        padding: 10px 5px;
    }
    
    .cabinet_distr_panel_box select {
        max-width: 100% !important;
        margin-left: 15px !important;
        margin-bottom: 10px !important
    }
    
    .cabinet_distr_panel_box .cabinet_order_button {
        margin-left: 15px !important;
    } 
    
    .mobCourierNumber {
        float: left;
        font-size: 15px;
        width: 18px;
        height: 18px;
        margin-right: 5px;
        text-align: center;
        position: relative;
        line-height: 18px;
        color: #000;
        border-radius: 50%;
        border: 1px solid #000;
        top: 4px;
    }
    
    .deliveryNameLine {
        display: block;
        float: right;
        margin-left: 5px;
        position: relative;
        top: -4px;
    }
    
    .deliveryNameLink {
        margin-right: 0px
    }
    
    
    .cabinet_order_tasteTableLineMobile td {
        display: block !important;
        width: 100%;
        position: relative;
        padding-bottom: 2px;
    }
    
    .cabinet_order_tasteTableLineMobile td:after {
        content: '';
        display: block;
        clear: both;
    }
    
    
    .cabinet_order_tasteTableLineMobile {
        width: 90% !important;
    }
    
    .cabinet_order_tasteTableLineMobile .cabinet_order_tasteIcon.cabinet_order_tasteIconMin {
        float: left;
        margin-right: 30px;
    }
    
    .cabinet_order_tasteTableLineMobile .mobTasteName {
        text-align: left !important;
        float: left !important;
        font-size: 15px !important;
        margin-top: 9px !important;
        margin-bottom: 5px !important;
        margin-left: 10px !important;
    }
    
    .orderTableMobUser .cabinet_order_count{
        float: none;
        display: inline-block; 
        height: 35px;
        line-height: 35px;   
    }
        
    .orderTableMobUser .cabinet_order_arrow.cabinet_order_arrowUp {
        display: inline-block !important;
        transform: rotate(90deg) !important;
        float: none;
    }
    
    .orderTableMobUser .cabinet_order_arrow.cabinet_order_arrowDown {
        display: inline-block !important;
        transform: rotate(90deg) !important;
        float: none;
    }
        
    .cabinetSelectorList,
    .cabinetSelectorList2 {
        margin-bottom: 10px;
        margin-left: 14px;
    }
    
    .cabinetSelectorList a,
    .cabinetSelectorList2 a {
        display: inline-block;
        color: #D0D0D0;
        margin-right: 20px;
    }
    
    .cabinetSelectorList a.active,
    .cabinetSelectorList2 a.active {
        color: #6bc6ad;
    }
    
    .cabinetSelectorList a i,
    .cabinetSelectorList2 a i {
        font-size: 25px;
    }
    
    .debtOrderTable td {
        display: table-cell !important;
    }
    
    .debtOrderTable td:nth-child(1) {
        width: 100px !important;
    }
    
    .history_orderTable.debtOrderTable > tbody > tr > td:nth-child(2) {
        font-size: 14px;
        color: #000000;
    }
    
    .deliveryCommentIsset {
        background: #fff6db
    }
    
    
    .tableMobileBox table td {
        display: table-cell !important;
    }
    
    .tableMobileBox table tr {
        display: table-row !important;
    }
    
    .tableMobileBox {
        overflow-x: auto;
    }
    
    .tableMobileBox table.dataContentTable > tbody > tr > td:nth-child(2) {
        padding-top: inherit;
        font-size: inherit !important;
        color: inherit;
    }
    
    .jsGraphTable .checkboxTd.active:after {
        width: 98%;
        height: 98%;
        left: 1%;
        top: 1%;
        border-radius: 8px !important;
    }
    
    .graphTableTrBox {
        position: absolute;
        left: 0px;
        top: 2px;
        width: 180px;
        display: block;
        z-index: 2;
        background: #f7f7f7;
    }
    
    .graphTableTrBox table {
        width: 100%;
    }
    
    body.userType_1 .cabinet_logo {
        text-align: left;
    }
    
    body.userType_1 .cabinet_logo img {
        max-width: 120px;
        display: inline;
        margin: 0px auto;
    }
    
    body.userType_1 .head_table {
        margin: 0px 10px !important
    }
    
    body.userType_1 .cabinet_menu {
        width: 100%;
        position: absolute;
        top: 0px;
        left: 145px;
    }
    
    body.userType_1 .cabinet_auth {
        top: -10px;
        right: 10px !important;
        padding: 0px 9px;
        font-size: 14px;
    }
    
    body.userType_1 .cabinet_menu ul {
        display: inline-block;
        text-align: left;
        margin-top: 5px !important
    }
    
    body.userType_1 .cabinet_menu ul li {
        display: inline-block;
        float: none;
        padding: 2px;
    }
    
    body.userType_1 .cabinet_info {
        display: none;
    }
    
    body.userType_1 .cabinet_order_tasteTable td {
        width: calc(50% - 21px);
        display: inline-block;
        position: relative
    }
    
    body.userType_1 .cabinet_order_tasteTable.cabinet_order_tasteTableLineMobile2 td {
        width: calc(33% - 21px);
        display: inline-block;
        position: relative
    }
    
    body.userType_1 .cabinet_order_tasteTable.cabinet_order_tasteTableLineMobile td {
        width: 100%;
    }
    
    body.userType_1 .cabinet_order_tasteTable.cabinet_order_tasteTableLineMobile {
        width: 95% !important;
    }
    
    body.userType_1 .mobTasteName {
        top: -10px;
        display: block;
        position: absolute;
        width: calc(100% - 20px);
        text-align: center !important;
    }
    
    body.userType_1 .orderTableMobUser .mobTasteName {
        top: -5px;
        display: block;
        position: absolute;
        font-size: 15px !important;
        width: calc(100% - 15px);
        line-height: 12px;
        text-align: center !important;
        font-weight: 500
    }
    
    .cabinet_order_tasteTableLineMobile .mobTasteName {
        width: 80px !important;
    }
    
    .tmpAlertIssetOrder {
        padding: 5px;
        border: 1px solid #f29780;
        background: #ffe5de;
        border-radius: 5px;
        margin: -5px 0px 10px;
        color: #e4512c;
        font-weight: bold;
        width: 39%;
        font-size: 12px;
        display: inline-block;
    }
      
      
    body.userType_1 .cabinet_order_tasteIcon {
        text-align: center;
        margin: 0px auto;
        margin-bottom: 0px;
        margin-top: 15px;
        width: 120px !important;
        height: 90px !important;
        background: none;
        border: none;
        padding: 12px 0px;
        border-radius: 50%;
        position: relative;
    }
    
    body.userType_1 .cabinet_order_tasteTableLineMobile2 .cabinet_order_tasteIcon {
        text-align: center;
        margin: 0px auto;
        margin-bottom: 0px;
        margin-top: 15px;
        width: 80px !important;
        height: 60px !important;
        background: none;
        border: none;
        padding: 12px 0px;
        border-radius: 50%;
        position: relative;
    }
    
    body.userType_1 .orderTableMobUser td {
        height: 115px !important;
    }
    
    body.userType_1 .orderTableMobUser.cabinet_order_tasteTableLineMobile2 td {
        height: 90px !important;
    }
    
    body.userType_1 .cabinet_order_tasteIconMin img {
        max-width: 80px !important;
        width: auto !important;
        max-height: 80px !important;
    }
    
    body.userType_1 .cabinet_order_tasteTableLineMobile2 .cabinet_order_tasteIconMin img {
        max-width: 50px !important;
        width: auto !important;
        max-height: 50px !important;
    }
    
    
    body.userType_1 .minIcon {
        position: absolute;
        left: 100%;
        top: 100%;
        margin-top: -35px;
        margin-left: -35px;
    }
    
    body.userType_1 .minIcon img {
        width: 30px !important;
        height: 30px !important;
        border-radius: 50%;
        box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
    }
    
    body.userType_1 .cabinet_order_count input {
        border: none;
        width: 25px;
        text-align: center;
        height: 25px;
        font-weight: 600;
        color: #000000;
        background-color: #FFFFFF !important;
        font-size: 18px;
        background: none;
        border-radius: 15px;
        margin: 0px auto;
        margin-top: -38px;
        margin-left: 7px;
        position: absolute;
        display: block;
    }
    
    body.userType_1 .mobArrowsBox .cabinet_order_arrowUp, body.userType_1 .mobArrowsBox .cabinet_order_arrowDown {
        margin: 8px auto;
    }
    
    body.userType_1 .cabinet_order_tasteTableLineMobile .mobArrowsBox .cabinet_order_arrowDown {
        margin-left: -79px;
        margin-top: 10px;
    }
    
    body.userType_1 .cabinet_order_tasteTableLineMobile .mobArrowsBox {
        margin-top: 0px;
        position: relative;
        width: 130px;
        display: inline-block;
        float: left;
        height: 0px;
    }
    
    body.userType_1 .mobPrevOrder {
        position: absolute;
        right: 12px;
        margin-top: -5px !important;
    }
    
    body.userType_1 .cabinet_order_sum, body.userType_1 .cabinet_order_warning {
        font-size: 19px;
        font-weight: 500;
        color: #16775d;
        margin-bottom: 5px;
        margin-left: 0px;
        margin-top: 15px;
    }
    
    body.userType_1 .cabinet_order_button {
        margin-left: 0px;
    }
    
    body.userType_1 .fixedBottomOrderBoxMob {
        position: fixed;
        bottom: 0px;
        min-height: 48px;
        background: #FFFFFF;
        box-shadow: 2px 2px 20px rgba(0,0,0,0.5);
        width: calc(100% - 30px);
        left: 0px;
        z-index: 999;
        padding: 10px 15px;
    }
    
    body.userType_1 .cabinet_order_arrowMinus {
        position: absolute;
        left: calc(50% - 67px);
        top: 55px;
    }
    
    body.userType_1 .cabinet_order_tasteTableLineMobile2 .cabinet_order_arrowMinus {
        position: absolute;
        left: calc(50% - 53px);
        top: 42px;
    }
    
    .orderTableMobUser {
        width: 100%
    }
    
    body.userType_1 .cabinet_order_arrowPlus {
        position: absolute;
        margin-left: 45px;
        top: 55px;
    }
    
    body.userType_1 .cabinet_order_tasteTableLineMobile2 .cabinet_order_arrowPlus {
        position: absolute;
        margin-left: 32px;
        top: 42px;
    }
    
    .popupOrderBox {
        min-height: 180px;
        overflow-y: auto;
        margin-top: 3px;
        box-shadow: inset -2px -1px 8px rgb(0 0 0 / 14%);
    }
    
    .orderItemBoxLine {
        display: block;
        clear: both;
        border-bottom: 1px solid #DDDDDD;
        padding: 5px 12px;
        position: relative;
    }
    
    .donutText {
        display: inline-block;
        vertical-align: middle;
        height: 38px;
        line-height: 38px;
        margin-left: 10px;
        font-size: 18px;
        
    }
    
    .orderItemBoxLine .donutImgC {
        vertical-align: middle;
    }
    
    .donutCounter {
        display: block;
        position: absolute;
        vertical-align: middle;
        height: 38px;
        line-height: 38px;
        right: 10px;
        width: 100px;
        top: 0px;
    }
    
    .dCnt {
        display: block;
        font-size: 19px;
        text-align: center;
        font-weight: 600;
        width: 97px;
        right: 0px;
        position: absolute;
    }
    
    .donutCounter .cabinet_order_arrowMinus {
        position: absolute !important;
        margin-left: 20px !important;
        top: 0px !important;
        z-index: 3;
    }
    
    .donutCounter .cabinet_order_arrowPlus {
        position: absolute !important;
        margin-left: 0px !important;
        right: 0px !important;
        top: 0px !important;
        z-index: 3;
    }
    
    .userType_1 .cabinet_content {
        margin-top: 0px;
        padding-top: 0px;
        background: #FFFFFF
    }
    
    .userType_1 .cabinet_content_box {
        border-radius: 0px;
    }
    
}