You should know about the box model. See the box model here
. The box model says that whatever you put inside an element cannot be larger than that element. margin/padding/border all count when figuring width/height.
Your .entry-content is 68.9% the width of it's parent.
To fit four .product-box's side by side, .entry-content would have to be 1176px wide.