Twenty Twelve remove space between wp-menu items

General CSS queries can be asked in general CSS forums such as;
https://csscreator.com/forum
https://www.cssforum.com.pk/
https://css-tricks.com/forums/
https://www.welovecss.com/
https://www.codingforums.com/

but this an issue regarding twenty twelve theme…that’s why I came here…and I am unable to sort it out that how is that space created in the theme. I was unable to find any code in the theme file which would have created that space between two menu items…That’s why I came here for help…

I have sorted it out…

I have problem with removing spaces between menu items too. Could you help me with my issue? How did you sorted it out ?

To change the margin look in the:
@media screen and (min-width: 600px) section

Change the 40px margin, that’s what causing the padding in the menu.

.main-navigation li {
margin: 0 40px 0 0;
margin: 0 2.857142857rem 0 0;
position: relative;