/* Default (large screens and up) */
.responsive-fab {
  position: fixed;
  right: 7rem;
}

/* Small screens (phones) - max 576px */
@media (max-width: 576px) {
  .responsive-fab {
    right: 2rem;
  }
}

/* Medium screens (tablets) - between 576px and 768px */
@media (min-width: 577px) and (max-width: 768px) {
  .responsive-fab {
    right: 4rem;
  }
}

/* Large screens (desktops/laptops) - between 769px and 992px */
@media (min-width: 769px) and (max-width: 992px) {
  .responsive-fab {
    right: 4rem;
  }
}

/* Extra large screens (optional) */
@media (min-width: 993px) {
  .responsive-fab {
    right: 7rem;
  }
}