How to remove extra width in phone of a responsive website

I have been developing a website which is completely responsive. if you want you can visit the Website from your phone and scroll to the left/right to see the fact. But in phone it has a large width on the right. How to remove this extra empty width/margin? I think this is just because of the extra width/margin of the components which is larger than the body width. If that is the case, is there any shortcut way how I can hide/remove that extra empty width/margin.

margin: 0px; or overflow-x: hidden; are not working. Please any help, advanced thanks.