On resizing browser, the width on the browser is different than applied to canvas tag . for eg. If width of the browser is 975px, on the canvas tag it shows 992px. I actually dont know how the canvas tag is being added. But due to this, my media queries are not working properly for eg If I have @media (min-width: 992px) {..}, it gets fired off when I browser width is 975px and ruins layout. Is there any way to solve the issue. Thank you