.slideout-menu{position: fixed;left: 0;top: 0;bottom: 0;right: 0;z-index: 0;width: 256px;overflow: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.slideout-panel{position:relative;z-index: 1;background: #FFF;}
.slideout-open, .slideout-open body, .slideout-open .slideout-panel{overflow: hidden;}

#menu{background: #FFF;position: absolute;top: 0;left: -86%;transition:0.3s left;width: 100%;height: 100vh;z-index: 501;max-width: 86%;overflow-y: auto;overflow-x: hidden;}
.showMenu #menu{left: 0;}

/* .close-menu{display: none;position: absolute;top: 0px;left: -86%;transition:0.3s left;width: 44px;height: 48px;background: url(../../sysimages/icon-close-white.png?1) no-repeat center center/26px;z-index: 250;}
.showMenu .close-menu{display: block;left: 86%;} */

.mb-holder{position: relative;height: calc(100% - 54px);}
.menu-mobile{overflow-x: hidden;position: relative;}
.menu-mobile ul li a{position: relative;display: block;padding: 14px 25px 13px;}
/* .menu-mobile ul li.hasSub > a::after{content: '';position: absolute;top: calc(50% - 9px);right: 4px;width: 13px;height: 13px;background: url(../../sysimages/icon-menu-mobile.png) no-repeat left top/13px;}
.menu-mobile ul li.hasSub.featured a::after{background: url(../../sysimages/icon-menu-mobile-featured.png) no-repeat left top/13px;} */
.menu-mobile ul.main-menu{list-style: none;margin: 0;background: #FFF;display: table;width: 100%;width: 100%;position: absolute;z-index: 2;}
.menu-mobile ul.main-menu li{display: table-cell;vertical-align: middle;height: 61px;border-bottom: 1px solid #f1f1f1;}
.menu-mobile ul.main-menu li:last-child::before{content:'';position: absolute;left: 0;width: 1px;background: #f1f1f1;height: 19px;top: calc(50% - 9px);}
.menu-mobile ul.main-menu li.active{border-bottom-color: #000;}
.menu-mobile ul.main-menu li div{text-align: center;/*height: 48px;*/width: 100%;line-height: 0;}
.menu-mobile ul.main-menu li div img{display: inline-block;max-height: 12px;/*padding-top: 19px;vertical-align: middle;*/}
.menu-mobile .main-link{border-bottom: 1px solid #ECECEC;border-bottom-style: solid;margin-bottom: 4px;}
.menu-mobile .main-link a{padding: 19px 20px 19px 8px;}
.menu-mobile .main-link a::after{content: '';position: absolute;top: calc(50% - 2px);right: 8px;width: 4px;height: 4px;background-color: #333;border-radius: 10px;}

.menu-mobile .wrapper-sub-mobile{padding-top: 11px;}
.menu-mobile .wrapper-sub-mobile-inst{padding-top: 49px;width: 100%;transform: translateX(0%);-webkit-transform: translateX(0%);-ms-transform: translateX(0%);-webkit-transition: -webkit-transform .2s;-moz-transition: -moz-transform .2s;transition: transform .2s;}
.menu-mobile .sub-mobile{display: none;}
.menu-mobile .sub-mobile.visible{position: absolute;top: 48px;left: 100%;width: 100%;height: 100%;max-height: calc(100% - 48px);background: #FFF;z-index: 2;padding: 0;}

.menu-mobile ul .hasSub.sel > .sub-mobile{z-index: 2;display: block;}
.menu-mobile ul .sub-mobile.secondLevel{margin-top: -9px;}
.menu-mobile ul .sub-mobile.secondLevel > li > a{padding: 8px 25px;}
.menu-mobile ul .sub-mobile.thirdLevel{padding: 0 0 15px;}
.menu-mobile ul .sub-mobile.thirdLevel > li > a{padding: 8px 55px;}

.menu-inst{position: absolute;bottom: 0;left: 0;width: 100%;height: 54px;border-top: 1px solid #f1f1f1;background: #fff;}
.menu-inst li{width: 25%;float: left;}

.mobile-language-full .mfp-close {top: 10px;}
.mobile-language-full .mfp-container {padding: 0 !important;}
.mobile-language-full .mfp-content {background: #FFF}
#mobile-language .secondary-title {padding: 30px 0; text-align: center;}
#mobile-language .country-drop{width: 100%;margin-top: 5px;padding: 15px;background: white;}
#mobile-language .country-drop .form-field{margin-bottom: 15px;}
#mobile-language .country-drop .form-field label > span{padding-bottom: 4px; font-size: 14px; display: block;}
#mobile-language .country-drop .form-field .select{background-repeat: no-repeat;background-position: 7px center;}
#mobile-language .country-drop select#country-mobile{padding-left: 30px !important;}
#mobile-language .country-drop button{width: 100%; font-size: 13px; padding-top: 14px; padding-bottom: 14px;}

.menu-mobile ul.main-menu li{position: relative;}
.menu-mobile ul.main-menu li::before{content:'';width: 1px;height: 19px;position: absolute;top: calc(50% - 8px);right: 0;background: #f1f1f1;}

.menu-mobile ul.main-menu li a::after, .menu-mobile ul.sub-mobile.sub li.return a::after, .menu-mobile ul.menu-inst li a::after{display: none;}

@media screen and (min-width: 767px) {
	#menu{display: none !important;}
	/*containerSite{transform: none !important;}*/
	.slideout-open{overflow: auto !important;}
}

	body.tablet.showMenu #menu{display: block !important;position: fixed;}
	/* body.tablet.showMenu .close-menu{left: 464px;top: 7px;background-size: 42px;position: fixed;} */
	body.tablet.showMenu #containerSite::before{z-index: 200;}
	body.tablet #menu{width: calc(100% - 60px);max-width: calc(100vw - 60px);}
	body.tablet .menu-mobile ul.main-menu li{height: 67px;width: auto;margin-bottom: -1px;}
	body.tablet .menu-mobile ul.main-menu li div{padding-left: 22px;padding-right: 22px;}
	body.tablet .menu-mobile ul.main-menu li a{padding: 26px 0 25px;}
	body.tablet .menu-mobile ul.main-menu li div img{max-height: 14px;}
	body.tablet .menu-mobile .wrapper-sub-mobile{padding-bottom: 18px;background: #FFF;}
	body.tablet .menu-mobile ul.menu-inst{margin-top: 0;}
	body.tablet .menu-mobile .wrapper-sub-mobile-inst{padding-top: 62px;}
	body.tablet .menu-mobile .main-link a{border: 0;outline: 0;}
	body.tablet .menu-mobile .main-link a::after{right: 14px !important;top: 23px;border-radius: 8px;border: 0;outline: 0;}
	body.tablet .menu-mobile ul li > a::after{zoom: 1.4;right: 9px;top: calc(50% - 7px);}
	body.tablet .menu-mobile ul.sub-mobile.sub li.return a::before{zoom: 1.4;left: 8px;}
	body.tablet .menu-mobile ul.menu-inst li a{padding: 15px 12px 15px 49px;}
	body.tablet .menu-mobile ul.menu-inst li a::before{zoom: 1.6;left: 10px;}
	body.tablet .menu-mobile .sub-mobile.visible{top: 62px;}
	body.tablet .menu-mobile ul.sub-mobile.sub li.return a{padding: 19px 20px 19px 44px;}
	body.tablet .menu-mobile ul.menu-inst .country-drop select{height: 38px;}
	body.tablet .menu-mobile ul.menu-inst .country-drop select#country-mobile{}
	body.tablet .menu-mobile ul.menu-inst .country-drop button{height: 46px;padding-top: 12px;padding-bottom: 12px;font-size: 13px;}
	body.tablet .menu-inst li{width: auto;}
	body.tablet .menu-inst li > *{display: block;height: 54px;padding: 20px 27px 19px;}

@media screen and (max-width: 767px){
	#containerSite{-webkit-box-shadow: 0 0 5px 0 rgb(102,102,102);-moz-box-shadow: 0 0 5px 0 rgb(102,102,102);box-shadow: 0 0 5px 0 rgb(102,102,102);}
	.menu-inst[logged="1"] li{width: 20%;}
	.menu-inst li a,
	.menu-inst li span{cursor: pointer;position: relative;width: 100%;height: 53px;display: block;line-height: 0;}
	.menu-inst li a::before,
	.menu-inst li span::before{content: '';position: absolute;background-repeat: no-repeat;background-position: center;}
	.menu-inst li.user a::before{background-image: url(/sysimages/icon-user-mobile.png);background-size: 21px 22px;width: 21px;height: 22px;top:calc(50% - 10px);left:calc(50% - 11px);}
	.menu-inst li.logout a::before{background-image: url(/sysimages/icon-logout-mobile.png);background-size: 18px 22px;width: 18px;height: 22px;top:calc(50% - 9px);left:calc(50% - 11px);}
	.menu-inst li.lang a::before{background-image: url(/sysimages/icon-lang-mobile.png);background-size: 22px 22px;width: 22px;height: 22px;top:calc(50% - 11px);left:calc(50% - 11px);}
	.menu-inst li.wish a::before{background-image: url(/sysimages/icon-wishlist-mobile.png);background-size: 25px 22px;width: 25px;height: 22px;top:calc(50% - 12px);left:calc(50% - 11px);}
	.menu-inst li.search span::before{background-image: url(/sysimages/icon-search-mobile.png);background-size: 22px 22px;width: 22px;height: 22px;top:calc(50% - 11px);left:calc(50% - 11px);}
	body.showMenu .bannerWelcomeGift .close{visibility: hidden;}
}

@media screen and (device-aspect-ratio: 40/71) {
	.menu-mobile .wrapper-sub-mobile-inst {zoom: 1;}
}