#nav-wrap			{margin:0px auto; padding:0px; float:none; padding-top:3px; }

/* menu icon */
#menu-icon		{display: none; /* hide menu icon initially */}
#nav, #nav li	{margin: 0 auto; padding: 0;}
#nav li			{list-style:none; margin:0px; vertical-align:top; margin-top:10px; padding:4px 0px 17px 0px; display:inline-block}

#nav li.seprator	{padding:14px 0px 1px 0px; border-right:1px solid #3e82a4; min-height:05px; margin-left:20px; margin-right:20px}

/* nav link */
#nav a				{display: block; text-decoration:none; text-transform:uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; padding-left:10px; padding-right:10px;}
#nav a:hover		{color:#000;}
#nav li:hover>a		{color:#000;}
#nav .focus>a		{color:#000;}

/* nav dropdown */
#nav ul             {padding:0px; position: absolute; display: none; /* hide dropdown */ width: auto; z-index:99999;  background:url(../images/bg-menu.png); margin-top:13px; font-family:'RobotoRegular';}
#nav ul li          {margin:0px auto; color:#3e82a4; display:list-item; font-size:13px; text-transform:none; border:none; text-align:left; padding-top:8px; padding-bottom:8px; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1; border-left:1px solid #e1e1e1; min-width:140px}
#nav ul li          {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
#nav ul li:hover    {background:#3e82a4; color:#fff}
#nav li:hover > ul  {display:block; /* show dropdown on hover */}

#nav li li a        {display:block; color: #3e82a4; text-decoration:none; text-transform:capitalize; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;   -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#nav li li a:hover  {color:#fff;}
#nav ul li:hover > a{color:#fff}


#search-wrap			{margin:0px auto; padding:0px; float:none; padding-top:3px; }

/* menu icon */
#search-icon    {display: none; /* hide menu icon initially */}
#search         {margin: 0 auto; padding:0;}


@media only screen and ( min-width: 980px) and ( max-width: 1024px) {
#nav li.seprator	{padding:14px 0px 1px 0px; border-right:1px solid #3e82a4; min-height:05px; margin-left:16px; margin-right:16px}
}


@media only screen and (min-width:240px) and (max-width:980px) {
.nav-sm  {width:100%; padding:0px; margin:0px; float:right; display:block; margin-top:12px; background:#d5e421; position:relative; height:58px; position: absolute; bottom: 2px;}
.nav-sm  {border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px;}

.nav-sm-inside  {width:100%; padding:0px; margin:0px; float:right; display:block; margin-top:13px; background:#d5e421; position:relative; height:40px;  position: absolute; bottom: -1px;}
.nav-sm-inside  {border-radius:5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; -moz-border-radius:5px 5px 0px 0px;}

#nav-wrap   {position: absolute; padding: 0px; margin: 0px auto; width: auto; margin-bottom: 0px; right:0; margin-top:7px;}
#menu-icon  {color: #000; height: 24px; width: auto; padding: 0px 10px; cursor: pointer; display: block; float: right; line-height: 18pt; margin-top: 0px; text-align: center; position: relative;}
#menu-icon  {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

#menu-icon:hover    {color: #000;}
#menu-icon.active   {color: #000;}

#nav    {clear: both; position: relative; top: 7px; width: 100%; z-index: 10000; background: #fff; display: none; text-align: left; padding:10px; background:#009beb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#nav ul {padding: 0px; margin: 0px; height:auto !important;}

#nav li {clear: both; float: none; margin: 0px; margin: 0px; padding: 0px; display: inline-block; width: 100%;}

#nav li:hover {background: none;}

#nav li:last-child  {border-bottom: none;}
#nav a, #nav ul a   {background: none; display: block; padding: 2px 5px 2px 5px; margin: 2px 0px; line-height: 25px; color: #fff; width: 100% auto; font-size: 14px; text-transform:uppercase}
#nav li:hover > a   {color: #000;}

#nav ul     {background: none; padding: 0px; margin: 0px; position: absolute; display: none; width: auto;}
#nav ul li  {margin: 0px; padding: 0px; border: none;}

#nav li:hover > ul {display: none; position: static;}
#nav li li a:before {content: "» ";}

#nav li li a        {display: block; font-size: 13px; font-family: inherit; color: #000; text-decoration: none; text-transform: none; padding:5px 10px; margin:0px; border: none; line-height: 25px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; background: none;}
#nav li li a:hover  {background: none; color: #000;}

#nav .active > a {color:#000;}
#nav li.seprator {display:none;}
#nav div.columns {display:none;}

#nav li.mobi-brochure   {display:block;}

#search-wrap    {position:relative; padding: 0px; margin: 0px auto; float: left; width: 100%; margin-bottom: 0px; margin-top:7px;}
#search-wrap    {border-radius:5px 0px 0px 0px; -webkit-border-radius:5px 0px 0px 0px; -moz-border-radius:5px 0px 0px 0px;}
#search         {clear: both; position: absolute; background:#009beb; top:31px; width: 100%; z-index: 10000; display: none; text-align: left; padding:10px; left:0px; right:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

#search-icon {color:#000; height: 24px; width: auto; padding: 0px 10px; cursor: pointer; display: block; float: left; line-height: 18pt; margin-top: 0px; text-align: center;}
#search-icon {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}

#search-icon:hover {color:#000;}

/* nav dropdown */
#nav ul             {padding:0px; position: absolute; display: none; /* hide dropdown */ width: auto; z-index:99999;  background:url(../images/bg-menu.png); margin-top:0px; font-family:'RobotoRegular';}
#nav ul li          {margin:0px auto; color:#3e82a4; display:list-item; font-size:12px; text-transform:none; border:none; text-align:left; padding-bottom:0px; border-bottom:1px solid #e1e1e1; border-right:0px solid #e1e1e1; border-left:0px solid #e1e1e1; min-width:140px}
#nav ul li          {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
#nav ul li:hover    {background:#fff; color:#000}
#nav li:hover > ul  {display:block; /* show dropdown on hover */}

}