/*==============================  HEADER ===================================*/
header {    background: rgba(256,256,256,1) !important; border-bottom: 1px solid #eaeaea;    color: #222 !important; }

/*==============================  BRAND ===================================*/
header .navbar-brand  { padding:10px;	display: none; }
header .brand img {    max-width: 370px;   margin-top: 10px; }
header .brand img {    padding: 10px; }


/*==============================  MENU ===================================*/
header #menu { font-size: 13px; padding:20px 0 0; margin-left: 10px; list-style:none; }

#menu > li {	display: inline-block;	position: relative; padding-top:10px; z-index: 9999 }
#menu > li > a {	color: #7b7979; font-size: 16.5px;	font-weight:600;	line-height: normal;
					text-transform: capitalize;	display: inline-block;	text-decoration: none;	text-align: left;	padding: 22px 0px 22px 2px;	letter-spacing: .2px;	}
#menu > li > a:before { content:"."; color:#222; padding:10px;}
#menu > li:nth-child(1) > a:before { content:""}
#menu > li:hover > a {	color: #46c570;  text-decoration: none; }


/*============================== SUB MENU ===================================*/

#menu > ul > li > ul {	display: none; }
#menu li > a > i {	margin: 0 -5px 0 10px; }

/* sub-menu */
#menu > li > .sub-menu {	display: block;	position: absolute;	left: 5;	margin: 0;	padding: 0;
							display: none;	z-index: 1000; background-color: transparent;	box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.2);
							border-radius: 0px;	overflow: visible;	padding-top: 0px;	width:200px; }

#menu li .sub-menu  li {	float: left;	margin: 0;	text-align: left;	width: 100%;	padding: 0;	list-style:none;  }
.sub-menu li > ul {	display: none;}
.sub-menu > li > a {	display: block;	width: 100%;	padding: 11px 15px 13px 20px;	color: #43474d;	background-color: #fff; }

#menu .sub-menu > li:hover > a {	background-color: #43474D;	text-decoration: none;	color: #fff; }

.sub-menu > li > a > i {	float: right; }
.sub-menu li ul.sub-sub-menu {	top: 0px;	left: 200px;	margin: 0;	padding: 0;	z-index: 9999; }
.sub-menu li ul.sub-sub-l-menu {	position: absolute;	top: 0px; right: 200px; 	margin: 0;	padding: 0;	z-index: 9999; }


/*================== MORE DROP DOWN MENU ===============*/

#menu li.hideshow ul{position:absolute;display:none;right:0px;}
#menu > li.hideshow  {    background: none repeat scroll 0 0 #0cb9b0;    position: relative;    white-space: nowrap; }
#menu > li.hideshow > a{ font-size:13px; color:#fff;}

#menu .sub_item { padding:0; width:200px; background:#fff; }
#menu .sub_item   li { width:100%; display:block; clear: both; text-align:left;  }
#menu .sub_item   li  a{ width:100%; padding:10px 20px; display:block; color:#43474D; border-bottom:1px solid #eee;}
#menu  .sub_item  > li > .sub-menu { float:left; clear:both; display: block;	position: static;	left: 5;
									margin: 0; top:0;	padding: 0;	display: none;	z-index: 99;	background-color: transparent;
									box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0);	overflow: visible;	padding-top: 0px;	width:100%; }
#menu  .sub_item  > li > .sub-menu > li a { padding-left:35px; }

#menu > li > .sub-menu > li  { position:relative; }
#menu > li > .sub-menu > li > .sub-menu2 { display: block;	position: absolute;	left:200px;	top:0;	margin: 0;	padding: 0;	display: none; 
											z-index: 99;	background-color: transparent;	box-shadow: 0px 6px 5px -4px rgba(0, 0, 0, 0.2);
											border-radius: 0px;	overflow: visible; padding-top: 0px;	width:200px; }
#menu li .sub-menu2  li {	float: left;	margin: 0;	text-align: left;	width: 100%;	padding: 0;	list-style:none;  }

.sub-menu2 li > ul {	display: none; }
.sub-menu2 > li > a {	display: block; width: 100%;	padding: 11px 15px 13px 20px;	color: #43474d;	background-color: #fff; }
#menu .sub-menu2 > li:hover > a {	background-color: #43474D;	text-decoration: none;	color: #fff; }
.sub-menu2 > li > a > i {	float: right; }


/* ============= Scorlling Code - Menu ==================== */
/* Header Scrolling */
header.scrollING {   background: rgba(256,256,256,1) !important; border-bottom: 1px solid #eaeaea;  color:#222 !important;  
-webkit-transition: background 0.7s  ease-in;  -moz-transition: background 0.7s  ease-in;  -o-transition: background 0.7s  ease-in;  transition: background 0.7s  ease-in; 
z-index: 9999 !important; }
/* Menu Scrolling */
.scrollING #menu > li > a:before {   color: #222; }
header.scrollING #menu > li > a { color:#222; }
/* Scrolling */
.scrollING .navbar-brand .logo-mob {	display: block;	margin: 0 auto; }



/*====================================================== RESPONSIVE & MEDIA QUERY CSS  ======================================================*/

/*=============== Responsive ===============*/


/*=============== Media Query ===============*/
 @media (max-width:1400px) 
{  
    /* Menu */
    header #menu { padding: 9px 0 0; }
    #menu > li > a:before {   content: " ."; color: #222; padding: 8px !important; }
    #menu > li > a {/* font-size: 12px !important; */padding: 22px 2px 22px 2px !important;}

}