/*
	jQuery.mmenu widescreen extension CSS
	
	To use on widescreens only, include it using a mediaquery:
	<link type="text/css" href="mmenu-widescreen.css" media="all and (min-width: 900px)"/>
*/
html,
body
{
    overflow: auto !important;
}

body
{
    position: relative;
}

#mm-blocker
{
    display: none !important;
}

.mm-slideout
{
    width: 70% !important;
    margin-right: 30% !important; 

    -webkit-transform: none !important;
       -moz-transform: none !important;
        -ms-transform: none !important;
         -o-transform: none !important;
            transform: none !important;
}

.mm-page
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; 

    background: inherit;
}

.mm-menu.mm-widescreen
{
    z-index: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;

    display: block;

    width: 30% !important;
    min-width: none !important;
    max-width: none !important;

    border-left-width: 1px;
    border-left-style: solid;
}
.mm-menu.mm-widescreen.mm-pageshadow:after
{
    display: none; 

    content: none;
}