@media (max-width: 768px) {
  .orders-filter-drawer.ant-drawer,
  .order-tasks-filter-drawer.ant-drawer {
    left: 52px !important;
    right: 0 !important;
    width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
    overflow: hidden !important;
  }

  .orders-filter-drawer .ant-drawer-content-wrapper,
  .order-tasks-filter-drawer .ant-drawer-content-wrapper,
  .orders-filter-drawer.ant-drawer-content-wrapper,
  .order-tasks-filter-drawer.ant-drawer-content-wrapper,
  .ant-drawer-content-wrapper.orders-filter-drawer,
  .ant-drawer-content-wrapper.order-tasks-filter-drawer {
    position: fixed !important;
    left: 52px !important;
    right: 0 !important;
    width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
    min-width: 0 !important;
    transform: none !important;
  }

  .orders-filter-drawer .ant-drawer-content,
  .orders-filter-drawer .ant-drawer-wrapper-body,
  .orders-filter-drawer .ant-drawer-body,
  .order-tasks-filter-drawer .ant-drawer-content,
  .order-tasks-filter-drawer .ant-drawer-wrapper-body,
  .order-tasks-filter-drawer .ant-drawer-body,
  .orders-filter-drawer.ant-drawer-content-wrapper .ant-drawer-content,
  .orders-filter-drawer.ant-drawer-content-wrapper .ant-drawer-wrapper-body,
  .orders-filter-drawer.ant-drawer-content-wrapper .ant-drawer-body,
  .order-tasks-filter-drawer.ant-drawer-content-wrapper .ant-drawer-content,
  .order-tasks-filter-drawer.ant-drawer-content-wrapper .ant-drawer-wrapper-body,
  .order-tasks-filter-drawer.ant-drawer-content-wrapper .ant-drawer-body {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  .orders-filter-drawer .ant-drawer-body,
  .order-tasks-filter-drawer .ant-drawer-body,
  .orders-filter-drawer.ant-drawer-content-wrapper .ant-drawer-body,
  .order-tasks-filter-drawer.ant-drawer-content-wrapper .ant-drawer-body {
    padding: 14px 12px 20px !important;
  }

  .orders-filter-drawer .ant-drawer-header,
  .order-tasks-filter-drawer .ant-drawer-header,
  .orders-filter-drawer.ant-drawer-content-wrapper .ant-drawer-header,
  .order-tasks-filter-drawer.ant-drawer-content-wrapper .ant-drawer-header {
    padding: 14px 12px !important;
  }

  .orders-filter-drawer .ant-row,
  .order-tasks-filter-drawer .ant-row,
  .orders-filter-drawer.ant-drawer-content-wrapper .ant-row,
  .order-tasks-filter-drawer.ant-drawer-content-wrapper .ant-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .orders-filter-drawer .ant-col,
  .orders-filter-drawer [class*="ant-col-"],
  .order-tasks-filter-drawer .ant-col,
  .order-tasks-filter-drawer [class*="ant-col-"],
  .orders-filter-drawer.ant-drawer-content-wrapper .ant-col,
  .orders-filter-drawer.ant-drawer-content-wrapper [class*="ant-col-"],
  .order-tasks-filter-drawer.ant-drawer-content-wrapper .ant-col,
  .order-tasks-filter-drawer.ant-drawer-content-wrapper [class*="ant-col-"] {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .orders-filter-drawer .ant-form-item,
  .order-tasks-filter-drawer .ant-form-item,
  .orders-filter-drawer.ant-drawer-content-wrapper .ant-form-item,
  .order-tasks-filter-drawer.ant-drawer-content-wrapper .ant-form-item {
    margin-bottom: 14px !important;
  }

  .orders-filter-drawer .ant-calendar-picker,
  .orders-filter-drawer .ant-calendar-picker-input,
  .orders-filter-drawer .ant-input,
  .orders-filter-drawer .ant-select,
  .orders-filter-drawer .ant-select-selection,
  .orders-filter-drawer textarea,
  .order-tasks-filter-drawer .ant-calendar-picker,
  .order-tasks-filter-drawer .ant-calendar-picker-input,
  .order-tasks-filter-drawer .ant-input,
  .order-tasks-filter-drawer .ant-select,
  .order-tasks-filter-drawer .ant-select-selection,
  .order-tasks-filter-drawer textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .orders-filter-drawer .ant-calendar-range-picker-input,
  .order-tasks-filter-drawer .ant-calendar-range-picker-input {
    width: 42% !important;
    min-width: 0 !important;
    font-size: 12px !important;
    text-align: center !important;
  }

  .orders-filter-drawer .ant-calendar-range-picker-separator,
  .order-tasks-filter-drawer .ant-calendar-range-picker-separator {
    width: 8% !important;
    min-width: 14px !important;
    padding: 0 !important;
    text-align: center !important;
  }
}