/* ==========================================================================
   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;}
}

/* ========================================================================== */
/* ========================================================================== */
	/*Tablet - Mobile. 360,375,414,768(666)*/
@media (min-width: 667px) and (max-width: 999px){
}

@media (min-width: 414px) and (max-width: 666px){
	/*Mobile iphone XS  + Samsung Note 9. Width is 414px.*/
}

@media (min-width: 375px) and (max-width: 413px){
	/*Mobile iphone 6/7/8/X/XS. Width is 375px*/
}

@media (min-width: 0px) and (max-width: 374px){
	/*Mobile Samsung S9/S9+. Width is 360px*/
}

@media (min-width: 0px) and (max-width: 666px){
	/*Tablet to Mobile Range*/
}

/* ========================================================================== */
/* ========================================================================== */


/* ==========================================================================
   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 iphone. Remove min-height:100% to fix alignment bug when mobile browser in full screen*/
	div.Mbox{position:absolute;top:0px;left:0px;width:100%; height:100%;min-width:360px; -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:#000000;z-index:90; padding:10px 15px 10px 15px;}
	div.MmenubarOverlay{position:fixed;top:0px;left:0px;width:100%;height:100%;display:none;background-color:rgba(0,0,0,0.5);z-index:99; }
	div.Mmenubar{position:fixed;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;}

	/*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;margin:12px 20px 0px 0px;}
	div.Mnavmenuicon img{float:left;width:20px; height:20px; }
	div.Mnavlogo{float:right; margin:0px 0px 0px 16px; }
	div.Mnavlogo img{width:auto; height:45px;}
	div.MnavPageTitle{float:right; width:240px; text-align:right; color:#FFF; overflow:hidden;font-size:15px;margin:7px 0px 0px 0px; font-weight:600; line-height:1.1em; }

	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; float:left; width:100%;}
	
	div.Mmenubar a.MmenuNavLink{text-decoration: none; color:#000000; font-size:18px; float:left; width:100%; display:block; padding:15px 30px 15px 30px; }
	div.Mmenubar a.MmenuNavLink:hover { text-decoration: none; color:#FFFFFF; background-color:#000000;}
	div.Mmenubar a.MmenuNavLinkON{text-decoration: none; color:#FFFFFF; font-size:18px; float:left; width:100%; display:block; padding:15px 0px 15px 30px;background-color:#000000; }
	div.Mmenubar a.MmenuNavLinkON:hover {text-decoration: none; color:#FFFFFF; background-color:#000000; }

	/*menuSubmenufootor*/
	div.Mmenufootor{float:left;width:100%;font-size:15px;color:#000000;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.2em;}
	div.Mmenufootor a { text-decoration: underline; color:#000000;font-size:15px;}
	div.Mmenufootor a:hover { text-decoration: none;}

}


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