#tihar-calendar table {

  border-collapse: collapse;

  width: 100%;

}



#tihar-calendar th,

#tihar-calendar td {

  text-align: left;

  padding: 8px;

  border-bottom: 1px solid #ddd;

}



#tihar-calendar th {

  background-color: #f2f2f2;

}



#tihar-calendar tr:hover {

  background-color: #f5f5f5;

}



@media screen and (max-width: 600px) {

  #tihar-calendar table,

  #tihar-calendar thead,

  #tihar-calendar tbody,

  #tihar-calendar th,

  #tihar-calendar td,

  #tihar-calendar tr {

    display: block;

  }



  #tihar-calendar th {

    text-align: center;

  }



  #tihar-calendar td {

    text-align: center;

    border-bottom: none;

  }



  #tihar-calendar td:before {

    content: attr(data-label);

    display: inline-block;

    font-weight: bold;

    margin-right: 5px;

  }

}