.nav > li { display:inline-block;}
.nav > li > a:hover { color:#3fc7d8}
.mega-menu { width:15%; text-align:left; background:#46494e; transition:all .3s ease .15s; visibility:hidden; padding:25px 30px 20px; position:absolute; z-index:99;}
li:hover>.mega-menu { text-align:left; opacity:1; overflow:visible; visibility:visible;}
.mega-menu .nav-row { width:100%; float:left;}
.mega-menu .nav-column:first-child { margin-left:0;}
.mega-menu .nav-column { width:100%; float:left; margin-left:3%;}
.mega-menu .nav-column ul li a { padding-left:0 !important;}
.mega-menu .nav-column ul li a:hover { color:#000;}
.mega-menu .highlight { color:#2196f3}

@media screen and (min-width:768px) and (max-width:900px) {
.mega-menu .nav-column ul li a { font-size:14px;}
}