Windows 10 Responsive Container Problem

Site URL: https://bananastand.store/shop

Having a problem with a container created via Windows 10. Could someone help assist with apply Css for windows specific? The container ratio seems to be working fine via Android, Iphone, Mac. Not sure about Desktop via Windows. Not sure if there is a specific responsive css code?

.drawer-nav {
    z-index: 999999;
    width: 18.65rem;
  }
  .drawer--right .drawer-nav {
    right: -21.25rem;
  }
  .drawer--right.drawer-open .drawer-hamburger {
      right: 18.25rem;
  }
  .drawer.drawer--right button.drawer-toggle {
      display: none;
  }
  .drawer.drawer--right.drawer-close button.drawer-toggle {
      display: none;
  }
  .drawer.drawer--right.drawer-open button.drawer-toggle {
      display: block;
  }
  @media only screen and (max-width: 1500px) {
      .drawer--right.drawer-open .drawer-hamburger {
      right: 0.25rem;
  }

I think the code needs an overflow hidden in the html?

html {

-ms-overflow-style: -ms-autohiding-scrollbar;

} 

not to sure what the exact codes would be.