@media (max-width: 979px){
  .navbar-fixed-top{
    width: 100%;
    margin: 0;
  }
  .sidebar_navigation{
    width: 100%;
    float: none;
    visibility: visible;
  }
  .sidebar_navigation ul li{
    padding: 0 5px;
    margin: 0;
    border-bottom: dotted 1px #000;
  }
  
  .table-striped th,
  .table-striped td{
    white-space: nowrap;
  }
  
  .widget-table{
    overflow-x: scroll;
  }
  
  .modal{
    position: fixed;
  }
  
  .modal.fade{
    top: -200%; 
  }
  
  .modal.fade.in{
    width: 90% !important;
  }
  
  .modal-body{
    box-sizing: border-box;
  }
  input[type=text] {
    width: calc(100%);
  }
  input[type=password],
  input[type=text],
  input[type=number],
  input[type=time],
  input[type=date] {
    box-sizing: border-box;
  }
}