/* Sticky Ad Base */
.sticky-ad {
  position: fixed;
  top: 230px;
  z-index: 9999;
}

.sticky-ad-left {
  left: 20px;
}

.sticky-ad-right {
  right: 20px;
}

/* Ad Box Styling */
.ad-box {
  width: 150px;
  height: 800px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  text-align: center;
  line-height: 600px;
  font-weight: bold;
  font-size: 14px;
  color: #333;
  overflow: hidden;
}

/* Tablet adjustments */
@media (max-width: 1024px) {
  .sticky-ad {
    width: 10px;
    top: 180px;
  }

  .ad-box {
    width: 140px;
    height: 600px;
    line-height: 400px;
  }
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .sticky-ad {
    position: static;   /* No sticky on mobile */
    width: 100%;
    margin: 10px auto;
    text-align: center;
  }

  .ad-box {
    width: 100%;
    height: auto;
    line-height: normal;
    padding: 10px;
  }
}