/* Tablet (max 1024px) */
@media(max-width:1024px){
  .caption {
    font-size: 16px;
    left: 50px;
    top: 15px;
    padding: 6px 12px;
  }
  .caption.last-slide {
    width: 80%;
    height: auto;
    font-size: 18px;
    padding: 15px;
  }
  .caption.last-slide img {
    width: 70px;
  }
  .popunder {
    width: 80%;
    height: auto;
    padding: 20px;
  }
  .popunder p {
    font-size: 16px;
  }
  .bottom-bar {
    padding: 0 20px;
  }
  .bottom-bar .logo-left {
    height: 50px;
  }
  .bottom-bar .gold-btn {
    font-size: 16px;
    padding: 10px 20px;
  }
}

/* Mobile (max 768px) */
@media(max-width:768px){
  .main-display { height: 250px; }
  .caption {
    font-size: 14px;
    left: 20px;
    top: 10px;
  }
  .caption.last-slide {
    width: 90%;
    font-size: 16px;
  }
  .caption.last-slide img {
    width: 60px;
  }
  .popunder h2 { font-size: 18px; }
  .popunder p { font-size: 14px; }
  .thumb img {
    width: 90px;
    height: 60px;
  }
  .bottom-bar {
    flex-direction: column;
    height: auto;
    padding: 15px;
    gap: 10px;
  }
  .bottom-bar .logo-left {
    height: 45px;
  }
  .bottom-bar .gold-btn {
    font-size: 14px;
    padding: 8px 15px;
  }
}

/* Small Mobile (max 480px) */
@media(max-width:480px){
  .main-display { height: 180px; }
  .caption {
    font-size: 12px;
    padding: 4px 8px;
  }
  .caption.last-slide {
    font-size: 14px;
    padding: 10px;
  }
  .caption.last-slide img {
    width: 50px;
  }
  .thumb img {
    width: 70px;
    height: 50px;
  }
  .popunder {
    width: 90%;
    padding: 15px;
  }
  .popunder h2 { font-size: 16px; }
  .popunder p { font-size: 12px; }
  .bottom-bar .logo-left {
    height: 40px;
  }
  .bottom-bar .gold-btn {
    font-size: 12px;
    padding: 6px 12px;
  }
}