#live-container { 
      display: none; 
      margin-bottom: 20px; 
    }
    #live-video { 
        width: 100%;
        max-width: 800px; 
        float: left; 
    }
    #live-chat {
        width: 100%; 
        max-width: 400px; 
        float: left;
        margin-left: 20px; 
    }
    #static-content {
        clear: both;
    }
    .live-indicator::before {
        content: "🔴 LIVE NOW"; 
        color: red; 
        font-weight: bold; }
    @media (max-width: 1200px) {
        #live-chat { 
            margin-left: 0; 
            margin-top: 20px; 
        } 
    }
    @media (max-width: 800px) {
        #live-video, #live-chat { 
            max-width: 100%; 
        } 
    }
/* for live noticing */

.live-notice-link {
  color: red;
  font-weight: bold;
  text-decoration: none;
  animation: flash 1s infinite;
  padding: 10px;
  display: inline-block;
}
@keyframes flash {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* #live-notice {
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 1000;
} display top right no navbar
  */