#content-filter-grid { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; }
.deals { 
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 25px;
  width: 48.35%;
  display: flex;
}
.deals-box {
  width:  100%;
  border: solid 1px #bebebe;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.deals-box > .content {
  padding: 22px 20px 0;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.deals-box .brow {
  font: 600 14px/1.43 Lato,sans-serif;
  letter-spacing: 0.54;
  text-align: center;
  text-transform: uppercase;
  color: #7e6c5d;
  margin: 0 0 10px 0;
}
.deals-box .title {
  min-height: 105px;
  font: 600 26px/1.25 Poynter,Georgia,serif;
  letter-spacing: 0.46px;
  text-align: center;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.deals-box .title i {
  font: italic 600 26px/1.38 Poynter,Georgia,serif;
}
.deals-box .img-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 216px;
  width: 100%;
  margin-top: 7px;
}
.deals-box img {
  display: block;
  max-width: 165px;
  max-height: 216px;
}
/* .deals-box.pod-1a img, 
.deals-box.pod-1c img, 
.deals-box.pod-1d img, 
.deals-box.pod-3a img {
  max-width: 180px;
  width: 180px;
} */
.deals-box .img-container img + img {
    margin-left: 15px;
}
.deals-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 100%;
  max-width: 176px;
  margin: 24px auto 22px;
  font: 600 14px/normal Lato,sans-serif;
  letter-spacing: 0.5px;
  color: #000000;
  border: 1px solid #000000;
  text-transform: uppercase;
  text-decoration: none;
  padding-top: 1px;
}
.deals-box .expire {
  font: normal 14px/1.21 Lato,sans-serif;
  letter-spacing: 0.88px;
  color: #000000;
  margin-bottom: 15px;
}
.deals-box > .channel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 42px;
  background-color: #dddddd;
  text-align: center;
  font: bold 12px/normal Lato,sans-serif;
  letter-spacing: 1.5px;
  color: #000000;
  text-transform: uppercase;
}
.mbs-footnotes {
  width: 80%;
  margin: 0 auto;
  padding: 20px 4.25%;
  border: 1px solid transparent;
}
.mbs-footnotes ol li {
  font: 400 12px/18px Lato,sans-serif;
  margin-bottom: 8px;
  padding-left: 8px;
}

@media screen and (max-width: 1200px) {
  .deals-box img {
    max-width: 145px;
    max-height: 216px;
  }
/*  .deals-box.pod-1a img, 
  .deals-box.pod-1c img, 
  .deals-box.pod-3a img {
    max-width: 180px;
    width: 180px;
  }
  .deals-box.pod-1d img {
    max-width: 170px;
    width: 170px;
  } */
}

@media screen and (min-width: 700px) and (max-width: 1111px) {
/*  .deals-box.pod-1a .title, .deals-box.pod-5c .title {
    font: 600 21px/1.23 Poynter,Georgia,serif;
  } */
}

@media screen and (max-width: 1098px) {
  br.dt-only { display: none; }
  
  .deals { 
    margin: 0 0 19px 0;
  }
  .deals-box > .content {
    width: 100%
  }
  .html .deals-box > .brow {
    font: 500 14px/14px Lato,sans-serif !important;
  }
  .html .deals-box > .title {
    font: 600 16px/20px Poynter,Georgia,serif !important;
  }
  .html .deals-box > .title i {
    font: italic 600 16px/20px Poynter,Georgia,serif !important;
  }
  .html .deals-box > a {
    font: 600 14px/14px Lato,sans-serif !important;
  }
  .deals-box:nth-child(3n+3) {
    margin-right: 24px;
  }
  .deals-box:nth-child(even) {
    margin-right: 0;
  }
  .deals-box img {
    max-width: 144px;
    max-height: 216px;
  }
  /* .deals-box.pod-1a img, 
  .deals-box.pod-1c img, 
  .deals-box.pod-3a img {
    max-width: 160px;
    width: 160px;
    max-height: none;
  }
  .deals-box.pod-1d img {
    max-width: 140px;
    width: 140px;
    max-height: none;
  }
  .deals-box.pod-1d .img-container img + img {
    margin-left: 5px !important;
  } */
}

@media screen and (max-width: 900px) {
  .cp-filters-wrapper {
    padding: 0 2rem;
  }
  .landingPage .record-spotlight-header h2 {
    padding-right: 0.3rem !important;
    width: 77% !important;
}
  .landingPage .record-spotlight-header .see-all-link {
    padding-right: 0 !important;
    line-height: 1.25 !important;
    width: 23% !important;
  }
}

@media screen and (max-width: 767px) {
  .deals-box .img-container img { width: 100%; }
  .mbs-footnotes { width: 100%; }
  .mbs-footnotes ol { padding-left: 12px; }
}

