// Style to set the Gray Background on Mobile
.advertisement-rail,
.advertisement-mid-content,
.advertisement-MH {
  background-color: $color-site-bg;
  @media (max-width: $break-sm) {
    background-color: $color-ads-bg;
    margin-bottom: 20px;
    padding: 0;

    iframe:first-child {
      margin: 25px 0;
    }
  }
}

// Horoscope Homepage mid-content Adslot with Gray Background
#hero-wrapper-signs,
#hero-wrapper-types{
  background-color: $color-ads-bg;
  .advertisement-mid-content {
    background-color: $color-ads-bg;
  }
}

//For Adslot that are withing a col class which has margin left and right set to 15px
.advertisement-rail,
.advertisement-MH {
  @media (max-width: $break-sm) {
    margin-left: -15px;
    margin-right: -15px;
  }
}