@media only screen and (max-width: 600px) {
   .rosterDayCell {
      display: block;
   }

   #detailsTable {
      table-layout: fixed;
      width: 100%
   }

   #detailsTable td:nth-of-type(1) {
      width: 30%;
   }

   #detailsTable input, #detailsTable textarea {
      max-width: 95%;
   }

   #payslipCriteria * {
      display: block;
      margin: auto;
   }

   #payslipViewContainer, .container {
      width: 100%;
      overflow: auto;
   }

   /* Private Messaging */
   #threadListTable th, #threadListTable td {
      padding-top: 10px;
      padding-bottom: 10px;
   }

   ul.threadOptions li {
      margin-bottom: 5px;
   }

   #threadMessageReplyContainer textarea, #threadMessageReplyContainer input[type=file] {
      width: 85%;
   }

   #threadMessageReplyContainer input[type=submit] {
      width: 13%;
   }

   /* Timesheets */
   #timesheetTable {
      table-layout: fixed;
      width: 100%;
      min-width: inherit;
   }

   #timesheetCriteria select#period {
      display: block;
      margin: auto;
   }

   /* Header */
   div#kioskMenuContainer {
      float: none;
   }

   div#kioskMenuLogo {
      width: 100%;
      float: none;
      text-align: center;
   }

   div#kioskMenuItems {
      width: 100%;
      min-width: 0;
      float: none;
      padding: 0;
   }

   div#kioskMenuItems li {
      display: list-item;
      margin: 5px 0;
   }

   div#kioskMenuItems li:after {
      content: '';
      padding: 0;
   }

   .mobileOnly {
      display: initial;
   }
}