/* Responsive style */
  
@media screen and (max-width: 1024px) {
  
  }
  @media screen and (min-width:600px) {
  
    .list {
      display:table;
    }
   
    .list ul {
      display:table-row;
    }
    
    .list ul:first-child li {
      background-color:#444;
      color:#fff;
    }
    
    .list ul > li {
      display: block;
      padding: 5px 10px;
  }
    
  }
  
  @media screen and (max-width:599px) {
    
    .list ul {
      border:solid 1px #ccc;
      display:block;
      list-style:none;
      margin:1em;
      padding:.5em 1em;
    }
    
    /* .list ul:first-child {
      display:none;
    } */
    
    .list ul > li {
      display: block;
      padding: 5px 10px;
  }
    
    .list ul:nth-child(odd) > li + li {
      border-top:solid 1px #ccc;
    }
    
    .list ul:nth-child(even) > li + li {
      border-top:solid 1px #eee;
    }
    
    .list ul > li:before {
      color: #0a0a0a;
      content: attr(data-label);
      display: inline-block;
      font-size: 15px;
      font-weight: 500;
      text-transform: capitalize;
      vertical-align: top;
      width: 40%;
    }
    
    .list p {
      margin:-1em 0 0 50%;
    }
    
  }
  
  @media screen and (max-width:349px) {
      
    .list ul > li:before {
      display:block;
    }
    
    .list p {
      margin:0;
    }
    
  }