#nav-trigger { display: none; text-align: center; } 

#nav-trigger span { display: inline-block; padding: 10px 30px; background:linear-gradient(360deg,#00829a,#00849e,#0089a3,#0096b3,#009ebd,#00a2c1,#00a9c8,#00abcb,#00accd); color: white; cursor: pointer; text-transform: uppercase; }

#nav-trigger span:after 
{
      display: inline-block;
      margin-left: 10px;
      width: 20px;
      height: 10px;
      content: "";
      border-left: solid 10px transparent;
      border-top: solid 10px #fff;
      border-right: solid 10px transparent;
 }

 #nav-trigger span:hover  
 {
     background-color: #00849e; 
	 
}

#nav-trigger span.open:after 
{
      border-left: solid 10px transparent;
      border-top: none;
      border-bottom: solid 10px #fff;
      border-right: solid 10px transparent; 
}

nav { margin-bottom: 0px; }

nav#nav-main { padding: 5px 0; width:100%; }

nav#nav-main ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }

nav#nav-main li { display: inline-block; border-right: solid 1px #047489; padding: 0 5px; margin:-1px 0px 3px 0px; }

nav#nav-main li:last-child { border-right:none; }

nav#nav-main a { display:block; font-size:11pt; letter-spacing:0.2px; text-align:center; color: white; padding:3.5px 10.5px 3.5px 10.4px; font-weight:600; font-smoothning:antialising; margin:1% 0%; }

nav#nav-main a:hover { list-style-type:none; text-decoration:none; background:linear-gradient(360deg,#339aad,#339eb2,#33a6bc,#33b0c8,#33b9d2,#33bfd9,#33c0da); color: #fff; }

nav#nav-mobile { position: relative; display: none; }

nav#nav-mobile ul { z-index:1; display: none; list-style-type: none; position: absolute; left: 0; right: 0; margin-right:auto; text-align: center;
background:linear-gradient(360deg,#00829a,#00849e,#0089a3,#0096b3,#009ebd,#00a2c1,#00a9c8,#00abcb,#00accd); }

nav#nav-mobile li { display: block; padding: 5px 0; margin: 0 0px; border-bottom: solid 1px white; }

nav#nav-mobile li:last-child { border-bottom: none; }

nav#nav-mobile a { display: block; color: white; padding: 10px 30px;  }

nav#nav-mobile a:hover  { background-color: #00849e; text-decoration:none; color: #fff; }


/* Media Queries
-------------------------------------------------------------- */

@media all and (max-width: 480px) {
  #nav-trigger { display: block; margin-left:-74%; margin-bottom:1%; margin-top:-2%; }

  nav#nav-main {  display: none;}

  nav#nav-mobile { width:260px; display: block; }
}
	  
	  
@media all and (min-device-width:360px) and (max-width: 640px) {
  #nav-trigger { display: block; margin-left:-70%; margin-bottom:1%; margin-top:-2%; }

  nav#nav-main {  display: none; }

  nav#nav-mobile { width:260px; display: block; }
}


/* ----------------------Media Queries ---------------------- */

@media all and (max-width: 900px) 
{
  #nav-trigger { display: block; }

  nav#nav-main { display: none; }

  nav#nav-mobile { display: block; }
}