@media screen and ( min-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 32px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 52px!important;
}
}
@media screen and ( max-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 46px!important;
}
body.admin-bar .mob-menu-header-banner {
top: 0px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 66px!important;
}
body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
top: 20px!important;
}
}
@media screen and ( max-width: 479px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 5%;
}
}
@media screen and ( max-width: 782px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 10%;
}
}
@media only screen and (min-width:1201px){
.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
display: none!important;
}
}
@media only screen and (max-width:1200px) {
.mobmenur-container i {
color: #000000;
}
.mobmenul-container i {
color: #0a0a0a;
}
.mobmenul-container img {
max-height:  10px;
float: left;
}
.mobmenur-container img {
max-height:  -139px;
float: right;
}
.mob-expand-submenu i {
font-size: 25px;
}
#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
color: #666;
}
.mob-cancel-button {
font-size: 30px!important;
} .mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
color: #ccc;
} .mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
background-color: #666;
}
.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
background-color: #666;
}
.mobmenu-content #mobmenuright li:hover  {
background-color: #666 ;
} .mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
background-color: #666;
} .mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
color: #ccc;
}
.mobmenu-content #mobmenuleft .sub-menu {
background-color: #3a3a3a ;
margin: 0;
color: #fff ;
width: 100%;
position: initial;
height: 100%;
}
.mob-menu-left-bg-holder {
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size:  cover;
-moz-background-size: cover;
background-size: cover;
}
.mob-menu-right-bg-holder { 
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size:  cover;
}
.mobmenu-content #mobmenuleft .sub-menu a {
color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu  a {
color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu .sub-menu {
background-color: inherit;
}
.mobmenu-content #mobmenuright .sub-menu {
background-color: #3a3a3a ;
margin: 0;
color: #fff ;
position: initial;
width: 100%;
}
#mobmenuleft li:hover a, #mobmenuleft li:hover i {
color: #FFF;
}
#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
color: #666 ;
}
#mobmenuright li a:hover {
color: #FFF ;
}
.mobmenul-container {
top: 10px;
margin-left: 5px;
margin-top: 0px;
height: 20px;
float: left;
}
.mobmenur-container {
top: 159px;
margin-right: 33px;
margin-top: 0px;
}
.mob-menu-logo-holder {
margin-top:   0px;
text-align:   center;
margin-left:  0;
margin-right: 0;
height:       20px;
}
.mob-menu-header-holder {
width:  100% ;
background-color: #ffffff ;
height: 20px ;
position:fixed;
}
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
padding-top: 20px;
}
.mobmenul-container, .mobmenur-container{
position: absolute; 
}
.mobmenu-left-panel {
background-color:#F7F7F7;;
width:  270px;  
}
.mobmenu-right-panel {
background-color:#eff2f4;		width:  90%; 
}
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
background: rgba(0, 0, 0, 0.83);
}
.mob-menu-slideout-top .mobmenu-overlay {
display:none!important;
}
.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
-webkit-transform: translateX(270px);
-moz-transform: translateX(270px);
-ms-transform: translateX(270px);
-o-transform: translateX(270px);
transform: translateX(270px);
}
.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
-webkit-transform: translateX(-90%);
-moz-transform: translateX(-90%);
-ms-transform: translateX(-90%);
-o-transform: translateX(-90%);
transform: translateX(-90%);
}
.mob-menu-slideout-top .mobmenu-panel {
width:  100%;
height: 100%;
z-index: 1;
position: fixed;
left: 0px;
top: 0px;
max-height: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
z-index: 300000;
}
.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
overflow: hidden;
}
.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
z-index: 300000;
} .mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
position: fixed;
top: 0;
height: 100%;
overflow-y: auto;
overflow-x: auto;
z-index: 10000;
opacity: 1;
} .mobmenu .headertext { 
color: #ffffff ;
text-decoration: none;
}
.headertext span {
position: initial;
line-height: 20px;
}
.mobmenu-search-holder {
top: 20px;
}  body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
overflow-x: hidden;
}
.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
padding-left: 10%;
padding-right: 10%;
}
.mobmenu-content li > .sub-menu li {
padding-left: calc(10*1%);
}
.mobmenu-right-panel li, .rightmbottom, .rightmtop{
padding-left: 0%;
padding-right: 0%;
}
.mobmenul-container i {
line-height: 30px;
font-size: 30px;
float: left;
}
.mobmenul-container svg {
width: 30px;
margin-right: .2em;
margin-left: .2em;
padding-top: 2px;
float:left;
}
.show-panel svg.mob-cancel-button {
width: 30px;
padding: 4px;
margin: 6px;
}
.left-menu-icon-text {
float: left;
line-height: 30px;
color: #222;
}
.mobmenu-left-panel .mobmenu-display-name {
color: #666;
}
.right-menu-icon-text {
float: right;
line-height: 34px;
color: #222;
}
.mobmenur-container i {
line-height: 34px;
font-size: 34px;
float: right;
}
.mobmenur-container svg {
width: 34px;
margin-right: .2em;
margin-left: .2em;
padding-top: 2px;
float: left;
}
.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
display: none!important;
}
.mob-standard-logo {
display: inline-block;
height:20px!important;	}
.mob-retina-logo {
height:20px!important;	}
.mobmenu-content #mobmenuleft > li > a:hover {
background-color: #666;
}
.mobmenu-content #mobmenuright > li > a:hover {
background-color: #666;
}
.mobmenu-left-panel .mob-cancel-button {
color: #666;
}
.mobmenu-right-panel .mob-cancel-button {
color: #666;
}	
}
.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
font-family:Dosis;
font-size:20px;
font-weight:inherit;
font-style:normal;
letter-spacing:normal;
text-transform:none;
}
.left-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
.right-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
} .mobmenu-right-bt {
display: flex !important;
flex-direction: column !important; align-items: center !important;
justify-content: center !important;
}
.mobmenu-right-bt .mob-icon-text {
order: -1 !important; color: #000 !important;
font-size: 11px !important; margin-bottom: 2px !important; }  .mobmenu-right-panel,
.mobmenu-right-panel .mobmenu-panel-inner {
background:#fff !important;
color:#222 !important;
} .mobmenu-overlay { background:rgba(0,0,0,.35) !important; } .mobmenu-right-panel li > a{
color:#222 !important;
font-weight:600 !important;
text-transform:uppercase !important;
letter-spacing:.3px !important;
padding:16px 48px 16px 20px !important; border-bottom:1px solid #f1f1f3 !important;
} .mobmenu-right-panel li > a:hover,
.mobmenu-right-panel li > a:active{
background:#FFF7FA !important; color:#D81B60 !important; } .mobmenu-right-panel li.current-menu-item > a,
.mobmenu-right-panel li.current-menu-ancestor > a,
.mobmenu-right-panel li.open > a{
background:#FFF0F6 !important;
color:#C2185B !important;
border-left:3px solid #D81B60 !important;
} .mobmenu-right-panel .sub-menu{ background:#FAFAFA !important; }
.mobmenu-right-panel .sub-menu a{
font-size:14px !important;
padding-left:30px !important;
color:#444 !important;
text-transform:none !important;
letter-spacing:.2px !important;
} .mobmenu-right-panel li{ position:relative !important; }
.mobmenu-right-panel .mob-expand-submenu{
color:#D81B60 !important;
position:absolute !important;
right:16px !important;
top:50% !important;
transform:translateY(-50%) !important;
margin:0 !important;
} .mobmenu-right-panel .mobmenu-close{
color:#D81B60 !important;
font-size:28px !important;
} .mobmenu-right-panel .menu-item.is-new > a{
position:relative !important;
padding-right:100px !important; } .mobmenu-right-panel .menu-item.is-new > a::after{
content:"NEW";
position:absolute;
right:55px; top:50%;
transform:translateY(-50%);
background:#D81B60;
color:#fff;
font-size:10px;
font-weight:700;
padding:3px 7px;
border-radius:12px;
letter-spacing:.4px;
animation:pulse 1.5s infinite;
z-index:1;
} .mobmenu-right-panel .menu-item.is-new > a{
position:relative !important;
padding-right:80px !important; } .mobmenu-right-panel .menu-item.is-new > a::after{
content:"NEW";
position:absolute;
right:16px; top:50%;
transform:translateY(-50%);
background:#D81B60;
color:#fff;
font-size:10px;
font-weight:700;
padding:3px 7px;
border-radius:12px;
letter-spacing:.4px;
animation:pulse 1.5s infinite;
} .mobmenu-right-panel .menu-item.is-new.no-anim > a::after{ animation:none; }
@keyframes pulse{
0%{transform:translateY(-50%) scale(1); opacity:1;}
50%{transform:translateY(-50%) scale(1.1); opacity:.75;}
100%{transform:translateY(-50%) scale(1); opacity:1;}
}  .mobmenu-right-panel .menu-item.is-new > a{
position: relative !important;
padding-right: 110px !important; } .mobmenu-right-panel .menu-item.is-new > a::after{
right: 60px !important; pointer-events: none !important; z-index: 1 !important;
} .mobmenu-right-panel .mob-expand-submenu{
z-index: 2 !important;
pointer-events: auto !important;
} @media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
.mobmenu-right-bt {
position: absolute; right: 16px !important; top: 18px !important; z-index: 9999;
}
.mobmenu-right-bt .mob-icon {
font-size: 26px !important; } .mobmenu-right-bt .mobmenu-text {
display: none !important;
}
} @media (min-width:1024px) and (max-width:1280px) and (orientation:landscape) {
.mobmenu-right-bt {
position: absolute;
right: 24px !important;
top: 20px !important;
z-index: 9999;
}
.mobmenu-right-bt .mob-icon {
font-size: 24px !important;
}
.mobmenu-right-bt .mobmenu-text {
display: none !important;
}
}