@media only screen
and (max-width: 600px)
{
  .mob-hidden {display: none !important;}
  .mob-visible {display: block;}

  H2 {font-size: 20px;}

  #mainLeftPanel .hamburger {width: 100%; float: left; padding: 10px 15px; color: #a3a3a3; font-size: 14px; border-bottom: 1px #5C5C5C solid; display: flex; align-items: center;}
  #mainLeftPanel .hamburger I {margin: 0px 10px 0px 0px;}

  #res-main-left-menu {display: none; float: left;}
  #mainLeftPanel {width: 100%; height: auto; padding-bottom: 0px; border-right: 0px; margin: 0px 0px 0px 0px;}
  #mainLeftPanel .logoFrame {padding: 10px 0px;}
  #mainLeftPanel .logoFrame IMG {width: auto; height: 80px;}
  #mainRightPanel {width: 100%;}
  #mainContentFrame {padding: 10px;}
  .pageHeadingFrame .sizeFrame {width: calc(100% - 80px);}
  .pageHeadingFrame .sizeFrame.right {width: 80px;}
  .pageHeadingFrame .controlsFrame {padding: 17px 0px 0px 0px;}
  
  .table-1 {display: block;}
  .table-1 TBODY {width: 100% !important; display: block;}
  .table-1 TR {width: 100% !important; display: block;}
  .table-1 TH {width: 100% !important; display: block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
  .table-1 TD {width: 100% !important; float: left; display: block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
  
  .formFrame .halfFrame {width: 100%; padding: 0px;}
  .formFrame .halfFrame.right {width: 100%; padding: 0px;}
  .formFrame .redirectOptionsFrame {width: 100%; margin: 10px 0px;}
  .formFrame .formDelete {float: right;}
}