.navbar-podaac-nav {
   width: auto;
   max-width: 1200px;
   list-style: none;
   position: relative;
   padding: 0;
   margin: 0;
   margin-left: auto;
   margin-right: auto;
}
@media all and (min-width: 1210px) {
   .navbar-podaac-nav {
      width: 1200px;
      max-width: 1200px;
   }
}
.navbar-podaac-nav > li {	display: inline-block; }
.navbar-podaac-nav > li > a{
	color: #ccc;
	text-decoration: none;
	text-transform: uppercase;
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}
.navbar-podaac-nav > li > a.active,
.navbar-podaac-nav > li > a:hover,
.navbar-podaac-nav > li.navigation-intent > a {
	background:#1d3a5f;
	color:#fff;
}

.navbar-podaac-nav i {
  float: left;
  margin-right: 6px;
  line-height: 20px !important;
}

/*mega menu*/
.mega-menu {
  left: 0;
  right: 0;
  /*padding: 15px;*/
  display:none;
  padding-top: 0;
  min-height: 100%;
  z-index: 11;
}
.mega-menu.init {
   display: block;
}

.mega-menu ul li a {
  line-height: 30px;
  display: inline-block;
}
@media all and (min-width: 768px) {
   .mega-menu ul li a {
      line-height: 30px;
   }
   .mega-dropdown a:hover {
      color: white !important;
   }
   .mega-dropdown .menu-item-wrapper ul li a:hover,
   .mega-dropdown .menu-item-wrapper ul li a:hover .discipline-name {
      /*text-decoration: underline;*/
   }
}
/*
ul.stander li a {
    padding: 3px 0px;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
    color: #ccc;
    font-size: 85%;
}

a.view-more{
  border-radius: 1px;
  margin-top:15px;
  background-color: #009FE1;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}
a.view-more:hover{
	color:#fff;
	background:#0DADEF;
}
ul.icon-des li a i {
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    background-color: #009FE1;
    line-height: 35px !important;
}

ul.icon-des li {
    width: 100%;
    display: table;
    margin-bottom: 11px;
}
*/
/*common*/
.mega-menu {
	background-color: #1d3a5f;
}

/*hover*/
/* .mega-dropdown .mega-menu:hover,
.mega-dropdown a:hover+.mega-menu, */
.mobile-intent .mega-menu {
	display:block;
}
.mobile-intent .mega-menu {
   /*margin-top: 20px;*/
   padding-left: 20px;
}
.dropdown-menu-row {
   display: block;
   width: 100%;
}

.mega-menu ul.dropdown-menu-row {
   display: block!important;
   text-align: left;
   padding-left: 0;
}
.mega-menu ul.dropdown-menu-row li {
   list-style: none;
   text-align: left!important;
}

.dropdown-menu-column .menu-item-wrapper {
   display: none;
}
.dropdown-menu-column.mobile-intent  .menu-item-wrapper {
   display: block;
   padding-left: 20px;
}

.menu-item-wrapper ul {
   display: block !important;
   padding-left: 0;
   list-style: none;
}
.dropdown-menu-column .menu-item-wrapper.active ul {
   padding-left: 1em;
}
.menu-item-wrapper li a {
   padding: 0;
}

.menu-item-wrapper a {
   display: block;
   text-align: left;
}

.mega-menu a.label {
   text-transform: uppercase;
   font-weight: 400;
   color: #fff;
   /*padding-bottom: 10px;
   border-bottom: 1px solid #77bbff;*/
}

.menu-item-wrapper li { position: relative; text-align: left!important; display: inline-block; width: 100%;}
.submenu-science-disciplines .menu-item-wrapper li { display:block; }
/*.menu-item-wrapper a.menu-item { float: left; width: 100%; }*/

.menu-item-wrapper a img {
   /*display: inline-block;*/
   /*height: 5vh;*/
   display: none;
}
.menu-item-wrapper a:hover img.off_state,
.menu-item-wrapper a img.on_state { display: none; }
.menu-item-wrapper a:hover img.on_state { display: inline-block; }

