/* Dongfang Media mobile tuning */
@media screen and (max-width: 767px) {
  body {
    --sidebar-width: min(82vw, 260px);
    --item-title-font-size: 15px;
    --item-title-line-height: 20px;
    --item-title-max-lines: 3;
    --default-item-margin-bottom-width: 22px;
  }

  .page-main-inner {
    margin: 12px 10px 0;
  }

  .page-header-left {
    max-width: calc(100% - 104px);
    padding-right: 88px;
  }

  .page-header-left > * > * {
    padding-left: 8px;
    padding-right: 10px;
  }

  .logo span > img,
  .logo picture {
    max-height: 24px;
    max-width: 132px;
    width: auto;
  }

  .page-header-right {
    padding-right: 4px;
  }

  .page-header-right > * > * {
    padding-right: 2px;
  }

  .user-thumb {
    width: 46px;
  }

  .mobile-search-field .search-field-wrap {
    left: 48px;
    right: 8px;
  }

  .search-field-wrap .text-field-wrap {
    padding-right: 48px;
  }

  .search-field-wrap .text-field-wrap .popup {
    right: 48px;
  }

  .search-field-wrap button[type='submit'] {
    width: 48px;
  }

  .page-sidebar {
    box-shadow: 8px 0 24px rgba(0, 0, 0, 0.14);
  }

  .page-sidebar .nav-menu {
    padding: 6px 0;
  }

  .nav-menu li > * {
    padding: 4px 16px;
  }

  .nav-menu li > * > * {
    line-height: 42px;
  }

  .nav-menu .menu-item-icon {
    margin-right: 16px;
  }

  .page-sidebar .page-sidebar-bottom {
    padding: 12px 16px 18px;
    line-height: 18px;
  }

  .items-list-header,
  .media-list-header {
    padding: 8px 0;
  }

  .items-list-header h2,
  .media-list-header h2 {
    margin: 8px 0;
    font-size: 17px;
  }

  .items-list-wrap {
    min-height: 0;
  }

  .items-list-ver .item,
  .media-list-wrapper .item {
    max-width: 100%;
  }

  .item-thumb,
  a.item-thumb {
    border-radius: 8px;
  }

  .item-main h3 {
    margin-top: 8px;
    margin-bottom: 4px;
  }

  .item-meta {
    font-size: 12px;
    line-height: 17px;
  }

  .user-action-form-wrap {
    margin: 12px 10px;
  }

  .user-action-form-inner {
    max-width: none;
    padding: 16px 14px;
  }
}

@media screen and (max-width: 479px) {
  .page-main-inner {
    margin: 10px 8px 0;
  }

  .page-header-left {
    max-width: calc(100% - 92px);
    padding-right: 76px;
  }

  .page-header-left > * > * {
    padding-left: 4px;
    padding-right: 6px;
  }

  .toggle-sidebar {
    padding-right: 6px;
  }

  .logo span > img,
  .logo picture {
    max-height: 22px;
    max-width: 116px;
  }

  .user-thumb {
    width: 42px;
  }

  .mobile-search-field .search-field-wrap {
    left: 44px;
    right: 6px;
  }
}

@media screen and (max-width: 767px) {
  .user-action-form-inner {
    width: 100%;
    overflow: hidden;
  }

  .user-action-form-inner h1 {
    margin-top: 0;
    font-size: 30px;
    line-height: 1.2;
  }

  .user-action-form-inner p,
  .user-action-form-inner label,
  .user-action-form-inner .helptext {
    max-width: 100%;
    line-height: 1.55;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .user-action-form-inner input,
  .user-action-form-inner select,
  .user-action-form-inner textarea {
    width: 100%;
    max-width: 100%;
  }

  .user-action-form-inner button,
  .user-action-form-inner .primaryAction,
  .user-action-form-inner .secondaryAction {
    min-height: 44px;
  }
}