@media (min-width: 1199px) {

  .width-400 {

    width: 400px;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .nav > li {

    position: relative;

    display: inline-block;

  }

  .navbar-nav {

    margin: 7.5px 0;

  }

  .topbar-menu {

    position: absolute;

  }

  #wrapper.toggled #sidebar-wrapper {

    width: 250px;

  }

  #sidebar-wrapper {

    width: 0;

  }

  #wrapper {

    padding-left: 0;

  }

  #wrapper.toggled {

    padding-left: 250px;

  }

  

}

@media (max-width: 767px) {

  .nav > li {

    position: relative;

    display: inline-block;

  }

  .navbar-nav {

    margin: 7.5px 0;

  }

  .topbar-menu {

    position: absolute;

  }

  .modal-img-container {

    padding-right: 15px;

  }

}

@media (min-width: 767px) and (max-width: 991px) {

  .navbar-nav>li>a {

    padding-top: 10px;

    padding-bottom: 20px;

  }

}

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

  div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {

    text-align: left;

  }

}