@media (max-width: 768px) {
 .offcanvas-stop-scrolling {
  height:100%;
  overflow:hidden
 }
 .navbar-default .navbar-offcanvas {
  background-color:#f8f8f8
 }
 .navbar-inverse .navbar-offcanvas {
  background-color:#222
 }
 .navbar-offcanvas {
  position:fixed;
  width:100%;
  max-width:250px;
  left:-250px;
  top: 80px;
  padding-left:15px;
  padding-right:15px;
  z-index: 9999999;
  -webkit-overflow-scrolling:touch;
  -webkit-transition:all 0.15s ease-in;
  transition:all 0.15s ease-in;
 }
 .navbar-offcanvas.in {
  box-shadow:0 0 20px rgba(0,0,0,0.3)
 }
 .navbar-offcanvas.navbar-offcanvas-fade {
  opacity:0
 }
 .navbar-offcanvas.navbar-offcanvas-fade.in {
  opacity:1
 }
 .navbar-offcanvas.offcanvas-transform.in {
  -webkit-transform:translateX(250px);
  transform:translateX(250px)
 }
 .navbar-offcanvas.offcanvas-position.in {
  left:0
 }
 .navbar-offcanvas.navbar-offcanvas-right {
  left:auto;
  right:-250px
 }
 .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
  -webkit-transform:translateX(-250px);
  transform:translateX(-250px)
 }
 .navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {
  left:auto;
  right:0
 }
 .navbar-offcanvas .dropdown.active .caret {
  border-top:0;
  border-bottom:4px solid
 }
 .navbar-offcanvas .dropdown-menu {
  position:relative;
  width:100%;
  border:inherit;
  box-shadow:none;
  -webkit-transition:height 0.15s ease-in;
  transition:height 0.15s ease-in
 }
 .navbar-offcanvas .dropdown-menu.shown {
  display:block;
  margin-bottom:10px
 }
}
.offcanvas-toggle .icon-bar {
 background: #fff;
 -webkit-transition:all .25s ease-in-out;
 transition:all .25s ease-in-out;
}
.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
 -webkit-transform:rotate(45deg) translate(5px, 4px);
 transform:rotate(45deg) translate(5px, 4px)
}
.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
 opacity:0
}
.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
 -webkit-transform:rotate(-45deg) translate(4px, -4px);
 transform:rotate(-45deg) translate(4px, -4px)
}