Fixes issue #696

[riteshsp2000]

Fixes #696

Changes:
The changes are mentioned in the issue #696
Along with those changes, some code factoring is done so that all the code related to responsiveness in the file main.css is in one place. Earlier the code for responsiveness of sidebar was way at the top of the file.

[limzykenneth]

@riteshsp2000 I'm a bit tied up at the moment to test it locally so bear with me while I find some time in the next few days to review this. In the meantime, can you revert the changes to reference.js and reference.js.map that is not related to this PR? Thanks.

[riteshsp2000]

yes, ill revert the changes. Actually, when I pulled for the upstream, the changes were automatically implemented in those files. I didn't understand them then which is why I made the pull request. I'll revert them back now.

[limzykenneth]

@riteshsp2000 You have deleted reference.js and reference.js.map from the repo in this PR, can you restore all changes to these files to match current master branch? Thanks.

[lmccart]

@riteshsp2000 I'm going to close this pull request so we can resolve the reference files issue. can you pull the latest from main, then create a new pull request adding only the files you've updated to make the change to resolve the issue? thanks!