/* Override Global Flexbox */
/* .flexbox #nav-horizontal > li {
    display: block; -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flexbox #nav-horizontal > li:first-child,
.flexbox #nav-horizontal > li:last-child {
    -webkit-box-flex: 1; -moz-box-flex: 1;
    box-flex: 1; -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; 
} */

@media screen and (min-width: 768px) {
    
    #nav-horizontal,
    .flexbox #nav-horizontal { display: table; }
    
    #nav-horizontal > li,
    .flexbox #nav-horizontal > li { display: table-cell; padding: 0 15px; vertical-align: middle;}
    
    #nav-horizontal > li:first-child,
    .flexbox #nav-horizontal > li:first-child,
    #nav-horizontal > li:last-child,    
    .flexbox #nav-horizontal > li:last-child {
        padding: 0;
    }

    /* Add special underline effect */
    #nav-horizontal > li > a:after { display: block !important;}
}

@media screen and (min-width: 768px) and (max-width: 900px) {
 
    #nav-horizontal > li {
        text-align: center !important;
        padding: 0 10px !important;
    }
    
    #nav-horizontal > li:first-child {
        padding-left: 0 !important;
    }
    #nav-horizontal > li:last-child {
        padding-right: 0 !important;
    }    
}