.offers-christmas-container { width: 100%; position: relative; }
.offers-christmas-container p { text-align: center; letter-spacing: 1px; margin: 0px 5px 30px; clear: both; }
.offers-logo { position: absolute; top: 0px; left: 0px; width: auto; }
.offers-christmas-container p.offers-christmas-browse-by { text-align: center; background: rgb(255, 210, 4); padding: 0px; display: block; margin: 0px auto 20px; color: rgb(255, 255, 255); font-size: 16px; transform: rotate(-2deg); }
.offers-christmas-container p.offers-christmas-browse-by span { display: block; transform: rotate(2deg); background: rgb(40, 189, 179); padding: 5px; color: rgb(255, 255, 255); }
.offer-of-the-day { width: 100%; margin-bottom: 20px; }
.offers-christmas-container img[src$="star.png"] { margin-left: -20px; display: inline-block; }
.offers-christmas-link { margin: 0px 0% 5px 0px; padding: 0px; width: 25%; float: left; text-align: center; position: relative; overflow: visible; }
.row-of-five .offers-christmas-link { width: 20%; }
.offers-christmas-link a { font-size: 14px; display: block; width: 100%; height: auto; text-decoration: none; margin: 3px auto 11px; padding: 0px; color: rgb(0, 0, 0); background: none; overflow: visible; position: relative; line-height: 110%; font-weight: bold; }
.offers-christmas-link a span.christmas-deal { display: block; font-weight: normal; background: rgb(198, 11, 22); padding: 3px; color: rgb(255, 255, 255); margin: 4px auto 10px; line-height: 130%; width: 93%; border-radius: 10px; }
.offers-christmas-link a b { display: block; clear: both; color: rgb(198, 11, 22); }
.offers-christmas-link a img { border: 0px; padding: 0px; margin: 0px auto 5px; width: 94%; height: auto; display: block; outline: rgb(204, 204, 204) solid 1px; }
.offers-christmas-link a img.specialofferlink {width: 30%;position: absolute;top: -16px;right: -4px;outline: none;z-index: 1;background: none !important;}
.offers-christmas-link a img.specialofferlink:hover { opacity: 1; }
.offers-christmas-link a img:hover { opacity: 0.8; }
.offers-christmas-bottomcontainer { margin-top: 10px; padding-bottom: 10px; width: 100%; float: left; }
.offers-christmas-bottomcontainer p { font-size: 13px; padding: 0px; margin: 19px 5px 0px; line-height: 155%; text-align: justify; }
@media only screen and (min-width: 768px) and (max-width: 919px) {
  .offers-logo { width: 35%; }
  .offers-christmas-link { min-height: 228px; }
  .offers-christmas-link a { font-size: 12px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .offers-logo { margin-bottom: -5px; width: 30%; }
}
@media only screen and (max-width: 479px) {
  .offers-christmas-container h3 { font-size: 14px; margin: 20px 0px !important; }
  .offers-logo { width: 35%; }
  .offers-christmas-container p { font-size: 11px; letter-spacing: 0px; margin: 0px; }
  .offer-of-the-day { width: 100%; }
  .offer-calendar { width: 100%; margin: 0px 0px 10px; }
  .offer-calendar img { width: 16%; margin: 0px 0.7% 1% 0px; }
  .offer-calendar img:nth-child(3n+3) { margin-right: 0.7%; }
  .offer-calendar img:nth-child(6n+6) { margin-right: 0%; }
  .offers-christmas-link { width: 49%; }
  .offers-christmas-link a { font-size: 11px; min-height: 215px; }
  .offers-christmas-link a span.specialofferlink { display: none; }
  .offers-christmas-link a b { font-size: 12px; }
}