/* Adds a transition and the resting translate state */
.mob-menu-slideout .mobmenu-push-wrap, .mob-menu-slideout .mob-menu-header-holder {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
}
.mob-menu-overlay .mobmenu-panel {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0s 0.5s;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.mob-menu-overlay.show-nav-left .mobmenu-panel, .mob-menu-overlay.show-nav-right .mobmenu-panel {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s;
    z-index: 100001;
}
.mob-menu-overlay .show-panel .mob-cancel-button {
    position: absolute;
    right: 0px;
    top: 0px;
    padding-top: 8px;
    overflow: hidden;
    border: none;
    outline: none;
    z-index: 100002;
    color: rgba(255, 255, 255, 0.7);
    font-size: 30px;
    line-height: 30px;
    cursor: pointer;
}
.show-nav-left.mob-menu-slideout .mobmenul-container i {
    display: none;
}
.mob-retina-logo{
    display: none;
    max-width: 100%;
}
.mobmenu-content .widget {
    padding-bottom: 0px;
    padding: 20px;
}
.mob-expand-submenu i {
    padding: 12px;
    top: 14px;
    position: relative;
    font-weight: 600;
    cursor: pointer;
}
.mob-menu-left-bg-holder, .mob-menu-left-bg-holder, .mob-menu-cart-bg-holder {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -50;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}
.mob-menu-no-scroll{
    overflow: hidden;
}
.mobmenu-content .sub-menu {
    display: none;
}
.mobmenul-container {
    position: absolute;
}
.mobmenur-container {
    position: absolute;     
    right: 0px; 
} 
.leftmbottom h2 {
    font-weight: bold;
    background-color: transparent;
    color: inherit;
}
/*
.show-nav-left.mob-menu-slideout .mobmenu .mob-cancel-button, .mobmenu .mob-menu-icon, .show-nav-right.mob-menu-slideout .mobmenu .mob-cancel-button {
    display: block;
}*/
/*
.mobmenu .mob-cancel-button, .show-nav-right.mob-menu-slideout-over .mobmenul-container  .mob-cancel-button, .show-nav-left.mob-menu-slideout-over .mobmenul-container  .mob-cancel-button ,  .show-nav-left .mobmenu .mob-menu-icon, .show-nav-right .mobmenu .mob-menu-icon, .mob-menu-slideout-over.show-nav-left .mobmenur-container, .mob-menu-slideout-over.show-nav-right .mobmenul-container  {
    display:none;
}*/
.mob-cancel-button {
    display:none;
}
.show-nav-left.mob-menu-overlay .left-menu-icon-text, .show-nav-right.mob-menu-overlay .left-menu-icon-text {
    display: none;
}
/*
.show-nav-left .mobmenu .mob-cancel-button,  .mobmenu .mob-menu-icon, .show-nav-right .mobmenu .mob-cancel-button {
    display:block;
}*/
.show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-cancel-button, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-cancel-button {
    display: none;
}
.show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-menu-icon, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-menu-icon {
    display: block;
}
.show-panel .mob-cancel-button {
    display: block;
}
.mobmenu-content li a {
    display: block;
    letter-spacing: 1px;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 14px;
}
.mobmenu-left-alignment.show-panel, .mobmenu-right-alignment.show-panel {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.mobmenu-left-alignment {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}
.mobmenu-right-alignment {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
body.admin-bar .mobmenu {
    top: 32px;
}
#wpadminbar {
    position: fixed;
}
.show-nav-left .mobmenu-push-wrap, .show-nav-right .mobmenu-push-wrap {
    height: 100%;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
}
.show-nav-left .mobmenu-push-wrap, .show-nav-left .mob-menu-header-holder, .show-nav-left .mobmenu-left-alignment, .show-nav-right .mobmenu-right-alignment {
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
}
/* Mobmenu Slide Over */
.mobmenu-overlay {
    opacity: 0;
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
}
.widget img {
    max-width: 100%; 
}
#mobmenuleft, #mobmenuright {
    margin: 0;
    padding: 0;
}
#mobmenuleft  li > ul {
    display:none;
    left: 15px;
}
.mob-expand-submenu {
    position: relative;
    right: 0px;
    float: right;
    margin-top: -50px;
    line-height: 1em!important;
}
.mob-expand-submenu i {
    padding: 12px;
}
#mobmenuright  li > ul {
    display:none;
    left: 15px;
}
.rightmbottom, .rightmtop {   
    padding-left: 10px;
    padding-right: 10px;
}
.mobmenu-content {
    z-index: 1;
    height: 100%;
    overflow: auto;
    padding-top: 10px;
}
.mobmenu-panel {
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -ms-transition: -ms-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
}
/* Hides everything pushed outside of it */
.mob-menu-slideout .mobmenu-panel {
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 300000;
    overflow-y: auto;   
    overflow-x: hidden;
    opacity: 1;
}
.mob-menu-slideout .mobmenu-right-alignment {
    right: 0;
}
.mobmenu-content li {
    list-style: none;
}
.mob-menu-header-holder{
    -webkit-transition: -webkit-transform 0.7s;
    transition: -webkit-transform 0.7s;
    transition: transform 0.7s;
    transition: transform 0.7s,-webkit-transform 0.7s;
}
.mob-menu-slideout .mobmenu-left-alignment, .mob-menu-slideout-over .mobmenu-left-alignment {
    left: 0;
}
.mob-menu-slideout .mobmenu-right-alignment, .mob-menu-slideout-over .mobmenu-right-alignment {
    right: 0;
}
.mob-menu-header-holder {
    width: 100%;
    font-weight:bold;
    position:fixed;
    top:0px;	
    right: 0px;
    color:#000;
    display: block;
    z-index: 9999;
}
/* 2nd Level Menu Items Padding */
.mobmenu .sub-menu li > a {
    padding-left: 50px;
}
/* 3rd Level Menu Items Padding */
.mobmenu .sub-menu .sub-menu li a {
    padding-left: 75px;
}
.mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt {
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 30px;
}
.mobmenu-content {
    padding-top: 40px;
    padding-bottom: 120px;
}
.mobmenu-parent-link .mob-expand-submenu {
    width: 100%;
    cursor: pointer;
    padding-top: 28px;
}
.mobmenu-parent-link .mob-expand-submenu i {
    float: right;
    margin-top: -30px;
}
#mobmenuright.nomenu li, #mobmenuleft.nomenu li{
    padding-left: 7%;
    padding-right: 7%;
}
.mob-expand-submenu.show-sub .mob-icon-down-open {
  display: none;
}
.mob-expand-submenu.show-sub .mob-icon-up-open {
  display: block;
}
.mob-expand-submenu .mob-icon-down-open {
    display: block;
  }
  .mob-expand-submenu .mob-icon-up-open {
    display: none;
  }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    .mob-retina-logo {
        display: inline-block;
    }
    .mob-standard-logo {
        display: none!important;
    }
}
