.demo-or {
  padding: 15px;
  margin: 10px 0;
  border: 2px solid #ddd;
  border-radius: 5px;
  background: #fff;
}

@media screen and (max-width: 500px), screen and (min-width: 1200px) {
  .demo-or {
    background-color: #e8f5e8;
    border-color: #28a745;
  }
  .demo-or::before {
    content: "✓ OR condition met: Small mobile OR large desktop";
    display: block;
    color: #28a745;
    font-weight: bold;
    margin-bottom: 10px;
  }
}