/* General Table Style */
 table.responsivetable {
 width: 100%;
 border-collapse: collapse;
 margin-bottom: 20px;
 }
 .responsivetable tr:nth-of-type(odd) {
 background-color: #eee;
 }
 .responsivetable thead tr td {
 background-color: #333;
 color: white;
 font-weight: bold;
 text-align:center;
 }
 .responsivetable td, .responsivetable th {
/* padding: 6px;*/
  padding: 6px!important;
 border: 1px solid #ccc;
 text-align: left;
 }
 
 
  table.responsivetable2 {
 width: 100%;
 border-collapse: collapse;
 margin-bottom: 20px;
 }
 .responsivetable2 tr:nth-of-type(odd) {
 background-color: #eee;
 }
 .responsivetable2 thead tr td {
 background-color: #333;
 color: white;
 font-weight: bold;
 text-align:center;
 }
 .responsivetable2 td, .responsivetable th {
/* padding: 6px;*/
  padding: 6px!important;
 border: 1px solid #ccc;
 text-align: left;
 }
 
 /* Make Table Responsive --- */
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
.responsivetable table, .responsivetable thead, .responsivetable th, .responsivetable tr, .responsivetable td {
display: block;
}
/* Hide table headers (but not display:none, for accessibility) */
.responsivetable thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.responsivetable tr {
border: 1px solid #ccc;
}
.responsivetable td {
/* Behave like a row */
border: none;
padding-left: 50%!important;
border-bottom: 1px solid #eee;
position: relative;
}
.responsivetable td:before {
/* Now, like a table header */
position: absolute;
/* Top / left values mimic padding */
top: 6px; left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}

.responsivetable .col1 {padding-left: 3%!important;font-weight:bold}

/* -- LABEL THE DATA -- */
.responsivetable td:nth-of-type(1):before { content: ""; }
.responsivetable td:nth-of-type(2):before { content: "Stylist"; }
.responsivetable td:nth-of-type(3):before { content: "Management"; }
.responsivetable td:nth-of-type(4):before { content: "Management"; }


.responsivetable td.last:nth-of-type(1):before { content: ""; }
.responsivetable td.last:nth-of-type(2):before { content: ""; }
.responsivetable td.last:nth-of-type(3):before { content: ""; }
.responsivetable td.last:nth-of-type(4):before { content: ""; }
 
}
/* End responsive query */