# in terminal:
ENV{ID_FS_USAGE}=="filesystem", ENV{UDISKS_FILESYSTEM_SHARED}="1"

#################################
#      or enter  below          #
echo 'ENV{ID_FS_USAGE}=="filesystem", ENV{UDISKS_FILESYSTEM_SHARED}="1"' | \
#then enter this line and give your sudo password
sudo tee -a /etc/udev/rules.d/99-udisks2.rules 

# if reload is needed:
sudo udevadm control --reload

 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {...}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}

function applyMediaQuery(selector, maxWidth) {
  const elements = document.querySelectorAll(selector);

  function updateClasses(mediaQuery) {
    elements.forEach((item) => {
      if (mediaQuery.matches) {
        item.classList.add('mobile');
      } else {
        item.classList.remove('mobile');
      }
    });
  }

  const mediaQuery = window.matchMedia(`(max-width: ${maxWidth}px)`);

  // Initial check
  updateClasses(mediaQuery);

  // Listen for changes
  mediaQuery.addEventListener('change', updateClasses);

  return elements;
}

// Usage
applyMediaQuery(".hero", 600);

@media (max-width: 960px) {
  .container {
    width: 700px;
  }
}
@media (max-width: 720px) {
  .container {
    width: 500px;
  }
}
@media (max-width: 540px) {
  .container {
    width: 300px;
  }
}