@media (max-width: 1400px) {
  html,
  body {
    font-size: 11px;
  }
  /*********************************buttons*****************************************/

  .btn {
    height: 30px;
    line-height: 30px;
    font-size: 10px;
  }

  .btn.outlined {
    line-height: 28px;
  }

  .ui-kits .detail-part.toolbars .btn,
  .toolbars .btn {
    width: 24px;
    height: 24px;
    line-height: 21px;
    font-size: 12px;
  }

  .toolbars [class*="btn-"] {
    width: initial;
    font-size: 10px;
  }

  .dropdown .btn i {
    height: 30px;
    line-height: 31px;
    width: 30px;
    font-size: 12px;
  }

  .dropdown .dropdown-menu span,
  .dropdown .dropdown-menu a {
    height: 30px;
    line-height: 30px;
    font-size: 10px;
  }

  .btn.reset,
  .btn.signin {
    font-size: 14px !important;
  }

  /************************************controls*************************************************/

  .radio-part {
    padding: 0 0 0 10px;
  }

  .radio-part span:before {
    width: 10px;
    height: 10px;
    margin: 11px 0 0 5px;
  }

  .table tbody tr td.check-box i:before,
  .check-part > span:before {
    width: 12px;
    height: 12px;
    margin: 11px 0 0 5px;
    font-size: 10px;
    line-height: 12px;
    border-radius: 3px;
  }

  /*******************/

  .radio-toggle .radio-box {
    height: 10px;
    width: 34px;
  }

  .radio-toggle .radio-box:before {
    width: 16px;
    height: 16px;
  }

  /*************************************input*******************************************/

  input,
  select,
  .search-box {
    height: 30px !important;
    width: 100% !important;
    font-size: 10px;
    line-height: 30px !important;
  }

  input[type="checkbox"], input[type="radio"] {
    width: 20px !important;
  }

  input::-webkit-input-placeholder {
    font-size: 11px;
  }

  .selector:after {
    height: 28px;
    width: 28px;
    line-height: 28px;
  }

  /******************************************************/

  .material-form {
    height: 45px;
  }

  .material-form input {
    font-size: 11px;
    height: 23px;
  }

  .material-form input ~ .text:after,
  .material-form input ~ .text:after {
    bottom: -20px;
  }

  .material-form .text {
    font-size: 11px;
    top: 9px;
  }

  .material-form input:valid ~ .text,
  .material-form input:focus ~ .text {
    font-size: 10px;
    top: -1px;
  }

  .material-form.status > .icon-status {
    top: 13px;
  }

  .material-form .helper-text {
    font-size: 9px;
    bottom: -17px;
    right: 10px;
  }

  .material-form.capcha button {
    font-size: 18px;
    line-height: 40px;
  }

  /***************************************/

  .search-box {
    height: 30px;
  }

  .search-box input[type="search"] {
    width: calc(100% - 30px);
  }

  .search-box:after {
    width: 30px;
    line-height: 28px;
    font-size: 12px;
  }

  .combo {
    transform: translate(20px, 30px);
  }

  .search-box .combo.show,
  .search-box input:focus ~ .combo {
    transform: translate(0px, 30px);
  }

  .taglist {
    height: 30px;
    padding: 0px 3px 3px 0px;
    white-space: nowrap;
    width: max-content;
  }

  .taglist .tag,
  .table .taglist .btn {
    margin: 3px 0 0px 3px;
    height: 22px;
    font-size: 9.5px;
    line-height: 21px;
  }

  .taglist .tag label span:before {
    width: 10px;
    height: 10px;
    margin: 4px 0 0 5px;
  }

  /*****************************************************/

  .toolbars .filter-part .part span {
    font-size: 10px;
  }

  .toolbars .filter-part .part select,
  .toolbars .filter-part .part input {
    height: 24px;
    font-size: 10px;
  }

  .toolbars .filter-part .part .selector:after {
    height: 22px;
    line-height: 22px;
    width: 22px;
  }

  /****************************************************/

  .form-updown .top input {
    width: calc(100% - 30px);
  }

  .form-updown .top button {
    height: 30px;
    width: 30px;
  }

  /*****************************************************/
  .login-page {
  }

  .login-page .left .box {
    margin: 19% 0 0% 12%;
  }

  .login-page .right {
    padding: 4% 10% 0% 0%;
  }

  .login-page .right h2 {
    font-size: 24px;
    margin: 0 0 25px 0;
  }

  /*******************************************************/

  .page-wrapper .box-white .title-index {
    font-size: 16px;
  }

  .page-wrapper .box-white .title-index.mBottom20 {
    margin: 0 0 8px 0;
  }

  .page-wrapper .parent-table {
    height: calc(100% - 80px);
  }

  .page-wrapper .height400 {
    height: calc(100% - 335px);
  }

  /*******************************************************/

  .table thead tr th {
    font-size: 10.4px;
    padding: 7px 5px 10px;
  }

  .table thead tr th + th:before {
    height: 12px;
  }

  .table tbody tr td {
    font-size: 9.5px;
    padding: 6px;
  }

  .table tbody tr td.check-box i:before {
    margin: 0px 0 0 0px;
  }

  .table tbody tr td input[type="checkbox"] {
    width: 14px;
    height: 14px;
    right: 10px;
    top: 8px;
  }

  .table tbody tr td.actionbar i,
  .table tbody tr td.actionbar a {
    font-size: 11px;
    width: 12px;
  }

  .icon-userGray,
  .icon-userRed,
  .icon-userYellow,
  .icon-userGreen,
  .icon-approve,
  .icon-firm,
  .icon-individual {
    width: 12px;
    height: 12px;
    line-height: 12px;
    font-size: 8px;
  }

  .table thead .filter-table.show .box {
    height: 45px;
  }

  .table thead .filter-table th + th .box:before {
    top: 14px;
  }

  .table thead .filter-table .box input,
  .table thead .filter-table .box select {
    margin: 8px 7px;
  }

  .table-pagination .pagination li {
    height: 26px;
    width: 26px;
    line-height: 24px;
    font-size: 11px;
  }

  .table-pagination select {
    height: 26px;
  }

  .table tbody td .icon-add.sub-menu {
    font-size: 10px;
    line-height: 16px;
  }

  .table tfoot.read-only tr td.avg,
  .table tfoot tr td.avg {
    font-size: 13px;
  }

  /*******************************************************/

  .right-layout .user-name:after {
    width: 230px;
  }

  /*******************************************************/

  .tab-box {
    height: 32px;
    margin: 0;
  }

  .tab-box .tab {
    font-size: 13px;
    height: 32px;
    line-height: 20px;
  }

  .tab-box.simple {
    height: 32px;
  }

  .tab-box.simple .tab {
    height: 32px;
    font-size: 11.8px;
  }

  .tab .tab-btn {
    font-size: 13px;
  }

  /*******************************************************/

  .row {
    height: 50px;
    line-height: 15px;
  }

  .form-inline span {
    width: 100px;
    font-size: 10px;
    line-height: 30px;
  }
  .form-inline-customer span {
    width: 100px;
    float: none;
    display: block;
    padding: 0 5px 2px 0;
    font-weight: 200;
    font-size: 11px;
    text-shadow: 0px 0px #9c9c9c;
    line-height: 18px;
  }
  .form-inline-customer {
    line-height: 21px;
    height: 50px !important;
  }

  .form-inline input,
  .form-inline select,
  .form-inline .search-box,
  .form-inline .taglist,
  .form-inline textarea {
    width: calc(100% - 100px) !important;
  }

  .form-inline.btnAppend button {
    height: 30px;
    width: 30px;
    font-size: 11px;
    line-height: 29px;
  }

  .form-inline.btnAppend input {
    width: calc(100% - 130px);
  }

  .form-inline.input-three input:nth-child(2) {
    width: 25px;
  }

  .form-inline.input-three input:nth-child(3) {
    width: 35px;
  }

  .form-inline.input-three input:nth-child(4) {
    width: calc(100% - 170px);
  }

  .form-action-bar {
    height: 58px;
  }

  .tab-body {
    height: calc(100% - 145px);
  }

  /****************************************************/

  .format .right-layout {
    width: 230px;
  }

  .format .center-layout {
    width: calc(100% - 230px);
  }

  /**********************************************/

  .dashbord > .part .subject {
    font-size: 14px;
    padding-top: 0;
  }

  .dashbord > .part .subject:before {
    top: 30px;
  }

  .dashbord > .part.tables {
    height: 75%;
  }

  .dashbord > .part.chat,
  .dashbord > .part.mail {
    height: 70%;
  }

  /*********************************************************/

  .right-arrow,
  .left-arrow {
    font-size: 13px;
  }

  /******************************************************/

  .page-wrapper {
    /* height: calc(100% - 95px); */
    padding-top: 0;
  }

  .side-bar {
    /* height: calc(100% - 95px); */
  }

  .side-bar .menu .li-title > .text {
    font-size: 13px;
  }

  .side-bar .user-profile:after {
    bottom: 120px;
  }

  .side-bar .user-profile.active:after {
    bottom: 170px;
  }

  .table .check-part > i:before {
    margin: 8px 0 0 0;
    width: 12px;
    height: 12px;
  }

  /*******************************************/

  .filter-bar {
    padding: 7px 0 5px;
    max-height: 65px;
  }

  .page-wrapper .parent-table.have-filter-bar {
    height: calc(100% - 90px);
  }
  .page-wrapper .parent-table.have-filter-bar.close {
    height: calc(100% - 165px);
  }
  .filter-box-two-row {
    min-height: 130px !important;
  }

}