.market-clock {
  border-left: 1px solid #d9e2e5;
  color: #53656d;
  font-family: 'DM Mono', monospace;
  font-size: 11px;
  line-height: 1.35;
  max-width: 460px;
  padding-left: 12px;
}

@media (max-width: 1180px) {
  .app-header {
    align-items: flex-start;
    padding-bottom: 12px;
    padding-top: 12px;
  }

  .header-state {
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .market-clock {
    flex: 1 0 100%;
    max-width: none;
    order: 4;
    padding-left: 0;
    border-left: 0;
    text-align: right;
  }
}

@media (max-width: 680px) {
  .app-header {
    align-items: stretch;
    flex-direction: column;
  }

  .header-state {
    justify-content: flex-start;
  }

  .market-clock {
    text-align: left;
  }
}