.home-list {
  display: none;
}
.home-list-cell {
  display: block;
  position: relative;
  width: 100%;
  padding: 8px 16px;
}
.home-list-cell::after {
  content: "";
  display: block;
  clear: both;
}
.home-list-cell .nd-value-date { font-size: 0.875rem; float:left; width: 100%; height: 32px; line-height: 29px; padding-bottom: 3px;}
.home-list-cell .nd-value-body { font-size: 1rem; font-weight: bold; float:left; width: 100%; height: auto; line-height: 24px; margin-bottom: 8px; padding-right: 80px}
.home-list-cell .nd-value-action { font-size: 0.875rem; position: absolute; right:16px; top:38px;text-align: right;}

@media only screen and (min-width:768px) {
  .home-list {
    display: block;
    width: 100%;
    background: rgb(234,234,234);
    margin-bottom: 8px;
    border-radius: 4px;
  }
  .home-list::after {
    content: "";
    display: block;
    clear: both;
  }
  .home-list-cell {
    display: block;
    width: 100%;
    padding: 14px 16px;
  }
  .home-list-cell::after {
    content: "";
    display: block;
    clear: both;
  }
  .home-list .nd-label-date  { float:left; width: 100%; height: 16px;}
  .home-list .nd-label-body { float:left;  width: 100%; height: 16px;}
  .home-list .nd-label-action { float:right; width: 68px; margin-top: -16px; }

  .home-list-cell .nd-value-date { font-size: 0.875rem; float:left; width: 100%; height: 32px; line-height: 29px; padding-bottom: 3px;}
  .home-list-cell .nd-value-body { font-size: 1rem; font-weight: normal; float:left;  width: 100%; height: auto; line-height: 24px; margin-bottom: 0; padding-right: 80px; }
  .home-list-cell .nd-value-action { font-size: 0.875rem; position: relative; top:0; right:0; float:right; width: 68px; margin-top: -46px; text-align: center; }
}

@media only screen and (min-width:960px) {}

@media only screen and (min-width:1280px) {
  .home-list,
  .home-list-cell {
    display: flex;
    align-items: center;
  }
  .home-list::after,
  .home-list-cell::after {
    content: "";
    display: none;
    clear: none;
  }
  .home-list .nd-label-date { width: 208px; }
  .home-list .nd-label-body { width: calc(100% - 276px); }
  .home-list .nd-label-action { width: 68px; margin-top: 0px; }

  .home-list-cell .nd-value-date { width: 208px; line-height: 32px; font-size: 1rem; padding-bottom: 0px;}
  .home-list-cell .nd-value-body { width: calc(100% - 276px); font-size: 1rem; margin-bottom: 0px; padding-right: 0; }
  .home-list-cell .nd-value-action { width: 68px; margin-top: 0px; font-size: 1rem; text-align: center; }
}