#main-nav {
      width:100%;
      height:70px;
      background: #207BD9;
      z-index:100;
   }
   #main-nav * {
      box-sizing: initial!important;
   }
   #main-nav_mobile {
      width:0;
      height:100%;
      position:fixed;
      top:0;
      right:0;
   }
   .btn_nav_mobile {
      width:120px;
      height:42px;
      border:none;
      position:absolute;
      top:16px;
      right:15px;
      display:block;
      z-index:900;
   }
    ul.nav {
      position:relative;
      top:70px;
      left:50%;
      width:50%;
   }
    ul.nav li {
      width:100%;
      border-bottom:1px dotted #9cbfda;
      text-align:left;
      line-height:1.4;
   }
    ul.nav li a {
      width:70%;
      color:#fff;
      padding:26px 10% 26px 20%;
      text-decoration:none;
      display:block;
   }
    ul.nav li a:hover, ul.nav li a:focus{
       background-color: tan;
    }
   #main-nav .main > ul li > a {
      background: #7ecd31;
      text-transform:uppercase;
   }
   #main-nav .main > ul li ul li {
      /*border-bottom:1px solid #207BD9;*/
      font-size: 0.70em;
   }
   #main-nav .main > ul li ul li a {
      background: #207BD9;
   }
   #main-nav .main > ul li ul li a:focus {
      background: #fba206;
   }
   #main-nav .main > ul li ul li ul li {
      border-bottom:1px dotted #7ecd31;
   }
   #main-nav .main > ul li ul li ul li a {
      background:#666;
   }
   #main-nav .main > ul li.has-sub ul {
      height:0;
      overflow:hidden;
   }
   #main-nav .main > ul li.has-sub > a {
      background-image: url("../nav/images/nav_arrow_sub.png");
      background-position: 7% center;
      background-repeat: no-repeat;
   }
   #nav_mobile {
      width:0;
   }

/* Larger Mobile Devices (iPhone 6/6+) Portrait Mode */
@media (min-width: 400px) {

}

/* Tablet (iPad/iPad Mini) Portrait Mode and Larger Mobile Devices (iPhone 6/6+) Landscape Mode */
@media (min-width: 550px) {
   #main-nav {
      border-top:none;
   }
    ul.nav li a {
      width:70%;
      color:#fff;
      padding:26px 13% 26px 17%;
      display:block;
   }
   #main-nav .main > ul li.has-sub > a {
      background-image: url("../nav/images/nav_arrow_sub.png");
      background-position: 7% center;
      background-repeat: no-repeat;
   }
   .btn_nav_mobile {
      right:30px;
   }
}

/* For All Mobile and Tablet Potrait Mode  */
@media (max-width: 849px) {
   ul.nav > li {
      width:100%!important;
   }
}

/* Tablet (iPad/iPad Mini) Landscape Mode */
@media (min-width: 850px) {
   #main-nav {
      width:100%;
      height:auto;
      min-height:40px;
      position:inherit;
      text-align:center;
      background: white;
      margin-top: -44px;
   }
   #main-nav .main {
      left:0;
      /*max-width: 1100px;*/
      margin: auto;
   }
    #main-nav ul.nav {
      position:relative;
      top:0;
      left:0;
      width:100%;
   }

   .btn_nav_mobile {
      display:none;
   }
   .navArrow {
      position: absolute;
      bottom:0;
   }
   #main-nav .main > ul {
      padding: 0;
      font-family: 'Lato', sans-serif;
      font-weight: 400;
      letter-spacing:0.05em;
      font-size: 11px;
      text-transform:uppercase;
      line-height: 1.3;
      list-style: none;
      display: flex;
      justify-content: flex-end;
      background-color: #207BD9;
      width: 48.08%;
      float: right;
      /*border-bottom: 3px solid white;*/
   }
   #main-nav .main > ul li.has-sub ul {
      height:100%;
      overflow:visible;
   }
   #main-nav .main > ul li ul li {
     width: inherit !important;
   }
   #main-nav .main > ul li {
     /*width: 90px !important;*/
   }

   #main-nav .main > ul li > a {
      display: block;
      color: #fff;
      height:100%;
      width:100%;
      padding: 0;
      background:none;
   }
   #main-nav .main > ul li > a span {
      display:block;
      padding: 0 10px;
      position: relative;
      left:50%;
      top: 50%;
      transform: translate(-50%, -50%);
      /*border-bottom: 2px solid #292929;*/
   }
   #main-nav .main > ul > li:first-of-type {
      border-left: none;
   }
   #main-nav .main > ul li:last-child {
      border-right: none;
   }
   #main-nav .main > ul > li a:hover, #main-nav .main > ul > li a:focus {
      /*border-color: tan;*/
   }
   #main-nav .main > ul > li a:focus span {
      /*border-bottom: 2px solid tan;
      color: tan;*/
   }

   #main-nav .main > ul > li a.active,
   #main-nav .main > ul > li a.active:hover {
      background:url("images/nav_arrow.png") no-repeat center bottom #0f6cb6;
      color: #fff;
      cursor:default;
   }
   #main-nav ul li {
      float: left;
      position: relative;
      z-index: 801;
      height: 40px;
      padding:0;
      /*text-align: right;*/
      width:auto;
      border-bottom:none;
      letter-spacing: 1px;
   }
   #main-nav ul li:last-child {

   }
   #main-nav .main > ul li.has-sub > a {
      background-image: url("../nav/images/nav_arrow_sub_right.png");
      background-position: right 20px center;
      background-repeat: no-repeat;
   }
   #main-nav .main > ul > li.has-sub > a {
      background-image: none;
   }
   #main-nav ul li:hover a {
      /*border-color: #15b999;
      color: #fff;*/
   }
   #main-nav ul li:hover a span {
      /*border-bottom:2px solid #fff;*/
   }
   #main-nav ul li ul li a:hover {
      background-color: #7ecd31;
      color:#fff;
   }
   #main-nav ul li ul {
      font-family: 'Lato', sans-serif;
      font-size: 12px;
      font-weight:300;
      letter-spacing:normal;
      text-transform:none;
      text-align: left;
      line-height: 1.3;
      position: absolute;
      display: none;
      left: -1px;
      z-index: 300;
      width: 300px;
      padding-left: 0;
      margin-left: 0px;
      list-style: none;
   }
   #main-nav ul li ul a {
      padding: 15px 50px 15px 25px;
      display: block;
      color:#fff;
   }
   #main-nav ul li ul li {
      width: 100%;
      height: auto;
      text-align:left;
      border-left:none;
      border-right:none;
   }
   #main-nav .main > ul li ul li {
      font-size: 100%;
   }
   #main-nav .main > ul li ul li > a {
      width:80%;
      padding: 10px 10%;
      color:#fff;
   }
   #main-nav ul li ul li:hover {
      background-color: #444;
   }
   #main-nav ul li ul li ul {
      top: 0;
      left: 100%;
      min-width: 280px;
   }
   #main-nav .main > ul li ul li ul li a {
      background:#333;
   }
}


/* Smaller Laptops */
@media (min-width: 1024px) {

}


/* Standard Laptop and Desktop */
@media (min-width: 1280px) {

}


/* Larger Laptop and Desktop */
@media (min-width: 1720px) {

}


/* Largest Desktop */
@media (min-width: 1920px) {

}