.ccd-list-header {display: none;}
ul.ccd-list {}
ul.ccd-list li.ccd-item {margin-bottom: 15px;}
ul.ccd-list li.ccd-item > .inner {}
ul.ccd-list li.ccd-item > .inner > .inner {}
ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-name {}
ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-name > .inner {font-weight: bold;}
ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-unit {}
ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-unit > .inner {}
ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-email {}
ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-email > .inner {}

@media all and (min-width: 330px) {
}

@media all and (min-width: 480px) {
}

@media all and (min-width: 533px) {
}

@media all and (min-width: 600px) {
  .ccd-list-header {display: block; border: 1px solid transparent; color: #999;}
  .ccd-list-header > .inner {display: table; width: 100%; table-layout: fixed;}
  .ccd-list-header > .inner > .inner {display: table-row; width: 100%;}
  .ccd-list-header > .inner > .inner .ccd-item-name {display: table-cell; width: 25%;}
  .ccd-list-header > .inner > .inner .ccd-item-name > .inner {padding: 0 10px; font-size: 80%;}
  .ccd-list-header > .inner > .inner .ccd-item-unit {display: table-cell; width: 40%;}
  .ccd-list-header > .inner > .inner .ccd-item-unit > .inner {padding: 0 10px; font-size: 80%;}
  .ccd-list-header > .inner > .inner .ccd-item-email {display: table-cell; width: 35%;}
  .ccd-list-header > .inner > .inner .ccd-item-email > .inner {padding: 0 10px; font-size: 80%; text-align: right;}
  ul.ccd-list {list-style: none; margin: 0 0 1em; padding: 0; border: 1px solid #ddd; border-radius: 5px;}
  ul.ccd-list li.ccd-item {margin: 0; padding: 0; border-bottom: 1px solid #ddd;}
  ul.ccd-list li.ccd-item.odd {background: #f5f5f5;}
  ul.ccd-list li.ccd-item:first-child {border-radius: inherit;}
  ul.ccd-list li.ccd-item:last-child {border-bottom: none; border-radius: inherit;}
  ul.ccd-list li.ccd-item > .inner {display: table; width: 100%; table-layout: fixed;}
  ul.ccd-list li.ccd-item > .inner > .inner {display: table-row; width: 100%;}
  ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-name {display: table-cell; width: 25%;}
  ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-name > .inner {padding: 10px; font-size: 80%; font-weight: normal; line-height: 1.4em;}
  ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-unit {display: table-cell; width: 40%;}
  ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-unit > .inner {padding: 10px; font-size: 70%; color: #999; line-height: 1.4em;}
  ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-email {display: table-cell; width: 35%;}
  ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-email > .inner {padding: 10px; font-size: 70%; color: #999; text-align: right; line-height: 1.4em;}
}

@media all and (min-width: 768px) {
}

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

@media all and (min-width: 1200px) {
  .ccd-list-header > .inner > .inner .ccd-item-name {width: 25%;}
  .ccd-list-header > .inner > .inner .ccd-item-unit {width: 45%;}
  .ccd-list-header > .inner > .inner .ccd-item-email {width: 30%;}
  ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-name {width: 25%;}
  ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-unit {width: 45%;}
  ul.ccd-list li.ccd-item > .inner > .inner .ccd-item-email {width: 30%;}
}