.filter-tools {
  padding-top: 5px;
  display: flex;
  justify-content: space-between;
  color: #2b404c;

  @media (max-width: 540px) {
    flex-direction: column;
    align-items: center;
  }

  .filter-tools__first-part {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 140px;
    width: 100%;

    @media (max-width: 670px) {
      margin-right: 30px;
    }

    @media (max-width: 540px) {
      margin-bottom: 20px;
    }

    .first-part__sort-by {
      color: grey;
    }

    .first-part__sort-menu {
      border-bottom: 1px solid #2b404c;
      font-weight: bold;
      cursor: pointer;
    }
  }

  .filter-tools__second-part {
    display: flex;
    justify-content: space-between;
    max-width: 385px;
    width: 100%;

    @media (max-width: 370px) {
      flex-direction: column;
      align-items: center;
    }

    .second-part__schedule {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 95px;
      width: 100%;
      cursor: pointer;

      @media (max-width: 670px) {
        margin-right: 30px;
      }

      @media (max-width: 370px) {
        margin-bottom: 20px;
      }
    }

    .second-part__close-completed {
      display: flex;
      align-items: center;
      justify-content: space-between;
      max-width: 165px;
      width: 100%;
      cursor: pointer;
    }
  }
}
