/* ==========================================================================
   Desktop
   ========================================================================== */
@media (min-width: 1000px) {
	/*Mbox limited everything into screen view*/
	div.Mbox{}
	div.Mnavbar{display:none;}
	div.MmenubarOverlay{display:none;}
	div.Mmenubar{display:none;}
	div.Mnavsubmenubox{display:none;}
}


/* ==========================================================================
   Mobile
   ========================================================================== */
@media (min-width: 0px) and (max-width: 999px){
	/*html{height:101vh; min-height:100%;} Android hack to prevent white block appear during scroll. */
	/*Mbox limited everything into screen view*/
	/*-webkit-overflow-scrolling: touch = to make the scrolling smoothly on mobile*/
	div.Mbox{position:absolute;top:0px;left:0px;width:100%;min-width:360px;height:100%; min-height:100%; -webkit-overflow-scrolling:touch; overflow:scroll; }
	
	/*Overlay for click to close the menu*/
	div.Mnavbar{position:fixed;top:0px;left:0px;width:100%; min-width:360px; box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.2);background-color:#FFFFFF;z-index:90; padding:10px 15px 10px 15px;}
	div.MmenubarOverlay{position:absolute;top:0px;left:0px;width:100%;height:100%;display:none;background-image:url(/images_mobile/mainmobileoverlay_bg.png);z-index:99;}
	div.Mmenubar{position:absolute;top:0px;left:0px;width:85%;height:100%;overflow-y: scroll;overflow-x:hidden;background-color:#FFFFFF;z-index:99; padding:20px 0px 20px 0px;-webkit-overflow-scrolling:touch;}

	/*navbar show and hide based on scrolling*/
	.Manimatenavmobileon{position:fixed;margin:0px 0px 0px 0px;transition: margin 0.2s ease-out;}
	.Manimatenavmobileoff{position:fixed;margin:-105px 0px 0px 0px;;transition: margin 0.2s ease-out ;}

	/*Menu bar show and hide*/
	div.MwrappernavClose{left:80%;transition: left 0.2s ease-out;}
	div.MwrappernavOpen{left:0px;transition: left 0.2s ease-out;}
	
	/*Navigation*/
	div.Mnavmenuicon{float:left;}
	div.Mnavmenuicon img{float:left;width:20px; height:20px; margin-top:5px;}
	div.Mnavlogo{float:left; margin:0px 0px 0px 20px;}
	div.Mnavlogo img{width:auto;height:30px;}

	div.Mnavshoppingcart{float:right;}
	div.Mnavshoppingcart img{width:auto; height:25px; float:right; margin:2px 4px 0px 0px;}
	div.Mnavshoppingcart a span{display:block; float:right;padding:3px 0px 0px 0px; font-size:15px; font-weight:bold; color:#000;}

	div.Mnavsearch{float:right;margin:5px 0px 0px 20px;}
	div.Mnavsearch img{width:auto; height:20px; float:right; margin:0px 0px 0px 0px;}
	
	div.Mnavsubmenubox{position:absolute; width:100%; background-color:#FFF; padding:10px; background-color:#FFFFFF;box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.2);z-index:85;}
	div.Mnavsubmenuboxclose{top:-60px; left:0px; transition: top 0.2s ease-out;}
	div.Mnavsubmenuboxopen{top:50px;left:0px; transition: top 0.2s ease-out;}

	div.MnavPageTitle{float:left;width:60%;overflow:hidden;font-size:14px;padding:3px 0px 0px 20px; font-weight:600; line-height:1.1em; }
	
	/*Side Menu Bar*/
	div.MmenubarOpen{left:0px;transition: left 0.2s;}
	div.MmenubarClose{left:-85%;transition: left 0.2s;}
	div.Mmenubar ul, .Mmenubar li{margin:0px;padding:0px;}
	div.Mmenubar li{list-style-type:none;}
	
	div.Mmenubar a.MmenuNavLink{text-decoration: none; color:#333333; font-size:16px; float:left; width:100%; display:block; padding:15px 30px 15px 30px; }
	div.Mmenubar a.MmenuNavLink:hover { text-decoration: none; color:#FFFFFF; font-size:16px; float:left; width:100%; display:block; padding:15px 30px 15px 30px;background-color:#666666;}
	div.Mmenubar a.MmenuNavLinkON{text-decoration: none; color:#FFFFFF; font-size:16px; float:left; width:100%; display:block; padding:15px 0px 15px 30px;background-color:#666666; }
	div.Mmenubar a.MmenuNavLinkON:hover {text-decoration: none; color:#FFFFFF; font-size:16px; float:left; width:100%; display:block; padding:15px 0px 15px 30px;background-color:#666666; }
	
	/* Drop down menu*/
	li.MmenuDropDown a.MmenuNavLink{background-image:url(/images_svg/main_nav_arrowdown_black.svg);background-repeat:no-repeat;background-position:10px center;background-size:12px 12px;}
	li.MmenuDropDown:hover a.MmenuNavLink{background-color:#666666;color:#FFFFFF;background-image:url(/images_svg/main_nav_arrowdown_white.svg);background-repeat:no-repeat;background-position:10px center;background-size:12px 12px;}
	li.MmenuDropDown a.MmenuDropDownTagHighlight{font-size:16px;text-decoration: none;float:left;width:100%;display:block;padding:15px 0px 15px 30px;color:#FFFFFF;background-color:#666666;background-image:url(/images_svg/main_nav_arrowup_white.svg);background-repeat:no-repeat;background-position:10px center;background-size:12px 12px;}
	li.MmenuDropDown a.MmenuDropDownTagHighlightfixed{font-size:16px;text-decoration: none;float:left;width:100%;display:block;padding:15px 0px 15px 30px;color:#FFFFFF;background-color:#666666;background-image:url(/images_svg/main_nav_arrowdown_white.svg);background-repeat:no-repeat;background-position:10px center;background-size:12px 12px;}
	li.MmenuDropDown a.MmenuDropDownTagHighlightfixedopen{font-size:16px;text-decoration: none;float:left;width:100%;display:block;padding:15px 0px 15px 30px;color:#FFFFFF;background-color:#666666;background-image:url(/images_svg/main_nav_arrowup_white.svg);background-repeat:no-repeat;background-position:10px center;background-size:12px 12px;}
	
	/*Drop down menu - menuSubmenu*/
	div.Mmenubar ul.menuSubmenu, div.Mmenubar ul.menuSubmenu li{padding:0px;margin:0px;}
	div.Mmenubar ul.menuSubmenu li{width:100%;}
	div.Mmenubar ul.menuSubmenuClose li{height:0px !important; padding:0px 0px 0px 0px; overflow:hidden;transition: all 0.2s;}
	div.Mmenubar ul.menuSubmenuOpen li{height:auto; padding:10px 0px 10px 0px; overflow:hidden;transition: all 0.2s;color:#333333;background-color:#ebebeb;border-bottom:#484848 dotted 1px;}
	div.Mmenubar ul.menuSubmenuOpen li:hover{background-color:#666666;}
	div.Mmenubar ul.menuSubmenuOpen li:hover a{color:#FFFFFF !important;}
	div.Mmenubar ul.menuSubmenu li:last-child a{border:none;}
	div.Mmenubar a.MmenuNavSubLink{float:left;font-size:14px;text-decoration:none;width:100%;display:block;padding:0px 30px 0px 30px; color:#333333;}

	div.Mmenubar ul.menuSubmenuOpen li.navdivider{background-color:#999999; padding:5px 10px 5px 28px; color:#FFF; font-size:12px; font-weight:bold;}
	div.Mmenubar ul.menuSubmenuClose li.navdivider{height:0px !important; padding:0px 0px 0px 0px; overflow:hidden;transition: all 0.2s;}

	/*Slider Layer Menu*/
	div.Mmenuslidebox{position:absolute; top:0px; width:100%; height:100%; overflow-y: scroll; overflow-x:hidden; background-color:#FFFFFF;}
	div.Mmenuslideboxopen{left:0px; transition: left 0.2s;}
	div.Mmenuslideboxclose{left:-100%;transition: left 0.2s;}
	div.Mmenuslidetopbar{float:left; width:100%; padding:10px 20px 10px 14px; border-bottom:solid #CCC 1px;}
	div.Mmenuslidetitle{float:right; width:50%; text-align:right; font-size:12px; font-weight:bold; padding:2px 0px 0px 0px;}
	div.Mmenuslidebackbtn{float:left; width:50%; }
	div.Mmenuslidebackbtn img{width:20px; height:auto;}
	div.Mmenuslidemenubox{float:left; width:100%;padding:15px 0px 20px 0px;}
	div.Mmenuslidemenubox a{text-decoration: none; color:#333333; font-size:16px; float:left; width:100%; display:block; padding:15px 30px 15px 30px; }
	div.Mmenuslidemenubox a:hover{background-color:#666666; color:#FFFFFF; }

	/*menuSubmenuheader*/
	div.Mmenutopbox{width:100%;font-size:16px;line-height:1.5em;padding:0px 30px 0px 30px; margin:10px 0px 10px 0px;}
	div.Mmenutopbox p{margin:0px 0px 8px 0px !important; padding:0px !important; line-height:1.4em;}
	div.Mmenutopbox a { display:block; font-size:14px; margin:0px 0px 5px 0px; }


	/*menuSubmenufootor*/
	div.Mmenufootor{float:left;width:100%;font-size:11px;color:#666666;line-height:1.5em;padding:0px 30px 0px 30px; margin:20px 0px 20px 0px;}
	div.Mmenufootor p{margin:0px 0px 8px 0px !important; padding:0px !important; line-height:1.4em;}
	div.Mmenufootor a { text-decoration: none; color:#666666;font-size:11px;}

}


/* ==========================================================================
   Share CSS
   ========================================================================== */