To add your own custom CSS classes to the navigation menu items you need to go to Appearance -> Menus.
In the top right corner of the screen you will see “Screen Options”
Open the Screen Options drop down and select the CSS Classes box to turn this option on.
You will now see CSS Classes (optional) available under each menu item.
Add your custom classes to the menu item you choose.