/* Tabelle responsive HTML5 + CSS3 */ 
table {
  /* border: 1px solid #ccc; */
  border: 0;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  /* margin-top:150px; */
}

table tr th {
    border-top: 0;
    border-bottom: 0;
}
table tr:first-child td {
    border-top: 0;
}
table tr:last-child td {
    border-bottom: 0;
}
table tr td:first-child,
table tr th:first-child {
    border-left: 0;
}
table tr td:last-child,
table tr th:last-child {
    border-right: 0;
}

tbody:before {
    line-height:1.2em;
    content:".";    
    color:#000;
    display:block;
}

table tr {
  /* background: #222;  */
  /* padding: .35em; */
  color: #fff;
}

table th, table td {
  padding: .4em .3em 0 .3em;  
  text-align: left;
  text-align: center;
}

table th {
  font-size: 1em;
  line-height: 1em; 
  letter-spacing: 0em; /* .1em */
  text-transform: uppercase;
  background: #444;
  color: #fff;
  font-weight: bold;
  padding: 10px 3px;  
}

table td img { text-align: center; }
table td p {padding: 0; margin: 0; }
table td { padding: 2px; margin:0; line-height:30px; }

table .tdGig {
    color: #fff;
    /* background: #444;     */
        
}
@media screen and (min-width: 1200px) {
    .flag_size { width: 100px; height:60px; display:block; }    
    table td span { width:100%; height:100%; }
}
@media screen and (max-width: 600px) {
    .visiblexs {
        display: block;
    }
    .hiddenxs {
        display: none;
    }
    
    table { border: 0 !important; }
    table tr td:first-child, table tr th:first-child 
    { border-left: 0; }
    table thead { display: none; }
    table tr {
      /*border-bottom: 2px solid #444;*/
      display: block;
      margin-bottom: .625em;
    }
    table td {
      border-bottom: 0;
      display: block;
      font-size: 1em;
      text-align: right;
    }
    table td:before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
    /*table td:last-child { border-bottom: 0; }*/
        
    table { border: 0 !important; }
    table tr td:first-child, table tr th:first-child 
    { border-left: 0; }
    table thead { display: none; }
    table tr {
      /*border-bottom: 2px solid #444;*/
      display: block;
      margin-bottom: .625em;
    }
    table td {
      border-bottom: 0;
      display: block;
      font-size: 1em;
      text-align: right;
    }
    table td:before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
    table td:last-child { border-bottom: 3px solid #999; }
    
    table td p {padding: 0; margin: 0;}
    table td { padding: 2px 6px; margin:0; }
    
    table .tdGig { background: #444; }
}

.table-responsive { border:0; }