starlight Have changed this :
@media screen and (min-device-width: 768px) and (max-device-width: 992px) {.header-right .whatsnew{float: left !Important;margin-left: 4em !Important;}}
to
@media screen and (min-device-width: 600px) and (max-device-width: 992px) {.header-right .whatsnew{float: left !Important;margin-left: 4em !Important;}}
and the module positioning appears fine now after decreasing screen size on Chrome DevTools' Device Mode
Would suggest to kindly not go as per presumptions being shown by responsive design simulator by changing widths as these are primarily for emulating the output. Majorly, You can ensure to have your site viewed right for standard sizes which is of primary importance
Also, You may wish to check out this reference to know about standard sizes and their breakpoints as this wholly covers the varied screen sizes upto good extent