How to add Separators Between Pages Links in Blogger Dynamic View?

As you can see in our blog there is seperator between page links! The links in the header menu bar is as the template could accommodate several horizontal Pages links as well as external. Dynamic Template is Responsive, so it changes to drop down menu if the number of links increases!

Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS -->
Paste the code given below and SAVE (Apply to Blog)

#header
#pages:before{
border-left: 0px !important;
}
#header
.tabs li, .ss{
margin-left:0px !important;
padding-left: 10px !important;
padding-right: 5px !important;
border-left: 1px solid white;
}