/*
	jQuery.mmenu fullscreen extension CSS
*/
.mm-menu.mm-fullscreen {
  width : 100%;
  min-width : 140px;
  max-width : 10000px;
}

html.mm-opening.mm-fullscreen .mm-slideout {
  -webkit-transform : translate3d(-100%, 0, 0);
          transform : translate3d(-100%, 0, 0);
}

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

@media all and (min-width: 10000px) {
  html.mm-opening.mm-fullscreen .mm-slideout {
    -webkit-transform : translate3d(-10000px, 0, 0);
            transform : translate3d(-10000px, 0, 0);
  }
}

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

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

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

.mm-menu.mm-fullscreen.mm-top, .mm-menu.mm-fullscreen.mm-bottom {
  height : 100%;
  min-height : 140px;
  max-height : 10000px;
}

html.mm-opened.mm-fullscreen .mm-page {
  box-shadow : none !important;
}