/* Default (reset any previous rounding) */

.responsive-rounded-right {
  border-radius: 0;
}

/* For small screens and smaller (≤ 767.98px) */

@media (max-width: 767.98px) {
  .responsive-rounded-right {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

/* For medium screens and larger (≥ 786px) */

@media (min-width: 768px) {
  .responsive-rounded-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
}