@media (max-width: 1366px) {
  .page-sidebar {
    width: 180px;
  }
  .page-header.navbar .page-logo {
    width: 180px;
  }
  .page-header.navbar .page-logo img {
    max-width: 100%;
  }
}
@media (max-width: 1200px) {
  .page-content-wrapper .table-responsive {
      overflow: auto;
      max-height: 350px;
  }
  .page-content-wrapper .table-responsive .sp-table {
      margin-top: -10px;
  }
  /*.page-content-wrapper .table-responsive .sp-table tbody td.width-120 {
    min-width: 120px;
  }
  .page-content-wrapper .table-responsive .sp-table tbody td.width-175-sharp {
      min-width: 175px;
  }*/
}
@media (max-width: 991px) {
  .page-header.navbar .page-logo {
       width: 90px !important;
      height: 50px;
  }
  .page-header.navbar .page-logo .logo-default {
    height: 28px;
    margin: 12px 10px 0 !important;
  }
  .page-sidebar {
      margin: 0 !important;
      padding: 0 10px !important;
          width: 100%;
  }
  .page-sidebar .page-sidebar-menu {
      padding-top: 0;
  }
  .page-header.navbar .top-menu {
      clear: unset !important;
  }
  .page-content-wrapper .page-content .main-menu .btn {
    display: block;
    border-bottom: 1px solid #ccc;
        width: 100%;
}
  .page-content-wrapper .page-content .main-menu {
      margin-bottom: 60px;
  }
  .page-content-wrapper .page-content .main-menu .btn-group {
       display: block;
  }
  .sp-table .form-control {
      width: 94% !important;
  }
.page-content-wrapper .page-content .main-menu .btn-group .dropdown-menu{
          width: 100%;
    top: 43px;
  }

}
@media (max-width: 480px) {
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:after {
       content: none;
 }
.sp-accordion .panel-heading .panel-title {
    font-size: 15px;
}
}
@media only screen and (max-width: 991px) {
    .sp-table tbody tr td .btn-sp, .sp-table thead tr th .btn-sp {
        float: unset;
    }
    .page-content-white .page-content .page-bar .page-toolbar {
            text-align: center;
    }
    .page-content-white .page-content .page-bar .page-toolbar ul {
    position: static;
    margin: 10px 2px;
    }
    .page-content-white .page-content .page-bar .page-toolbar .form-group .control-label {
        margin-bottom: 15px;
    }
  .sp-table table, .sp-table thead, .sp-table tbody, .sp-table th, .sp-table td, .sp-table tr { 
    display: block; 
  }
  .sp-form .form-group .date-form .no-padding,
  .sp-form .form-group .date-form .input-group .form-control ,
  .custom-width-form-col,
  .custom-width-form,
  .custom-width-form-col-2{
      width: 100% !important;
  }
  .sp-form .form-group .input-inline ,
   .sp-form .form-group .input-inline .input-group{
      display: block;
  }
  .sp-form .form-group .mt-radio-inline.right, .sp-form .form-group .mt-radio-inline {
          margin-bottom: 7px;
  }
  .sp-form .form-group .padding-r-45.custom-width-form-col-2 {
      padding: 15px;
  }
  .sp-table thead tr { 
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .sp-table tr {
    border: 1px solid #393939;
  }
  .sp-table td { 
    border: none;
    border-bottom: 1px solid #c00000;
    background-color: #fff;
    position: relative;
    white-space: normal;
    min-height: 40px;
  }
  .sp-table td:before { 
    position: absolute;
    top: 6px;
    width: 45%;
    white-space: nowrap;
    font-weight: bold;
    color: #c00000;
  }
  .sp-table td:before {
    content: attr(data-title);
  }
  .sp-table td.button {
    padding: 8px 12px !important;
    text-align: center !important;
  }
  .sp-table td.button a,
  .sp-table td.button .btn {
    float: unset !important;
  }
}