@media screen and (min-width: 700px) and (max-width: 766px) {
  #content-filter-grid {
    padding: 0 3%;
  }
  .deals-box .title {
    font: 600 24px/1.23 Poynter,Georgia,serif;
  }
  .deals-box img {
    max-width: 120px;
    max-height: 179px;
  }
   /* 
.deals-box.pod-1a img, 
  .deals-box.pod-1c img, 
  .deals-box.pod-3a img {
    max-width: 160px;
    width: 160px;
  }
  .deals-box.pod-1d img {
    max-width: 125px;
    width: 125px;
  } */
}

@media screen and (max-width: 699px) {
  .deals { 
    width: 100%;
    margin: 0 0 19px 0;
  }
  .deals-box {
    width: 100%;
    margin-right: 0;
  }
  .deals-box .brow {
    margin: 0 0 5px 0;
  }
  .deals-box:nth-child(3n+3) {
    margin-right: 0;
  }
  .deals-box:nth-child(even) {
    margin-right: 0;
  }
  .deals-box .img-container {
    height: unset;
    max-height: 216px;
}
}

@media screen and (max-width: 480px) {
  .cp-filters-wrapper {
    padding: 0 0.88rem;
  }
  header > h1 {
    margin: 0 0 5px 0;
  }
  .record-spot-light-section .record-spotlight-header {
    padding: 0 0.3rem 0 1.1rem !important;
  }
}

@media screen and (max-width: 414px) {
  .deals-box .img-container { width: 100%; }
}

@media screen and (max-width: 375px) {
  .deals-box img {
      max-width: 120px;
      max-height: 179px;
  }
/*  .deals-box.pod-1a img, 
  .deals-box.pod-1c img, 
  .deals-box.pod-3a img {
    max-width: 180px;
    width: 180px;
    max-height: none;
  }
  .deals-box.pod-1d img {
    max-width: 125px;
    width: 125px;
  }
  .deals-box.pod-1d .img-container img + img {
      margin-left: 5px !important;
  } */
  .deals-box .img-container { min-height: 162px; }
  .deals-box a { margin: 13px auto 22px; }
  .deals-box .title { min-height: 50px; }
}


/* skinny-hero */
.skinny-hero {
  width: 100%;
  max-width: 1366px;
  margin: 0 auto;
}

@media screen and (min-width: 640px) and (max-width: 1419px) {
.skinny-hero  { 
  margin: 0 auto;
  /* padding: 0 2.5rem; */
}
}

@media screen and (max-width: 1049px) {
.skinny-hero {
  max-width: 100% !important;
}
}

.skinny-hero img {
  width: 100%;
  max-width: 1366px;
}
.skinny-hero {
  padding-top: 2.85rem;
  padding-bottom: calc(2.85rem + 25px);
}

@media screen and (max-width: 1419px) {
.skinny-hero {
  padding-top: 1.85rem !important;
  padding-bottom: calc(1.85rem + 25px) !important;
}
}

@media screen and (max-width: 1419px) {
.skinny-hero {
  padding-top: 1.85rem !important;
  padding-bottom: calc(1.85rem + 25px) !important;
}
}

@media screen and (max-width: 700px) {
.skinny-hero img {
  padding: 0 0px;
}
}

@media screen and (max-width: 480px) {
.skinny-hero {
  padding: 0 1rem;
  padding-top: 0.75rem !important;
  padding-bottom: calc(0.75rem + 19px) !important;
}
}

/* //end skinny-hero */



