.widgets {
  display: flex;
  flex-wrap: wrap;

  &__widget-container {
    height: 570px;
    margin-right: 8px;

    &_kind_chart {
      order: 1;
      width: calc(60% - 8px);
      margin-bottom: 8px;

      @media (max-width: 1439px) {
        flex-grow: 1;
        width: auto;
      }

      @media (max-width: 1279px) {
        order: 1;
        width: 100%;
        margin-right: 0;
      }

      @media (max-width: 1179px) {
        order: 1;
        width: auto;
        margin-right: 8px;
      }

      @media (max-width: 959px) {
        order: 1;
        width: 100%;
        margin-right: 0;
      }

      @media (max-width: 759px) {
        order: 1;
      }
    }

    &_kind_order-book {
      order: 3;
      width: calc(20% - 8px);

      @media (max-width: 1439px) {
        width: 330px;
      }

      @media (max-width: 1279px) {
        order: 3;
        margin-right: 8px;
      }

      @media (max-width: 1179px) {
        order: 4;
        flex-grow: 1;
        flex-basis: 330px;
        max-width: 500px;
        margin-right: 0;
      }

      @media (max-width: 959px) {
        order: 2;
        width: calc(50% - 4px);
        margin-right: 8px;
      }

      @media (max-width: 759px) {
        order: 3;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
      }
    }

    &_kind_trade-history {
      order: 4;
      width: 20%;
      margin-right: 0;

      @media (max-width: 1439px) {
        width: 300px;
      }

      @media (max-width: 1279px) {
        order: 4;
        margin-right: 0;
      }

      @media (max-width: 1179px) {
        order: 2;
      }

      @media (max-width: 959px) {
        order: 3;
        width: calc(50% - 4px);
        margin-bottom: 8px;
      }

      @media (max-width: 759px) {
        order: 2;
        width: 100%;
      }
    }

    &_kind_trade-info-board {
      order: 4;
      width: calc(65% - 8px);

      @media (max-width: 1279px) {
        order: 5;
        width: 100%;
        margin-right: 0;
      }

      @media (max-width: 1179px) {
        order: 5;
      }

      @media (max-width: 959px) {
        order: 5;
      }
    }

    &_kind_place-order {
      order: 5;
      width: 35%;
      margin-right: 0;

      @media (max-width: 1279px) {
        order: 2;
        flex-grow: 1;
        margin-right: 8px;
        margin-bottom: 8px;
      }

      @media (max-width: 1179px) {
        min-width: 540px;
        order: 3;
      }

      @media (max-width: 959px) {
        order: 4;
        width: 100%;
        min-width: auto;
        max-width: 100%;
        margin-right: 0;
      }
    }
  }
}