/*** handle responsive layout for top nav ***/
/** when show responsive top nav menu, then hide body scrollbar **/
/*body.show_responsive_menu {height:100%;overflow:hidden;}*/


/*** header nav : start *********************************/

	/*** default hide responsive nav ***/
	
	
	.sc_header_nav_box .sc_responsive_header_nav_wrapper 					{	
		position:fixed;left:0px;top:0px;z-index:1200;
	}
	.sc_header_nav_box .sc_responsive_header_nav_wrapper 					{	
		width:100%;		height:100%;					
	}
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu 
	{	
		display:block;
	}
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu_list_root {	
		display:block;
		height:100%;
		background:#ffffff;
	}
	
	
	.sc_header_nav_box .responsive_menu_logo				{
		position:absolute;left:0px;top:0px;width:100%;height:50px;
		margin-left:60px;
		background:#000000;
	}
	.sc_header_nav_box .responsive_menu_logo .logo_panel	{
		display:block;margin:auto;width:100%;height:100%;text-align:center;padding:5px;
	}
	.sc_header_nav_box .responsive_menu_logo .logo_panel>img	{max-width:100%;max-height:100%;}

	.sc_header_nav_box .responsive_menu_btn_wrapper		{ width:60px;height:50px; padding:0px; 	}
	.sc_header_nav_box .responsive_menu_btn_wrapper		{ position:absolute;top:50px;left:100%; }
	
	.sc_header_nav_box .responsive_menu_list_wrapper	{ height:100%;	overflow:auto; }
	
	
	
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_menu_item { display:block; 
		height:auto;
	}
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_menu_item .sc_menu_name {
		max-width:100%;
	}
	
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_menu_item>.sc_menu_btn {
		background:none;color:#000000;
	}
	
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_menu_item>.sc_menu_btn:hover {
		background:#1261FF;color:#ffffff;
	}
	
	
	

	
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_menu_item.sc_menu_has_submenu>.sc_menu_btn:hover .sc_menu_caret:after {
		border-color:#ffffff;
	}
	
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_submenu {
		position:relative;left:0px;top:0px;
		transform:none;opacity:1;
		
	}
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_submenu>.sc_submenu_container {
		width:100%;
	}
	
	
	/** menu mask **/
	
	
	/** submenu : background : start **/
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_submenu>.sc_submenu_container {
		background:#F0F2F4;
	}
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_submenu .sc_submenu>.sc_submenu_container {
		background:#E1E5E8;
	}
	/** submenu : background : end **/
	
	
	/** submenu : left-indent : start **/
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_submenu {
		padding-left:0px;
	}
	/** submenu : left-indent : end **/
	
	
	/** submenu : left-indent for text : start **/
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu_btn {
		padding-left:15px;
	}
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_submenu .sc_menu_btn {
		padding-left:35px;
	}
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_submenu .sc_submenu .sc_menu_btn {
		padding-left:55px;
	}
	/** submenu : left-indent for text  : end **/
	
	
	
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_submenu .sc_menu_item {
		
	}
	.sc_header_nav_box .sc_responsive_header_nav_wrapper .sc_menu .sc_submenu .sc_menu_item .sc_submenu>.sc_submenu_container {
		transform:none;margin:0px;
	}
	
	
/*** header nav : end *********************************/

/*** fixed header ***/
div#header {}
div#header.fix_header_menu	{}
div#header.fix_header_menu div.header-nav {position:fixed;left:0px;top:0px;}



	
	/*** apply show / hide responsive nav ***/
	.sc_header_nav_box .sc_responsive_header_nav_wrapper {transition:all .5s ease;}
	
	.sc_header_nav_box .sc_responsive_header_nav_wrapper { padding-left:60px;	padding-top:50px; }
	.sc_header_nav_box .sc_responsive_header_nav_wrapper { margin-left:-100%;	}
	
	.show_responsive_menu .sc_header_nav_box .sc_responsive_header_nav_wrapper 	{ 		
		margin-left:-60px;
		
	}
	
	/*** apply menu mask at bottom layer ***/
	.show_responsive_menu .sc_header_nav_box .responsive_menu_mask {
		margin-left:60px;
		content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(255,255,255,.3);
		
	}

/** topnav background color in base layber <start> **/
	.sc_header_nav_box .responsive_menu_list_wrapper		{ background:#ffffff;	}
/** topnav background color in base layber <end>>> **/
	
	
/** decide to show normal nav menu or responsive menu <start> **/
	.sc_header_nav_box .sc_header_nav_wrapper 				{display:block;}
	.sc_header_nav_box .sc_responsive_header_nav_wrapper 	{display:none;}
/** decide to show normal nav menu or responsive menu <end>>> **/

	
	
	

/*** responsive top nav changable setting ***/





@media (max-width: 1024px) 
{
	
}


@media (max-width: 768px) 
{
	.sc_header_nav_box .sc_header_nav_wrapper {display:none;}
	.sc_header_nav_box .sc_responsive_header_nav_wrapper {display:block;}
	
	div.header-top {position:fixed;top:0px;left:0px;}
	div.header-nav {position:fixed;top:0px;left:0px;width:auto;}
	
	.sc_header_nav_box .responsive_menu_btn_wrapper
	{
		top:0px;
	}
}