I have a problem with my centered logo. I used the following code to put my logo to center and top of page,

#header .top-logo img {

max-width: 100%;
height: auto;
margin: 0px 0px 10px 147px;

But beacuse of every screen has different inches, it looks centered only on my computer and the other computers have same screens sizes like me. How can i set it on center for all devices?

Thanks in advance!