body {
}
/* --------------------------------------------------
   MAIN NAVBAR STYLING
-------------------------------------------------- */
.navbar-default {
    background-color: #f8f9fa;
    border-color: none;
    border-top: none;
    height: auto !important;
    position: relative;
    z-index: -1 !important;
}

/* Keep navbar on a single line (stops 2-line issue on MacBook Air) */
.navbar {
    white-space: nowrap !important;
    
}

/* --------------------------------------------------
   NAV LINKS
-------------------------------------------------- */
/*.navbar-default .navbar-nav > li > a {
    color: #212529;
    padding: 15px 20px;
    display: block;
    font-size: 15px;
}*/

    /*.navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > .active > a {
        background: #e4e6e7;
        color: #000;
    }*/

/* Make nav items clickable (very important) */
/*.navbar-nav > li {
    position: relative;
    z-index: 9999 !important;
}*/


/*.dropdown-menu,
.mega-menu {
    position: absolute !important; 
    top: 100%;
    left: 0;
    z-index: 10000 !important; 
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px 20px;
    min-width: 250px;
}*/

/* Mega menu wide layout */
/*.mega-menu {
    width: 600px;
    white-space: normal !important; 
}*/

/* --------------------------------------------------
   FIX WHEN NAVBAR IS FIXED
-------------------------------------------------- */
/*.navbar-fixed,
.navbar-fixed-top {
    position: fixed !important;
    width: 100%;
    top: 0;
    z-index: 9999 !important;
}*/

/* --------------------------------------------------
   RESPONSIVE FIXES FOR SMALLER LAPTOPS (MacBook Air)
-------------------------------------------------- */
@media (max-width: 1440px) {
    .navbar-default .navbar-nav > li > a {
        padding: 12px 0px;
        font-size: 12px;
        z-index: -1 !important;
    }

    .mega-menu {
        width: 500px;
    }
}

@media (max-width: 1280px) {
    .navbar {
        white-space: normal; 
    }

    .navbar-nav > li {
        display: inline-block;
    }

    .mega-menu {
        width: 450px;
    }
}
/*@media (min-width: 601px) and (max-width: 1024px) {

    .mega-menu-container {
        flex-wrap: wrap !important;
    }

    .column, .column1 {
        width: 100% !important;
    }

    .nav-container a {
        font-size: 14px;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 12px 0px;
        font-size: 12px;
    }
}
@media (min-width: 1025px) {
    .nav-container {
        flex-wrap: nowrap !important;
        white-space: nowrap !important;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 12px 0px;
        font-size: 12px;
    }
}


@media (min-width: 1367px) {
    .nav-container a {
        font-size: 15px;
        padding: 12px 18px;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 12px 0px;
        font-size: 12px;
    }
}


@media (min-width: 1800px) {
    .nav-container a {
        font-size: 12px;
        padding: 14px 22px;
    }
    .navbar-default .navbar-nav > li > a {
        padding: 12px 0px;
        font-size: 12px;
    }
}*/