Defining the Media Query and after that giving css style to stop overflow-x but in output it takes the css style, still overflow-x scroll is visible?

Question

Responsive Issues Some of containers are overflowed horizantally in some media queries and I wanted to avoid it by defining the Media Query and after that giving css style to stop overflow-x but in output it takes the css style, still overflow-x scroll is visible then I checked all the container to see which contianer is overflowed but no containers were overlfowed. Main container has the max-width = 140rem; every small container has the max-width =120rem;

look to this photo which is the footer side of web, and you can see that a very small space appeared beside the footer

body {
  background-color: #000; 
  font-family: "Work Sans", sans-serif;
  overflow-x: hidden;
}

I used overflow-x to hidden but the whitespace in right side still visible, which is extra