.navbar-light .offcanvas-toggle .icon-bar {
	background: #000;
	-o-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}
.navbar-light .offcanvas-toggle.is-open .icon-bar:nth-child(1) { -webkit-transform: rotate(45deg) translate(5px, 4px); transform: rotate(45deg) translate(5px, 4px); }
.navbar-light .offcanvas-toggle.is-open .icon-bar:nth-child(2) { opacity: 0; }
.navbar-light .offcanvas-toggle.is-open .icon-bar:nth-child(3) { -webkit-transform: rotate(-45deg) translate(4px, -4px); transform: rotate(-45deg) translate(4px, -4px); }

@media (max-width: 992px) {
	.offcanvas-stop-scrolling { 
		height: 100%; overflow: hidden; 
	}
	.navbar-light .navbar-offcanvas { 
		background-color: #f8f8f8; 
	}
	.navbar-dark .navbar-offcanvas { 
		background-color: #222; 
	}
	.navbar-offcanvas {
		background: #eeeeee;
	  position: fixed;
	  width: 100%;
	  max-width: 250px;
	  height: 100%;
	  left: -250px;
	  top: 0;
	  padding-left: 15px;
	  padding-right: 15px;
	  z-index: 999;
	  overflow: scroll;
	  -webkit-overflow-scrolling: touch;
	  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.open .caret {
		border-top: 0;
		border-bottom: 4px solid;
	}
    .navbar-offcanvas .dropdown-menu {
      position: relative;
      width: 100%;
      border: inherit;
      box-shadow: none;
      transition: height 0.15s ease-in; 
	}
	.navbar-offcanvas .dropdown-menu.shown {
		display: block;
		margin-bottom: 10px;
	}
}