/* PCS styles */
.hp-promo-slide.promo-sm {
    padding: 10px 0 5%;
    margin: 0 37px 40px;
}
.hp-promo-slide.promo-sm::after {
    position: absolute;
    width: 100%;
    margin: 0;;
    height: 1px;
    background-color: #a1a2a1;
    bottom: 0;
    content: "";
}
.hp-promo-slide.promo-sm button.slick-prev {
    left: 43%;
}
.hp-promo-slide.promo-sm button.slick-next {
    right: 43%;
}
.hp-promo-slide.promo-sm ul.slick-dots {
    bottom: 29px;
}
.hp-promo-slide.promo-sm button.slick-next,.hp-promo-slide.promo-sm button.slick-prev {
    bottom: 4px;
}
.hp-promo-slide.promo-sm button.slick-arrow.slick-disabled::before {
    color: #ccc;
}
.promo-sm-item a {
    width: 100%;
    text-decoration: none;
}
.promo-sm-item a:focus,.promo-sm-item a:hover {
    font-weight: 400;
    color: #000;
    text-decoration: none;
}
.promo-sm-item a:hover .promo-sm-item-cta {
    font-weight: 700;
    color: #000;
    text-decoration: underline;
}
.promo-sm-item img {
    width: 100%;
    max-width: 100%;
    /* max-height: 313px; */
}
.promo-sm-item.slick-slide {
    margin: 0 .55%;
}
.promo-sm-item-text ul {
    list-style: none;
    margin: 0;
    padding: 0 .5% 0 0;
}
.promo-sm-item-text li {
    text-align: left;
}
li.promo-sm-item-msg1 {
    padding: 12px 1px;
    letter-spacing: .71px;
    font-family: Lato,san-serif;
    font-size: 16px;
    font-weight: 600;
    color: #21282d;
}
li.promo-sm-item-msg2 {
    padding: 0 1px 15px;
    font-size: 14px;
    line-height: normal;
    font-family: Lato;
    color: #21282d;
}
.promo-sm-item-cta {
    padding: 0 1px;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: normal;
    font-family: Lato;
    color: #000;
    text-decoration: underline;
}
@media screen and (min-device-width: 1024px) and (max-width:1023px) {
    html:not(.no-scaling) {
        min-width:unset;
    }
}
@media screen and (max-width: 1098px) {
    .hp-promo-slide.promo-sm {
        max-width: 1024px;
        margin: 0 37px 40px;
    }
    .promo-sm-item {
        width: 318px;
    }
    li.promo-sm-item-msg1 {
        font-size: 15px;
        letter-spacing: .57px;
        font-weight: 600;
    }
    li.promo-sm-item-msg2 {
        font-size: 12px;
        line-height: 1.6;
    }
}

@media screen and (max-width: 1089px) {
.promo-carousel {
    padding: 0 2.5rem;
}
}

@media screen and (min-width: 1024px) and (max-width:1070px) {
    .promo-sm-item img {
        min-width: 301px;
    }
}
@media screen and (min-width: 965px) {
    .hp-promo-slide.promo-sm:not(.slick-slider) {
        display: flex;
        overflow-x: scroll;
        margin: 0 0 40px;
        padding: 5px 32px 23px;
    }
    .hp-promo-slide.promo-sm:not(.slick-slider) .promo-sm-item {
        flex-shrink: 0;
        margin-right: 17px;
        width: 318px;
    }
}
@media screen and (max-width: 964px) {
    .promo-carousel {
        padding: 0 2.5rem;
    }
    .hp-promo-slide.promo-sm {
        display: flex;
        overflow-x: scroll;
        margin: 0 0 40px;
        padding: 5px 32px 23px;
    }
    .hp-promo-slide.promo-sm::after {
        left: 0;
    }
    .promo-sm-item {
        width: 318px;
        flex-shrink: 0;
        margin-right: 17px;
    }
    .promo-sm-item img {
        width: 318px;
        max-height: 234px;
    }
    .promo-sm-item-text ul {
        padding: 0 5% 0 0;
    }
    li.promo-sm-item-msg1 {
        padding-bottom: 10px;
    }
    li.promo-sm-item-msg2 {
        padding: 0 1px 7px;
        font-size: 12px;
    }
}
@media screen and (max-width: 900px) {
.promo-carousel {
    padding: 0 !important;
}
}
@media screen and (max-width: 600px) {
    .hp-promo-slide.promo-sm {
        max-width: 600px;
        padding: 5px 0 23px 16px;
        margin: 0 0 40px;
    }
    .hp-promo-slide.promo-sm:after {
        width: calc(100% - 32px);
        margin: 0 16px;
    }
    .hp-promo-slide.promo-sm button.slick-next,.hp-promo-slide.promo-sm button.slick-prev {
        top: 234px;
    }
    .promo-sm-item.slick-slide {
        margin: 0 8px;
    }
    .promo-sm-item {
        width: 301px;
    }
    .promo-sm-item img {
        width: 301px;
        max-height: 224px;
    }
    .promo-sm-item-text ul {
        padding: 0;
    }
    .promo-sm-item.slick-slide .promo-sm-item-text {
        display: none;
    }
    .promo-sm-item.slick-slide.slick-current.slick-center .promo-sm-item-text {
        display: block;
    }
    li.promo-sm-item-msg1 {
        font-size: 15px;
        letter-spacing: 0.64px;
        padding: 12px 10% 5px;
        text-align: center;
    }
    li.promo-sm-item-msg2 {
        padding: 0 10% 8px;
        text-align: center;
    }
    li.promo-sm-item-cta {
        text-align: center;
    }
}

@media screen and (max-width: 366px) {
    .hp-promo-slide.promo-lg button.slick-prev,.hp-promo-slide.promo-sm button.slick-prev {
        left: 2%;
    }
    .hp-promo-slide.promo-lg button.slick-next,.hp-promo-slide.promo-sm button.slick-next {
        right: 2%;
    }
    li.promo-lg-item-msg1 {
        padding: 20px 12% 5px;
    }
}
@media screen and (max-width: 359px) {
    .hp-promo-slide.promo-lg button.slick-prev,.hp-promo-slide.promo-sm button.slick-prev {
        left: 0;
    }
    .hp-promo-slide.promo-lg button.slick-next,.hp-promo-slide.promo-sm button.slick-next {
        right: 0;
    }
    .hp-promo-slide.promo-sm {
        padding: 0 0 23px;
    }
    .promo-sm-item {
        margin-right: 10px;
    }
}

