/*
	jQuery.mmenu position extension CSS
*/
.mm-menu.mm-top,
.mm-menu.mm-bottom {
  width: 100%;
  min-width: 100%;
  max-width: 100%; }

.mm-menu.mm-right {
  left: auto;
  right: 0; }

.mm-menu.mm-bottom {
  top: auto;
  bottom: 0; }

html.mm-right.mm-opening .mm-slideout {
  transform: translate3d(-80%, 0, 0); }

@media all and (max-width: 175px) {
  html.mm-right.mm-opening .mm-slideout {
    transform: translate3d(-140px, 0, 0); } }

@media all and (min-width: 550px) {
  html.mm-right.mm-opening .mm-slideout {
    transform: translate3d(-440px, 0, 0); } }

/*
	jQuery.mmenu z-position extension CSS
*/
html.mm-front .mm-slideout {
  transform: none !important;
  z-index: 0; }

html.mm-front #mm-blocker {
  z-index: 1; }

html.mm-front .mm-menu {
  z-index: 2; }

.mm-menu.mm-front, .mm-menu.mm-next {
  transition: transform 0.4s ease;
  transform: translate3d(-100%, 0, 0); }
  .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
    transform: translate3d(100%, 0, 0); }

.mm-menu.mm-top {
  transform: translate3d(0, -100%, 0); }

.mm-menu.mm-bottom {
  transform: translate3d(0, 100%, 0); }

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
  transform: translate3d(0, 0, 0); }

.mm-menu.mm-top, .mm-menu.mm-bottom {
  height: 80%;
  min-height: 140px;
  max-height: 880px; }