.submenu-find-data,
.submenu-measurements,
.submenu-missions {
   width: 100%;
}
.dropdown-menu-column.submenu-science-disciplines .menu-item-wrapper ul li .menu-item {
   display: flex;
    align-items: stretch;
    line-height: initial;
    padding-top:5px;
    padding-bottom:5px;
}
/*responsive*/
 @media (min-width:768px){
   .navbar-podaac-nav > li > a {
      display:block;
      padding: 20px 22px;
   }
   .dropdown-menu-row {
      display: inline-flex;
   }
   .dropdown-menu-column {
      display: inline-block;
      /*padding: 20px 1%;
      padding: 20px 22px;*/
      padding: 20px 2%;
      box-sizing: border-box;
   }
   .dropdown-menu-column.submenu-science-disciplines {
      padding-right: 0px;
      padding-left: 1%;
   }
   .submenu-find-data,
   .submenu-science-disciplines  {
      width: 20%;
   }
   .submenu-measurements {
      width: 20%;
   }
   .submenu-missions {
      width: 40%;
   }
   /* .submenu-science-disciplines {
      width: 100%;
   } */
   .mega-dropdown.navigation-intent:hover .mega-menu,
   .mega-dropdown.navigation-intent a:hover+.mega-menu {
      display: block;
   }
   .mega-menu {
         position:absolute;
   }

   .mega-menu ul.dropdown-menu-row {
      display:inline-flex!important;
      flex-wrap: wrap;
   }

   /*
   .mega-menu ul.dropdown-menu-row {
      display: table!important;
   }
   .mega-menu ul.dropdown-menu-row li {
      display: table-cell;
      vertical-align: top;
   }
   */

   .mega-menu ul.dropdown-menu-row {
      display: flex!important;
   }
   .mega-menu ul.dropdown-menu-row li {
      vertical-align: top;
   }

   ul.navbar-podaac-nav li.leaf:nth-child(3) ul.dropdown-menu-row {
      justify-content: space-evenly;
   }

   ul.navbar-podaac-nav li.leaf:nth-child(2) ul.dropdown-menu-row {
      display:inline-flex!important;
      flex-wrap: wrap;
   }
   ul.navbar-podaac-nav li.leaf:nth-child(2) ul.dropdown-menu-row li {
      display: inline-block;
   }

   ul.navbar-podaac-nav li.leaf:nth-child(3) ul.dropdown-menu-row {
      justify-content: flex-start;
      align-content: flex-start;
      padding-top:15px;
      padding-bottom: 15px;
      box-sizing: border-box;
   }   
   ul.navbar-podaac-nav li.leaf:nth-child(3) ul.dropdown-menu-row .dropdown-menu-column {
      padding: 5px 22px;
      box-sizing: border-box;
   }

   .dropdown-menu-column .menu-item-wrapper {
      display: block;
   }
   .mega-menu a.label {
      padding-bottom: 10px;
      border-bottom: 1px solid #77bbff;
   }
   .menu-item-wrapper {
      padding-top: 10px;
   }
   .menu-item-wrapper a img {
      display: inline-block;
      height: 5vh;
   }

   .menu-item-wrapper .discipline-name {
      float: right;
      color: #fff;
      margin-top: 0px;
      padding-right: 1em;
      padding-left: 1em;
   }
   .submenu-measurements ul {
      columns: 1;
   }
   .submenu-missions ul {
      columns: 2;
   }
 }
@media (max-width:767px){
   .navbar-podaac-nav > li > a,
   .mega-menu a.label {
      text-transform: none;
   }
	.navbar-podaac-nav {
		min-height: 58px;
		background-color: #1d3a5f;
		width: 100%;
	}
   #navigation .navbar-podaac-nav li {
      border-top: 1px solid #5874a2;
      line-height: 3.4em !important;
   }
   #navigation .navigation-toggle { margin-right: 10px;}
   #navigation .navigation-toggle.active { margin-right: 13px;}
	.navbar-podaac-nav > li > a{
      width:100% ;
      padding-left: 10px;
/*	    display:none ;*/

	}
	.navbar-podaac-nav > li{
      width:100%;
      text-align: left!important;
      line-height: 25px;
	}
	.display.navbar-podaac-nav > li > a{
	  display:block ;
	  	padding: 20px 22px;
	}

   .mega-menu {
		position:relative;
   }
}
@media all and (min-width: 768px)  and (max-width: 900px) {
   .menu-item-wrapper a img {
      height: 3vh;
   }
}
@media all and (min-width: 768px)  and (max-width: 1224px) {
   .page-frontpage .mega-menu {
      margin-top: -5px;
   }
}
@media all and (min-width: 900px) {
   .menu-item-wrapper .discipline-name {
      margin-top: 10px;
   }
}
@media all and (min-width: 1000px) {
   .dropdown-menu-column.submenu-science-disciplines {
      padding-right: 0px;
      padding-left: 20px;
   }
}
@media all and (min-width: 1210px) {
   .submenu-measurements,
   .submenu-missions {
      width: 40%;
   }
   .mega-menu ul.dropdown-menu-row {
      flex-wrap: nowrap !important;
   }
   .submenu-measurements ul {
      columns: 2;
   }
   .submenu-missions ul {
      columns: 3;
   }
}

@media all and (min-width: 768px)  and (max-width: 1209px) {
   .submenu-about-us {
      width:30%;
      align-self: start;
   }
   .submenu-news {
      width: 30%;
      margin-top: -302px;
      align-self: start;
   }
}
@media all and (min-width: 1210px) {
   .submenu-about-us {
      width:20%;
      align-self: start;
   }
   .submenu-news {
      width: 20%;
      margin-top: 0px;
      align-self: start;
   }
}

a.toggle-menu{
   position: absolute;
   right: 0px;
   padding: 20px;
   background-color: #ccc;
   color: #23364B;
   top: 0px;
}

@media all and (max-width: 767px) {
   .clearfix:after {
      display: none;
   }
}