/* NEW PCS (NO TEXT) -------------------------------------- */
.hp-promo-slide.promo-sm.promo-sm-notext {
    overflow: visible;
    /* width: 93%; */
    width: 100%;
    padding: 18px 0 10px 0 !important;
    margin: 0 auto 35px auto;
}
.hp-promo-slide.promo-sm.promo-sm-notext ul.slick-dots {
    display: none !important;
}
.hp-promo-slide.promo-sm.promo-sm-notext button.slick-next,
.hp-promo-slide.promo-sm.promo-sm-notext button.slick-prev {
    bottom: 50%;
    width: 25px;
    height: 0;
    color: transparent;
}
.hp-promo-slide.promo-sm.promo-sm-notext button.slick-prev {
    left: -25px;
}
.hp-promo-slide.promo-sm.promo-sm-notext button.slick-next {
    right: -25px;
}
.hp-promo-slide.promo-sm.promo-sm-notext::after {
    display: none;
}
.hp-promo-slide.promo-sm.promo-sm-notext button.slick-next::before,
.hp-promo-slide.promo-sm.promo-sm-notext button.slick-prev::before {
    background-color: transparent;
    width: 25px;
    left: 0;
    top: 0;
}
.hp-promo-slide.promo-sm.promo-sm-notext button.slick-next::after,
.hp-promo-slide.promo-sm.promo-sm-notext button.slick-prev::after {
    width: 25px;
    height: 0;
}
.hp-promo-slide.promo-sm.promo-sm-notext .slick-list {
    overflow: hidden;
}
.hp-promo-slide.promo-sm.promo-sm-notext .promo-sm-item:first-of-type {
    margin-left: 0;
}
.hp-promo-slide.promo-sm.promo-sm-notext .promo-sm-item:last-of-type {
    margin-right: 0;
}

@media screen and (max-width: 1098px) {
.hp-promo-slide.promo-sm.promo-sm-notext .promo-sm-item img {
    max-height: unset;
}
}

@media screen and (max-width: 900px) {
    .hp-promo-slide.promo-sm.promo-sm-notext:not(.slick-slider) {
      display: flex;
      overflow-x: scroll;
      /* margin: 0; */
      margin: 0 auto 50px auto;
      /* padding: 5px 32px 23px; */
      padding: 10px 0 0 0 !important;
      width: 100%;
    }
    .hp-promo-slide.promo-sm.promo-sm-notext:not(.slick-slider) .promo-sm-item {
        margin-right: 17px;
        width: unset;
    }
    .hp-promo-slide.promo-sm.promo-sm-notext:not(.slick-slider) .promo-sm-item:first-of-type {
        margin-left: 17px;
    }
    .hp-promo-slide.promo-sm.promo-sm-notext:not(.slick-slider) .promo-sm-item:last-of-type {
        margin-right: 17px;
    }
}

@media screen and (max-width: 600px) {
    .hp-promo-slide.promo-sm.promo-sm-notext:not(.slick-slider) {
        padding: 5px 16px 23px;
      }  
}

@media screen and (max-width: 480px) {
    .hp-promo-slide.promo-sm.promo-sm-notext:not(.slick-slider) {
        margin: 15px auto 33px auto;
    }
    .hp-promo-slide.promo-sm.promo-sm-notext:not(.slick-slider) .promo-sm-item:first-of-type {
        margin-left: 14px;
    }
    .hp-promo-slide.promo-sm.promo-sm-notext:not(.slick-slider) .promo-sm-item:last-of-type {
        margin-right: 14px;
    }
    .hp-promo-slide.promo-sm.promo-sm-notext:not(.slick-slider) .promo-sm-item:first-of-type {
        margin-left: 13px;
    }
    .hp-promo-slide.promo-sm.promo-sm-notext:not(.slick-slider) .promo-sm-item:last-of-type {
        margin-right: 14px;
    }
    .hp-promo-slide .promo-lg-item {
        width: 318px;
        height: 254px;
    }
    .hp-promo-slide .promo-lg-item:last-of-type {
        margin-right: 14px;
    }
    .hp-promo-slide.promo-lg {
        margin-left: 13px;
    }
}

@media screen and (max-width: 400px) {
    .hp-promo-slide .promo-lg-item {
        width: 318px;
        height: 225px;
    }
    .hp-promo-slide.promo-sm:not(.slick-slider) .promo-sm-item {
        height: unset;
    }
}