/* === Devices (< 900 wide) === */
  #theme-options {
    display: none;
  }
  #page-sidebar {
    z-index: 1000;
    background: white;
    width: 0px;
    /* border-right: 30px solid; */
    height: 100%;
    transition: all .3s ease;
  }
  #page-sidebar.in {
    width: auto;
  }
  #page-content {
    margin-left: 0;
  }

/* === Screen >= 900px wide) === */
@media only screen and (min-width: 56.25em) {
  #theme-options {
    display: block;
  }
  #mobile-navigation {
    display: none;
  }
}

/* Custom */
@media only screen and (max-width: 760px) {
  #header-nav-right #fullscreen-btn { display: none }
}
@media only screen and (max-width: 545px) {
  #header-nav-right #chatbox-btn {
    display: none;
  }
}
@media only screen and (max-width: 520px) {
  #dashnav-btn {
    display: none;
  }
  .popover {
    width: 100%;
    border-radius: 0;
  }
}
@media only screen and (max-width: 460px) {
  #page-content {
    padding: 10px;
  }

  [class*="col-xs"],
  [class*="col-sm"],
  [class*="col-md"],
  [class*="col-lg"] {
    margin-bottom: 20px;
  }

  .tooltip .tooltip-arrow {
    display: none;
  }
}
@media only screen and (max-width: 410px) {
  #header-nav-left {
    float: left;
  }
  #header-nav-right {
    margin-right: 0;
    margin-left: 15px;
    float: left;
  }
  .dropdown-menu {
    position: fixed;
    left: 0 !important;
    width: 100%;
    border-radius: 0;
  }
}