/** Shopify CDN: Minification failed

Line 1973:0 Unexpected "}"

**/
/* Carousel Section */

/* cell number */
.hpb-carousel-cell {
  width: 100%; /* full width */
  height: 100%; /* height of carousel */
  margin-right: 10px;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  /*   color: inherit; */
}
/* .hpb-carousel-container {
  overflow: hidden;
} */
.hpb-carousel-container:not(.flickity-enabled)
  .carousel-cell:not(:first-of-type) {
  display: none;
}
/* flickity */

/* end of flickity */

.button-secondary {
  color: #fff;
  border: 1px solid #fff;
}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

.hpb-slider {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.hpb-slider.daily_mic {
  /* flex-direction: row-reverse !important; */
}
.slider-left {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.slider-left.treat {
  justify-content: right;
}
.slider-left-dsrs {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.slider-left.ff-container {
  justify-content: left;
}

.static-slider-left-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  color: #fff;
}

.static-slider-left-wrapper.dailyMic_wrapper {
  line-height: 70px;
}
.slw-3 {
  width: 90%;
  align-items: center;
}
.slider-left-desc.gift-hpb-title {
  font-family: "Big Caslon FB";
}
.slw-color-1 {
  background: #5b6770;
}
.bg-darkgray {
  background: #5b6770;
}
.slw-color-1-cs {
  background: #ee109c;
}
.slw-color-3 {
  background: #410099;
}

.static-banner-button {
  color: #fff;
  background-color: #5e93db;
  border: 1px solid #5e93db;
  height: 48px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  max-width: 450px;
  line-height: normal;
}
.static-banner-button.treat {
  color: #5b6770;
  background-color: #fff;
  border: 1px solid #fff;
}
.static-banner-button.treat:not(.disabled):hover {
  color: #fff;
  background-color: #5b6770;
  border: 1px solid #5b6770;
}
.static-banner-button.spotify-lp {
  background-color: #fff;
  border: 1px solid #fff;
  color: #5b6670;
  letter-spacing: 2px;
}

.button-hpb.gift-btn:not(.disabled):hover {
  color: #fff;
  background-color: #5b6770;
}

.static-banner-button:not(.disabled):hover {
  color: #5b6770;
  background-color: #fff;
  border: 1px solid #fff;
}

.button-hpb {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  height: 48px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1px;
  max-width: 450px;
}
.button-hpb:not(.disabled):hover {
  color: #5b6770;
  background-color: #fff;
  border: 1px solid #fff;
}

.slider-wrapper-2 {
  color: #d3ff56;
}
.sld-3a {
  color: #c19bdf;
}
.sld-3c {
  color: #fff;
}
.dsrs-title,
.dsrs-subhead {
  line-height: 115%;
}
.clarifying_bacne_title,
.fear_no_breakout_title {
  font-weight: bold;
  line-height: 100%;
  text-align: center;
}
.spring_banner_heading {
  line-height: 100%;
  margin-top: 0.3em;
}

.static-slider-left-wrapper.three-landing-page {
  gap: 30px;
}
.slider-wrapper-2 {
  color: #d3ff56;
  display: flex;
  height: 100%;
  flex-direction: column;
  font-weight: 900;
  justify-content: end;
  padding-bottom: 35px;
  text-shadow: 0 0 0px #000, 0 0 10px #000;
}
.slide-one-video-banner {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/* .slide-three-cs {
  width: 100%;
  background-image: url("https://cdn.shopify.com/s/files/1/0420/7683/1896/files/cs_mobile_489e32f5-a8be-494d-adca-b1654983fb38.jpg?v=1673047627") !important;
  background-size: 100% 100%;
  background-repeat: no-repeat;
} */
.hpb-slider.clarifying_bacne {
  background-color: #fb637e;
}

.hpb-slider img.img_half_banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hpb-slider img.img_desktop_banner {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-right img.img_mobile_banner {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hpb-slider.courteney img {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-right.courteney img {
  position: relative;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.clarifying_bacne_span_wrapper {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.clarifying_bacne_span_wrapper.bacne_badge {
  position: relative;
  text-align: center;
  font-style: italic;
  font-size: 2rem;
  color: #fb637e;
  width: 60px;
  height: 60px;
  background-image: url(https://cdn.shopify.com/s/files/1/0420/7683/1896/files/badge300px.png?v=1685482516);
  background-size: contain;
  background-repeat: no-repeat;
  justify-content: center;
}

.static-banner-button.three-landing-page-desc {
  margin-top: 0px;
}
.static-slider-left-desc.three-landing-page-bottom-heading {
  line-height: 1em;
}
.slider-left-desc.three-landing-page-desc {
  line-height: 1.1em;
}

.slider-left-desc.gift-subdesc {
  font-weight: 300;
}
.slider-left-desc.gift-subhead {
  font-weight: 600;
  letter-spacing: 0.1em;
}
.button-hpb.gift-btn {
  background: #fff;
  color: #5b6770;
  font-weight: 600;
}
button.button-hpb.gift-btn.clarifying_bacne {
  background: #d3ff56 !important;
  color: #fb637e !important;
  border: none;
}

.button-hpb.gift-btn.courteney {
  background: #5b6770;
  color: #fff;
  letter-spacing: 0.2em;
  border: 1px solid #5b6770;
  line-height: 20px;
  height: 48px !important;
}
.button-hpb.gift-btn.holiday {
  background: #fff;
  color: #5b6770;
  letter-spacing: 0.2em;
  /* border: 1px solid #5b6770; */
  line-height: 20px;
  height: 48px !important;
}
.slider-left-desc.gift-subdesc.dsrs-subdesc.courteney {
  margin: 15px auto;
}
.slider-left-desc.clarifying_bacne_desc {
  text-align: center;
}

.static-slider-left-wrapper #ff-1 {
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.slider-left-desc.ff-subtitle {
  font-weight: 600;
  letter-spacing: 0.1em;
  text-align: center;
}
.slider-left-desc.ff-title {
  font-weight: 300;
  text-align: center;
}
.slider-left-desc.ff-desc {
  font-weight: 300;
  text-align: center;
}
.button-hpb.button-ff {
  background-color: #5e93db;
  color: #fff;
  font-weight: bold;
  border: none;
  letter-spacing: 2px;
  width: 100%;
}

.responsive-video-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
}
.responsive-iframe-rc {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
/* Promo Block Section */

.section-promo-grid-container {
  width: 100%;
  height: 330px;
  /* background: pink; */
  display: flex;
  align-items: center;
}
.pg-wrapper {
  width: 100%;
  max-width: 1500px;
  height: 100%;
  margin: 0 auto;
  padding-top: 36px;
  /* background: white; */
  display: flex;
  flex-direction: row;
}
.block-pg-block {
  width: 50%;
  height: 100%;
  /* background: blue; */
  align-items: center;
  align-content: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}
.block-pg-heading {
  color: #ffff;
}
.block-pg-heading.b2 {
  margin-left: 10px;
}
.block-pg-content {
  width: 70%;
  margin: 0 auto;
  padding-left: 12%;
}
.block-pg-desc {
  color: #ffff;
}
.block-pg-block.bg-1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
    url("https://cdn.shopify.com/s/files/1/0420/7683/1896/files/986722398_eComm_-_Dec_2022_-_Dynamic_Skin_Retinol_Serum_Launch_Site_Grid-V1.jpg?v=1671649014");
  background-size: cover;
  background-repeat: no-repeat;
}
.block-pg-block.bg-1.phyto {
  background-image: none;
}
.block-pg-block.bg-2 {
  background-image: url("https://cdn.shopify.com/s/files/1/0420/7683/1896/files/986722398_eComm_-_Dec_2022_-_Dynamic_Skin_Retinol_Serum_Launch_Site_Grid-V2-2_3.jpg?v=1671479245");
  background-size: 100% 100%;
  align-items: flex-start;
  background-repeat: no-repeat;
}
.block-pg-content,
.block-pg-heading.b1,
.block-pg-desc.b2 {
  line-height: initial;
}

/* PHYTO NATURE */
.video-phyto {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 16 / 9;
}
.video-phyto.spf {
  object-fit: cover;
  height: 100%;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  aspect-ratio: 7/5;
}
.video-branding-mobile {
  aspect-ratio: 1 / 1;
}
.video-wrapper-desktop {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: end;
  height: 35vw;
}
.phyto-header {
  position: relative;
  color: white;
  /*   text-shadow: 1px 1px 8px 
  rgba(0,0,0,0.6); */
  width: 50%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
}

.branding_header {
  position: relative;
  color: white;
  /*   text-shadow: 1px 1px 8px 
  rgba(0,0,0,0.6); */
  width: 50%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  flex-wrap: wrap;
  align-content: center;
}

.branding_description {
  text-align: left;
  width: 75%;
}

.branding_button {
  letter-spacing: 0.15em;
  background: #fff;
  color: #5b6670;
  border: none;
}
button.branding_button:not(.disabled):hover {
  background: #5b6670;
  color: #fff;
  transition: 0.1s;
  border: none;
}
.subhead {
  line-height: 100%;
  margin-top: 0.5em;
}

.holiday-subhead {
  font-weight: 700;
  letter-spacing: 0.1em;
}
.holiday_kicker_desktop {
  margin-top: 1.2rem;
}
.slw-1a.holiday {
  display: flex;
  flex-direction: column;
}
.sub-text {
  font-size: 3rem;
  font-weight: 300;
}
.static-slider-left-desc.dailyMic_container {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.static-slider-left-wrapper.cleansingGel_wrapper {
  gap: 20px;
}

.bacne_review {
  font-size: 2.2rem;
  text-align: center;
  line-height: normal;
}
.bacne_review_two {
  font-size: 1.8rem;
  text-align: center;
}
.slwb-1.bacne_button_wrapper {
  width: 55%;
}
.bacne_desc {
  gap: 24px;
}
.bs_viewCollection {
  margin-top: 32px;
  color: #fff;
  border: 1px solid #fff;
  width: 300px;
  font-weight: 700;
  border-radius: 5px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.repair_icon {
  position: relative;
  bottom: 15px;
}
.bs_linkText {
  font-weight: 700;
  color: #d3ff56;
  font-size: 16px;
  margin-top: 15px;
}
.bestSeller_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #685bc7;
  padding: 32px;
}
.bestSeller_wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.bestSeller_block {
  width: 100%;
  max-width: 250px;
  height: 100%;
  max-height: 250px;
  border: 1px solid #d3ff56;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 32px 24px;
}
.bs_content_wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.bs_content_wrapper,
h2.bs_contentTitle {
  color: #fff;
}
h2.bs_contentTitle {
  font-weight: 700;
  font-size: 1.8rem;
}
p.bs_supportText {
  text-align: center;
  font-size: 15px;
}
.bs_img_wrapper {
  width: 100%;
  max-width: 65px;
  height: 55px;
}
.bestSeller_container.hpb-slider {
  margin-bottom: 0px !important;
}
.star_icon {
  width: 20px;
  fill: gold;
}
.star_wrapper {
  display: flex;
  flex-direction: row;
  gap: 10px;
}
@media (min-width: 768px) {
  .clarifying_bacne_title.clinicalResults_title {
    text-align: left;
  }
  .bestSeller_container {
    padding: 32px;
    height: auto !important;
    min-height: unset;
  }
  .bestSeller_wrapper {
    flex-direction: row;
  }
  .bacne_desc {
    gap: 8px;
  }
}
@media (min-width: 1024px) {
  .star_icon {
    width: 30px;
  }
  .bacne_desc {
    gap: 20px;
  }
  .bestSeller_container {
    padding: 64px;
  }
}
@media (min-width: 1600px) {
  .clarifying_bacne_span_wrapper {
    gap: 10px;
  }
  .bestSeller_block {
    max-width: 400px;
    max-height: 400px;
  }
  .bs_img_wrapper {
    max-width: 110px;
  }
  h2.bs_contentTitle {
    font-size: 4.8rem;
  }
  p.bs_supportText {
    font-size: 2.5rem;
  }
  .bs_linkText {
    font-size: 2.5rem;
  }
  .bs_img_wrapper {
    height: 170px;
  }
}
@media (max-width: 468px) {
  .hpb-slider.cs_hpb {
    flex-direction: column !important;
  }
  .hpb-slider.cs_hpb.bacne_banner {
    flex-direction: column-reverse !important;
    height: 630px !important;
  }
  .slwb-1.bacne_button_wrapper {
    margin-bottom: 30px;
  }
  .button-hpb.gift-btn.dsrs-btn.bacne_button {
    height: 42px;
  }
  .slider-left.cs_hpb.clearstart.cs_left {
    height: 65% !important;
  }
  .slide-one.clarifying_bacne.clearstart.cs_right {
    height: 35% !important;
  }
}
@media (max-width: 767px) {
  .bestSeller_container.hpb-slider {
    height: auto !important;
  }
  .bs_viewCollection {
    font-size: 12px;
    width: 230px;
  }
}
/* Styles for screens larger than or equal*/
@media screen and (min-width: 469px) {
  .disc-mobile {
    display: none;
  }
  .disc-desktop {
    width: 100%;
    height: 25%;
    display: flex;
    align-items: center;
  }
  .subhead {
    display: flex;
    flex-direction: column;
  }

  .hpb-slider.clarifying_bacne.clearstart {
    flex-direction: row-reverse;
  }
  .hpb-slider.slw-color-1.treat {
    background: none;
    flex-direction: row-reverse !important;
  }

  .hpb-slider.slw-color-1.spotify-lp {
    flex-direction: row-reverse;
    background: none;
  }
  .static-slider-left-desc.three-landing-page-bottom-heading {
    font-size: 2rem;
  }
  .slider-left-desc.three-landing-page-desc {
    font-size: 1rem;
  }

  .hpb-carousel-container,
  .hpb-slider {
    height: 35vw;
    min-height: 300px;
  }
  .hpb-slider.clarifying_bacne {
    position: relative;
  }
  .static-slider-left-desc {
    font-size: 26px;
    font-weight: 300;
  }
  .slider-left-desc {
    font-size: 26px;
    /* font-weight: 300; */
  }

  .slide-one-video-banner {
    /* width: 50%; */
    width: 100%;
    /* background-image: url("https://cdn.shopify.com/s/files/1/0420/7683/1896/files/930615073-eComm---Brand-Campaign-_SITE__HomepageBanner-Desktop_DoubleModel_Image.jpg?v=1659986024"); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .slide-one.stabilizing-cream {
    width: 60%;
  }

  .slide-one {
    width: 50%;
    /* background-image: url("https://cdn.shopify.com/s/files/1/0420/7683/1896/files/Face-Mapping_Desktop-Homepage-Banner-2-BackgroundOnly-rc.jpg?v=1658778256");
          background-size: 100% 100%;
          background-repeat: no-repeat; */
  }
  .slide-one.courteney.holiday_sliderTwo {
    width: 50%;
  }
  .slide-one.courteney {
    width: 50%;
  }
  .slider-right.slide-three.spotify-lp {
    background-image: none !important;
  }
  /* .slide-three-cs {
    width: 50%;
    background-image: url("https://cdn.shopify.com/s/files/1/0420/7683/1896/files/MicrosoftTeams-image_12_878ab903-b9d2-42cd-9c21-221be73ebccb.jpg?v=1672963720") !important;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  } */
  .button-hpb,
  .static-banner-button {
    margin-top: 40px;
    cursor: pointer;
  }
  .static-banner-button.dailyMic {
    margin-top: 0px;
  }

  .static-banner-button.branding_button {
    margin-top: 0px;
    line-height: normal;
  }

  .sld-3a {
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
  }
  .sld-3c {
    font-size: 16px;
    font-weight: 500;
    font-style: italic;
  }
  .slider-left-desc.ff-subtitle {
    font-size: 10px;
  }
  .slider-left-desc.ff-title {
    font-size: 21.44px;
  }
  .slider-left-desc.ff-desc {
    font-size: 11px;
  }
  .button-hpb.button-ff {
    max-width: 150px;
  }

  .button-hpb.gift-btn {
    margin-top: 20px;
  }
  .button-hpb.gift-btn.clarifying_bacne {
    margin-top: 0px;
  }
  .slider-left-desc.gift-subhead {
    font-size: 16px;
  }
  .slider-left-desc.gift-hpb-title {
    font-size: 40px;
  }
  .slider-left-desc.gift-subdesc {
    font-size: 19.2px;
  }
  .button-hpb.gift-btn {
    max-width: 150px;
  }
  .slider-left.stabilizing-cream {
    width: 40%;
  }

  .slider-left.width-50 {
    width: 50%;
  }
  .slider-left.clarifying_bacne {
    width: 50%;
  }
  /* .slide-bg-2.dynamic_skin_retinol {
    background-image: url(https://cdn.shopify.com/s/files/1/0420/7683/1896/files/986722398-eComm---Dec-2022---Dynamic-Skin-Retinol-Serum-Launch_Site-Desktop-Homepage-Banner-Asset-1-V2-ImageOnly.jpg?v=1671052718);
    background-size: 100% 100%;
  } */
  .phyto-nature.slide-bg-2 {
    background-color: #5b6670;
  }
  .slider-right img.img_mobile_banner,
  .slider-right.courteney img {
    display: none;
  }
  .slider-left-desc.dsrs-subhead.courteney {
    font-weight: 300 !important;
  }
  .clarifying_bacne.slider-right {
    background-size: cover;
  }
  .spring_banner.phyto-nature.slide-bg-2 {
    background-image: none;
  }
  .spring_banner.slider-left {
    background: #5b6670;
  }
}
@media screen and (min-width: 768px) {
  .slider-left{
    width:50%;
  }
  .sub-text {
    font-size: 1.5rem;
    font-weight: 300;
  }
  .holiday-subhead {
    font-size: 1.5rem;
  }
  .disc-desktop {
    font-size: 0.9rem;
  }
  .subhead.stabilizing-subhead {
    font-size: 1.5rem;
  }

  .qualify-print-mobile {
    display: none;
  }
  .qualify-print {
    position: relative;
    top: 10px;
    font-size: 1rem;
  }
  img.phyto_promo_block_image {
    display: none !important;
  }

  .clarifying_bacne_span_wrapper.bacne_badge {
    float: left;
    right: 40px;
  }
  .clarifying_bacne_icons {
    width: 40px;
  }
  .fear_no_breakout_icons {
    width: 50px;
  }
  .clarifying_bacne_icons.droplet {
    width: 30px;
  }
  /* .clarifying_bacne_icons.cs-badge {
    width: 60px;
  } */
  .static-slider-left-wrapper.three-landing-page {
    margin-left: 70px;
  }
  .slideshow-container {
    padding-left: 40px;
    padding-right: 40px;
  }
  .slider-wrapper-2 {
    display: none;
  }
  .static-slider-left-desc {
    font-size: 40px;
    font-weight: 300;
  }
  .static-slider-left-desc-cs {
    font-size: 30px;
  }
  .slider-left-desc {
    font-size: 40px;
    /* font-weight: 300; */
  }
  .static-banner-button {
    width: 55%;
  }
  .button-hpb {
    width: 75%;
  }
  .sld-3a {
    font-size: 32px;
    font-weight: 500;
    font-style: italic;
    margin: 0 auto;
  }
  .sld-3c {
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
    margin: 0 auto;
  }

  .slwb-1 {
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
  }

  .slwb-1.clarifying_bacne {
    align-items: center;
  }

  .static-slider-left-desc.three-landing-page-bottom-heading {
    font-size: 2.8rem;
  }
  .slider-left-desc.three-landing-page-desc {
    font-size: 1.4rem;
  }
  .slider-left-desc.ff-subtitle {
    font-size: 13.6px;
  }
  .slider-left-desc.ff-title {
    font-size: 32px;
  }
  .slider-left-desc.ff-desc {
    font-size: 17px;
  }
  .button-hpb.button-ff {
    max-width: 150px;
  }
  .slider-left-desc.dsrs-subhead {
    font-size: 30px;
    font-weight: 600;
  }
  .slider-left-desc.dsrs-title {
    font-size: 30px;
  }

  .slider-left-desc.clarifying_bacne_title {
    font-size: 40px;
  }
  .slider-left-desc.fear_no_breakout_title {
    font-size: 6rem;
  }
  .slider-left-desc.gift-subdesc.dsrs-subdesc {
    font-size: 16px;
  }
  .button-hpb.gift-btn.dsrs-btn {
    max-width: 215px;
    height: 40px;
  }
  .slider-left-desc.gift-subhead {
    font-size: 16px;
  }
  .slider-left-desc.gift-hpb-title {
    font-size: 45px;
    line-height: 50px;
  }
  .slider-left-desc.gift-subdesc {
    font-size: 19px;
  }
  .button-hpb.gift-btn {
    max-width: 230px;
  }
  .slider-left.courteney {
    width: 65%;
  }

  .slider-left.courteney.holiday_sliderOne {
    width: 60%;
  }
}
@media screen and (min-width: 768px) {
  .block-pg-block {
    margin: 0 16px;
  }
  .pg-wrapper.phyto {
    margin-top: 36px;
  }

  .block-pg-heading.b1,
  .block-pg-desc.b1 {
    font-size: 28px;
  }
  .block-pg-desc.b2 {
    font-size: 16px;
  }
  .block-pg-desc.b2.phyto {
    font-size: 26px;
    margin-left: 0px;
  }
  .block-pg-block.bg-2 {
    padding-left: 3%;
  }
  .block-stars {
    width: 100px;
    height: 20px;
    background-size: 20px 20px;
  }
  .block-pg-content {
    padding-left: 7%;
  }
  .holiday_kicker_mobile {
    font-size: 1.5rem;
  }
  .clarifying_bacne_span_wrapper.realResults {
    float: left;
  }
  .holiday_kicker_mobile {
    display: none;
  }
  .video-wrapper-mobile {
    display: none;
  }
  .phyto_heading {
    font-size: 3rem;
  }
  .phyto_description {
    font-size: 2rem;
    line-height: 110%;
  }
  .bacne_review {
    font-size: 1.6rem;
  }
  .bacne_review_two{
    font-size:1.4rem;
  }
}

@media screen and (min-width: 769px) {
  .block-pg-block.bg-2 {
    padding-left: 3%;
  }
  .block-pg-desc.b2.phyto {
    font-size: 32px;
  }
}
@media screen and (min-width: 1000px) {
  .static-slider-left-desc.dailyMic_container {
    gap: 15px;
  }
  .button-hpb.holiday {
    font-size: 12px;
  }

  .holiday-subhead {
    font-size: 2.2rem;
  }
  .disc-desktop {
    font-size: 1rem;
  }

  .subhead.stabilizing-subhead {
    font-size: 2.5rem;
  }

  /* .clarifying_bacne_span_wrapper.bacne_badge.clearstart {
    left: 57rem !important;
  } */
  .slide-one-video-banner {
    /* width: 50%; */
    width: 57.5%;
    /* background-image: url("https://cdn.shopify.com/s/files/1/0420/7683/1896/files/930615073-eComm---Brand-Campaign-_SITE__HomepageBanner-Desktop_DoubleModel_Image.jpg?v=1659986024"); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .slider-left-desc.dsrs-subhead {
    font-size: 32px;
  }
  .slider-left-desc.dsrs-subhead.courteney {
    font-size: 48px;
  }

  .slider-left-desc.dsrs-title {
    font-size: 32px;
  }
  .slider-left-desc.clarifying_bacne_title {
    font-size: 5.2rem;
  }
  .slider-left-desc.fear_no_breakout_title {
    font-size: 7.5rem;
  }
  .slider-left-desc.dsrs-subdesc {
    font-size: 17px !important;
  }
  .slider-left-desc.gift-subhead {
    font-size: 19.2px;
  }
  .button-hpb.gift-btn.dsrs-btn {
    max-width: 250px;
    height: 40px;
  }
  .slider-left-desc.gift-hpb-title {
    line-height: 60px;
    font-size: 64px;
  }
  .slider-left-desc.gift-subdesc {
    font-size: 22px;
  }
  .button-hpb.gift-btn {
    max-width: 340px;
  }
  .slider-left.dsrs {
    width: 80%;
  }
  .slider-left.holiday_sliderOne {
    width: 70%;
  }
  .static-slider-left-desc.three-landing-page-bottom-heading {
    font-size: 3.8rem;
  }
  .slider-left-desc.three-landing-page-desc {
    font-size: 1.8rem;
  }

}
@media screen and (min-width: 1024px) {
  .bacne_review {
    font-size: 2rem;
  }
  .bacne_review_two {
    font-size: 1.5rem;
  }
  .sub-text {
    font-size: 2.5rem;
  }

  .qualify-print {
    position: relative;
    top: 40px;
    font-size: 1rem;
  }
  .clarifying_bacne_icons {
    width: 50px;
  }
  .fear_no_breakout_icons {
    width: 60px;
  }
  .fear_no_breakout_icons {
    width: 60px;
  }
  .clarifying_bacne_icons.droplet {
    width: 40px;
  }
  .sld-3a {
    font-size: 32px;
    font-weight: 500;
    font-style: italic;
    margin: 0 auto;
  }

  .sld-3c {
    font-size: 26px;
    font-weight: 500;
    font-style: italic;
    margin: 0 auto;
  }
  .static-slider-left-desc {
    font-size: 54px;
    font-weight: 300;
  }
  .static-slider-left-desc-cs {
    font-size: 45px;
  }

  .slider-left-desc {
    font-size: 54px;
  }

  .slider-left-desc.ff-subtitle {
    font-size: 20px;
  }
  .slider-left-desc.ff-title {
    font-size: 47px;
  }
  .slider-left-desc.ff-desc {
    font-size: 24px;
  }
  .button-hpb.button-ff {
    max-width: 250px;
  }
}
@media screen and (min-width: 1024px) {
  .block-stars {
    width: 150px;
    height: 32px;
    background-size: 30px 30px;
  }
  .block-pg-heading.b1,
  .block-pg-desc.b1 {
    font-size: 36px;
  }
  .block-pg-desc.b2 {
    font-size: 20px;
  }
  .block-pg-block.bg-2 {
    padding-left: 3%;
  }
  .block-pg-content {
    padding-left: 10%;
  }
}
@media screen and (min-width: 1024px) {
  .phyto_heading {
    font-size: 4.8rem;
  }
  .phyto_description {
    font-size: 3.4rem;
    line-height: 110%;
  }
  .static-slider-left-wrapper.cleansingGel_wrapper {
    padding: 0 5em;
  }
}
@media screen and (min-width: 1200px) {
  .qualify-print {
    font-size: 1.3rem;
  }

}
@media screen and (min-width: 1280px) {
  .block-pg-heading.b1,
  .block-pg-desc.b1 {
    font-size: 42px;
  }
  .pg-wrapper {
    max-height: 360px;
  }
  .section-promo-grid-container {
    height: 400px;
  }
}
@media screen and (min-width: 1300px) {
  .sub-text {
    font-size: 3rem;
  }
  .button-hpb.holiday {
    font-size: 14px;
  }
  .holiday-subhead {
    font-size: 2.6rem;
  }
  .clarifying_bacne_span_wrapper.bacne_badge {
    width: 70px;
    height: 70px;
  }
  .slideshow-container {
    max-width: 1600px;
  }
  .static-slider-left-desc {
    font-size: 60px;
    font-weight: 300;
  }
  .slider-left-desc {
    font-size: 64px;
    /* font-weight: 300; */
  }
  .static-slider-left-desc.three-landing-page-bottom-heading {
    font-size: 5.2rem;
  }
  .slider-left-desc.three-landing-page-desc {
    font-size: 2.5rem;
  }
  .sld-3a {
    font-size: 24px;
    font-weight: 500;
    font-style: italic;
    margin: 0 auto;
  }

  .sld-3c {
    font-size: 24px;
    font-weight: 500;
    font-style: italic;
    margin: 0 auto;
  }
  .slider-left-desc.ff-subtitle {
    font-size: 24px;
  }
  .slider-left-desc.ff-title {
    font-size: 60px;
  }
  .slider-left-desc.ff-desc {
    font-size: 30.5px;
  }
  .button-hpb.button-ff {
    max-width: 30.4;
  }
  .slider-left-desc.gift-subhead {
    font-size: 18px;
  }
  .slider-left-desc.dsrs-subhead,
  .slider-left-desc.dsrs-subhead.courteney {
    font-size: 54px;
  }

  .slider-left-desc.dsrs-title {
    font-size: 54px;
  }
  .slider-left-desc.clarifying_bacne_title {
    font-size: 5.4rem;
  }
  .slider-left-desc.fear_no_breakout_title {
    font-size: 9rem;
  }
  .slider-left-desc.dsrs-subdesc {
    font-size: 30px !important;
  }
  .slider-left-desc.dsrs-subdesc.cs_hp_desc {
    font-size: 2rem !important;
  }
  .button-hpb.gift-btn.dsrs-btn {
    max-width: 400px;
    height: 40px;
  }

  .slider-left-desc.gift-hpb-title {
    font-size: 72px;
    line-height: 90px;
  }
  .slider-left-desc.gift-subdesc {
    font-size: 25px;
  }
  .button-hpb.gift-btn {
    max-width: 370px;
  }
}
@media screen and (min-width: 1440px) {
  .disc-desktop {
    font-size: 1.3rem;
  }

  .slider-left-desc.dsrs-title.stabilizing-header {
    font-size: 6rem;
  }

  .block-pg-heading.b1,
  .block-pg-desc.b1 {
    font-size: 54px;
  }
  .block-pg-desc.b2 {
    font-size: 30px;
  }
  .block-pg-desc.b2.phyto {
    font-size: 42px;
  }
  .pg-wrapper {
    max-height: 400px;
  }
  .subhead.stabilizing-subhead {
    font-size: 4.5rem;
  }

}
@media screen and (min-width: 1600px) {
  .bacne_desc {
    gap: 1em !important;
  }
  .bacne_review {
    font-size: 3rem;
  }
  .bacne_review_two {
    font-size: 2rem;
  }
  .holiday-subhead {
    font-size: 3.6rem;
  }
  .static-slider-left-desc {
    font-size: 72px;
    font-weight: 300;
  }
  .slider-left-desc {
    font-size: 72px;
    /* font-weight: 300; */
  }
  .slider-left-desc.ff-subtitle {
    font-size: 27px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: center;
  }
  .slider-left-desc.ff-title {
    font-size: 64px;
    font-weight: 300;
    text-align: center;
  }
  .slider-left-desc.ff-desc {
    font-size: 34px;
    font-weight: 300;
    text-align: center;
  }
  .slider-left-desc.gift-subhead {
    font-size: 18px;
  }
  .slider-left-desc.gift-hpb-title {
    font-size: 88px;
    line-height: 105px;
  }
  .slider-left-desc.dsrs-subhead,
  .slider-left-desc.dsrs-subhead.courteney {
    font-size: 72px;
    font-weight: 600;
  }

  .slider-left-desc.spring_banner_subdesc {
    font-size: 28px !important;
  }
  .slider-left-desc.dsrs-title {
    font-size: 72px;
  }
  .slider-left-desc.clarifying_bacne_title {
    font-size: 8rem;
  }
  .fear_no_breakout_icons {
    width: 70px;
    padding-top: 20px;
  }
  .cs_smiley_face_icon {
    padding-top: 0px;
  }
  .slider-left-desc.fear_no_breakout_title {
    font-size: 13rem;
  }
  .slider-left-desc.dsrs-subdesc.cs_hp_desc {
    font-size: 3rem !important;
  }
  .slider-left-desc.dsrs-subdesc {
    font-size: 4rem;
  }
 
  .slider-left-desc.gift-subdesc {
    font-size: 32px;
  }
  .static-slider-left-desc.three-landing-page-bottom-heading {
    font-size: 6.3rem;
  }
  .slider-left-desc.three-landing-page-desc {
    font-size: 3rem;
  }
  .button-hpb.gift-btn {
    max-width: 370px;
  }
  .spring_banner_heading.slider-left-desc {
    font-size: 5rem;
  }
  .subhead.stabilizing-subhead {
    font-size: 4rem;
  }
}
@media screen and (min-width: 1920px) {
  .disc-desktop {
    font-size: 1.8rem;
  }
  .phyto_heading {
    font-size: 7.8rem;
  }
  .phyto_description {
    font-size: 5.6rem;
    line-height: 110%;
  }
}
@media screen and (min-width: 2200px) {
  .static-slider-left-desc.three-landing-page-bottom-heading {
    font-size: 9rem;
  }
  .slider-left-desc.three-landing-page-desc {
    font-size: 4.3rem;
  }
}

/* Styles for screens smaller than or equal  */
@media screen and (max-width: 320px) {
  .static-slider-left-desc.three-landing-page-bottom-heading {
    font-size: 3rem;
  }
}
@media screen and (max-width: 375px) {
  .hpb-slider-cs {
    height: 700px !important;
  }
  .sld-3a {
    font-size: 16px !important;
    width: 100%;
    text-align: center;
    margin-top: 1em !important;
    margin-bottom: 0px !important;
    font-weight: 600;
    font-style: italic;
  }
  .sld-3c {
    font-size: 16px !important;
    width: 100%;
    text-align: center;
    margin-top: 0px !important;
    font-weight: 600;
    font-style: italic;
  }
  .static-slider-left-desc {
    font-size: 32px !important;
  }
  .slider-left-desc {
    font-size: 40px;
  }
  .slw-1a {
    width: 100%;
    /* padding-left: 1.5em !important; */
    margin-top: auto;
  }
  .slw-1b {
    width: 100%;
    /* padding-left: 1.5em !important; */
  }
  .static-slw-1b {
    width: 100%;
    /* padding-left: 1.5em !important; */
  }
  .slw-1c {
    width: 100%;
    /* padding-left: 1.5em !important; */
  }
  .hpb-carousel-container.ff-carousel-container {
    height: 525px !important;
  }
  .button-hpb.gift-btn {
    margin-top: 20px;
  }
  .slider-left-desc.gift-subhead {
    font-size: 16px;
  }
  .slider-left-desc.gift-hpb-title {
    font-size: 48px;
  }
  .slider-left-desc.gift-subdesc {
    font-size: 19.2px;
  }
  .button-hpb.gift-btn {
    width: 100%;
    border-top: 1px solid #5b6770;
  }

  .slider-right.slide-one.ff-mobile-img {
    background-size: 100% 100% !important;
    background-repeat: no-repeat;
    width: 100%;
  }
  .slider-right.slide-one.ff-mobile-img-1 {
    background-size: 100% 100% !important;
    background-repeat: no-repeat;
    width: 100%;
  }
}
@media screen and (max-width: 468px) {
  .disc-mobile {
    margin-top: 10px;
    font-size: 0.8rem;
  }
  .disc-desktop {
    display: none;
  }
  .img_half_banner.stabilizing_cream {
    display: none;
  }
  .slider-left-desc.dsrs-title.spf.stabilizing-header {
    height: 65% !important;
    font-size: 3.5rem;
  }
  .subhead {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    margin-top: 0em;
    font-size: 1.7rem;
  }

  .hpb-slider img.img_desktop_banner {
    display: none !important;
  }
  .static-slider-left-wrapper.three-landing-page {
    background: #919da9;
  }
  /* .slider-right.slide-three.spotify-lp {
    background-image: url("https://cdn.shopify.com/s/files/1/0420/7683/1896/files/1047776966-brand-campaign-homepage-updates_HomepageBanner_Mobile.jpg?v=1675384564");
    background-size: 100% 100%;
  } */
  .section-promo-grid-container {
    height: auto !important;
    margin-top: 65px;
  }
  .pg-wrapper {
    flex-direction: column;
    height: 425px !important;
    gap: 16px;
  }
  .block-pg-block {
    width: 100%;
    height: 100%;
  }
  .block-pg-heading.b1,
  .block-pg-desc.b1 {
    font-size: 30px;
  }
  .block-pg-content {
    padding-left: 10%;
  }
  .responsive-iframe-rc {
    left: -75px !important;
  }
  .sld-3a {
    font-size: 20px;
    width: 100%;
    text-align: center;
    margin-top: 1em;
    font-weight: 600;
    font-style: italic;
  }

  .sld-3c {
    font-size: 20px;
    font-weight: 500;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .static-slider-left-desc {
    font-size: 37px;
  }
  .slider-left-desc {
    font-size: 48px;
  }

  .hpb-slider {
    display: flex;
    flex-direction: column;
    width: 100%;
    /* height: 465px; */
    margin-bottom: 36px;
    /* background: #5b6770; */
  }
  .hpb-slider,
  .hpb-carousel-container {
    height: 550px;
    margin-bottom: 36px;
  }
  .hpb-slider-cs {
    height: 890px !important;
  }
  .slw-3 {
    width: 100%;
  }

  .slideshow-container {
    padding: 0px;
  }
  .responsive-video-container {
    position: relative;
    width: 91% !important;
    overflow: hidden;
    padding-top: 54.25% !important;
  }
  .slide-one-video-banner {
    /* width: 100%; */
    width: 150% !important;
    height: 50%;
  }
  .slide-one {
    width: 100%;
    height: 50%;
  }
  .slide-three {
    width: 100%;
    height: 50%;
  }
  .slide-three-cs {
    height: 70% !important;
  }
  .slider-two {
    display: none !important;
  }
  .static-slider-left-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    justify-content: center;
    color: #fff;
  }
  .static-slider-left-wrapper.dailyMic_wrapper {
    justify-content: space-between;
    line-height: normal;
  }
  .slider-left {
    display: flex;
    flex-direction: column;
    height: 50%;
    justify-content: center;
    color: #fff;
  }
  .slider-left-cs {
    height: 35% !important;
  }
  .static-banner-button {
    width: 100%;
    border: none;
  }
  .button-hpb {
    width: 100%;
    border: none;
    border-top: 1px solid #fff;
  }

  .slw-1a {
    width: 100%;
    /* padding-left: 1em; */
    margin-top: auto;
    text-align: center;
  }
  .slw-1b {
    width: 100%;
    /* padding-left: 1em; */
    text-align: center;
  }
  .static-slw-1b {
    width: 100%;
    /* padding-left: 1em; */
    text-align: center;
  }
  .static-slw-1b.dailyMic_container {
    height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .slider-left-desc.dsrs-subhead.courteney.cox.holiday {
    margin-top: 0px !important;
  }
  .slider-left-desc.dsrs-subhead.courteney.cox {
    margin-top: 50px !important;
  }
  .static-slider-left-wrapper.cleansingGel_wrapper,
  .static-slider-left-desc.dailyMic_container {
    gap: 0px;
    line-height: 103%;
  }
  .slw-1c {
    width: 100%;
    /* padding-left: 1em; */
    text-align: center;
  }

  .slwb-1 {
    margin-top: auto;
    width: 100%;
  }
  .hpb-carousel-container.ff-carousel-container {
    height: 525px !important;
  }
  .hpb-slider.ff-background-img {
    display: flex;
    flex-direction: column-reverse;
    height: 525px !important;
  }
  .video-phyto.spf {
    display: none !important;
  }

  .slider-left.ff-container {
    height: 50%;
  }
  .slider-left-desc.ff-subtitle {
    font-size: 16px !important;
    padding-left: 0px !important;
  }
  .slider-left-desc.ff-title {
    font-size: 40px !important;
    padding-left: 0px !important;
  }
  .slider-left-desc.ff-desc {
    font-size: 21px !important;
    padding-left: 0px !important;
  }
  .button-hpb.button-ff {
    margin-top: 0px !important;
    max-width: 100%;
  }
  .slider-left.ff-container {
    padding-top: 25px;
  }
  #ff-1 {
    margin-top: 18px !important;
  }
  .slider-left-desc.gift-subhead {
    font-size: 16px;
  }
  .slider-left-desc.gift-hpb-title {
    font-size: 48px;
    line-height: 55px;
  }
  .slider-left-desc.gift-subdesc {
    font-size: 21px;
  }

  .slider-left-desc.dsrs-subhead {
    font-size: 30px;
    font-weight: 600;
  }
  .slider-left-desc.dsrs-subhead.courteney {
    font-size: 40px;
    font-weight: 300;
  }
  .static-slw-1b.static-slider-left-desc.treat {
    margin-top: 0px !important;
    font-size: 32px !important;
    height: 220px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
  .static-slider-left-desc.dailyMic_container {
    font-size: 32px;
  }
  }
  .slider-left-desc.dsrs-title {
    font-size: 30px;
  }
  .slider-left-desc.gift-subdesc.dsrs-subdesc {
    font-size: 16px;
  }
  .slider-left-desc.gift-subdesc.spring_banner_subdesc {
    font-size: 18px;
  }
  .button-hpb.gift-btn.dsrs-btn {
    width: 100%;
    height: 48px;
  }

  .button-hpb.gift-btn {
    margin-top: 0px;
    width: 100%;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    background: #5b6770 !important;
    color: #fff !important;
  }

  .button-hpb.gift-btn.phyto-nature {
    margin-top: 0px;
    width: 100%;
    background: #fff !important;
    color: #5b6770 !important;
  }
  .button-hpb.gift-btn.phyto-nature.courteney {
    background: #5b6770 !important;
    color: #fff !important;
  }
 
  .slider-left-desc.gift-subdesc,
  .slider-left-desc.gift-hpb-title,
  .slider-left-desc.gift-subhead {
    color: #fff;
  }
  .slider-left-desc.gift-subdesc.courteney {
    color: #5b6670;
  }
  .static-slider-left-desc.three-landing-page-bottom-heading {
    font-size: 3.5rem;
    text-align: left !important;
  }
  .slider-left-desc.three-landing-page-desc {
    font-size: 1.6rem;
    text-align: left !important;
  }
  .static-banner-button.three-landing-page-desc {
    width: 55%;
    height: 35px;
    font-size: 12px;
  }
  .slwb-three-landing-page-desc {
    margin-top: 0px !important;
  }
  .static-slider-left-wrapper.three-landing-page {
    padding: 30px;
  }
  .static-slider-left-wrapper.three-landing-page {
    gap: 20px;
  }
  .slider-left-desc.dsrs-title.spf {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .slider-left-desc.dsrs-title.spf {
    font-size: 35px;
  }
}
@media screen and (max-width: 767px) {
  .sub-text {
    font-size: 2rem;
    font-weight: 300;
  }
  .holiday-subhead {
    font-size: 2rem;
    margin-bottom: 0px;
  }
  .holiday_kicker_desktop {
    display: none;
  }
  .clarifying_bacne_span_wrapper.bacne_badge {
    right: 120px;
    top: 10px;
  }
  .qualify-print-mobile {
    font-size: 1rem;
    text-align: center;
  }
  .qualify-print {
    display: none;
  }
  .phyto-header-mobile {
    /*     background-image:url(https://cdn.shopify.com/s/files/1/0420/7683/1896/files/1047623987_Spotify.com_landing_page_updates_Banner_Mobile_TextBG.jpg?v=1676666567); */
    background-color: #5b6670;
    background-size: 100% 100%;
    height: 250px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
    width: 100%;
    color: #fff;
  }
  .branding-header-mobile {
    background-color: #5b6670;
    background-size: 100% 100%;
    height: 250px;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: start;
    flex-wrap: wrap;
    width: 100%;
    color: #fff;
  }
  .branding_button {
    width: 100%;
  }
  .video-wrapper-desktop {
    display: none;
  }
  .phyto_heading-mobile {
    font-size: 3.4rem;
  }
  .phyto_description-mobile {
    font-size: 2.4rem;
  }
  .video-phyto-mobile {
    object-fit: fill;
  }
  .video-wrapper-mobile {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    height: auto;
  }

}
@media screen and (max-width: 768px) {
  .clarifying_bacne_span_wrapper.bacne_badge {
    width: 40px !important;
    height: 40px !important;
    font-size: 1.5rem !important;
  }
  .sub-header-cs {
    font-size: 20px !important;
  }
  .banner-desc-cs {
    font-size: 12px;
  }
  .clarifying_bacne_icons {
    width: 30px;
  }
  .fear_no_breakout_icons {
    width: 40px;
  }

  .clarifying_bacne_icons.droplet {
    width: 20px;
  }
  .slider-right.clarifying_bacne {
    /* background-image: url(https://cdn.shopify.com/s/files/1/0420/7683/1896/files/mobile_homepage_02_a1757f5c-4b09-42a1-8387-28523dc83a5c.jpg?v=1685484626); */
    background-size: 100% 100%;
  }
  .slider-right.clarifying_bacne.clearstart {
    /* background-image: url(https://cdn.shopify.com/s/files/1/0420/7683/1896/files/mobile_homepage_01.jpg?v=1685487510); */
    background-size: 100% 100%;
  }
  .slider-left-desc.clarifying_bacne_title {
    font-size: 3.5rem;
  }
  .slider-left-desc.fear_no_breakout_title {
    font-size: 5.5rem;
  }

}
@media screen and (max-width: 768px) {
  .phyto-video {
    display: none !important;
  }
  img.phyto_promo_block_image {
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .pg-wrapper {
    padding-top: 0px;
  }
  .section-promo-grid-container {
    height: 200px;
  }
  .block-pg-heading.b2 {
    margin-left: 15px;
  }
  .block-pg-desc.b2 {
    margin-left: 10px;
    font-size: 18px;
  }
  .block-pg-desc.b2.phyto {
    margin-left: 30px;
    font-size: 26px;
  }
  .block-stars {
    width: 100px;
    height: 20px;
    background-size: 20px 20px;
  }
}
@media screen and (max-width: 820px) {
  .pg-wrapper.page-width.phyto {
    padding: 0px 1rem;
  }
}

/* ************************************************ */
/* *****************Background Color*************** */
/* ************************************************ */
.bg-pink-test {
  background-color: pink;
}
.bg-darkgray {
  background-color: #5b6670;
}
/* ************************************************ */
/* ******************Font Color******************** */
/* ************************************************ */
.fc-white {
  color: #fff;
}

/* ************************************************ */
/* ******************CSS Refactor****************** */
/* ************************************************ */

img.img_fullSize_desktop_banner {
  display: none;
}
.promo-slider {
  width: 100%;
  height: 535px;
  /* margin-bottom: 36px; */
  display: flex;
  flex-direction: column;
}
img.img_half_banner {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slider-first-half-container {
  font-family: Helvetica, Arial, sans-serif;
  width: 100%;
  height: 50%;
  line-height: 1.5;
}
.slider-second-half-container {
  width: 100%;
  height: 50%;
}
.promo-content {
  font-family: Helvetica, Arial, sans-serif;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.promo-btn {
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  height: 48px;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 1px;
}
.promo-cta-wrapper {
  width: 100%;
  margin-top: auto;
}
.promo-subheading {
  font-family: Helvetica, Arial, sans-serif;
  margin-top: auto;
}
.promo-cta-wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

  /************Holiday Kits************/
  /************************************/
div.promo-subheading > span.holidayKit-promo {
  font-weight:700;
  font-size:2rem;
  display:flex;
  justify-content:center;
}
div.promo-heading > div.holidayKit-promo {
  font-size: 4rem;
  line-height: 1.5;
  text-align:center;
}
@media screen and (min-width: 375px) {
  /************Holiday Kits************/
  /************************************/
  /* div.promo-subheading > span.holidayKit-promo {
    font-size: 2rem;
  } */
  div.promo-heading > div.holidayKit-promo {
    font-size: 4rem;
    /* line-height: 1.5; */
  }
  div.promo-description > div.holidayKit-promo {
    font-size: 2.4rem;
    line-height: 110%;
    text-align: center;
  }
  .promo-slider {
    height: 550px;
  }
}
@media screen and (min-width: 750px) {
  img.img_fullSize_desktop_banner {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .hpb-carousel-container {
    min-height: 560px;
  }
  .promo-slider {
    height: 35vw;
    min-height: 300px;
    flex-direction: row;
  }
  .slider-first-half-container {
    width: 50%;
    height: 100%;
    padding: 2rem;
  }
  .slider-second-half-container {
    width: 50%;
    height: 100%;
  }
  .promo-subheading,
  .promo-cta-wrapper {
    margin-top: unset;
  }
  .promo-content {
    align-items: flex-start;
  }
  .promo-btn {
    max-width: 90%;
    height: 30px;
    font-size: 12px;
    margin-top: 15px;
  }
  /************Holiday Kits************/
  /************************************/
  div.promo-subheading > span.holidayKit-promo {
    font-size: 1.5rem;
    display:flex;
    justify-content:flex-start;
  }
  div.promo-heading > div.holidayKit-promo {
    font-size: 4rem;
    text-align: left;
    /* line-height: 1.5; */
  }
  div.promo-description > div.holidayKit-promo {
    font-size: 2.4rem;
    line-height: 110%;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .slider-first-half-container {
    padding-left: 6rem;
  }
  .promo-btn {
    height: 38px;
    max-width:70%;
  }
  .promo-cta-wrapper {
    gap: 10px;
  }
  /************Holiday Kits************/
  /************************************/
  div.promo-subheading > span.holidayKit-promo {
    font-size: 1.5rem;
  }
  div.promo-heading > div.holidayKit-promo {
    font-size: 4.8rem;
    /* line-height: 1.5; */
  }
  div.promo-description > div.holidayKit-promo {
    font-size: 2.4rem;
    line-height: 110%;
    text-align: center;
  }
}

@media screen and (min-width: 1200px) {
  .promo-qualify-desktop {
    font-size: 1.4rem;
  }
  .promo-btn {
    height: 48px;
    margin-top: 2em;
    max-width:75%;
  }
  /************Holiday Kits************/
  /************************************/
  div.promo-subheading > span.holidayKit-promo {
    font-size: 1.6rem;
  }
  /* div.promo-heading > div.holidayKit-promo {
    font-size: 2rem;
    line-height: 1.5;
  } */
  div.promo-description > div.holidayKit-promo {
    font-size: 2.4rem;
    line-height: 110%;
    text-align: center;
  }
}

@media screen and (min-width: 1440px) {
  .promo-qualify-desktop {
    font-size: 1.4rem;
  }
  /************Holiday Kits************/
  /************************************/
  div.promo-subheading > span.holidayKit-promo {
    font-size: 2.6rem;;
  }
  div.promo-heading > div.holidayKit-promo {
    font-size:5.4rem;
    /* line-height: 1.5; */
  }
  div.promo-description > div.holidayKit-promo {
    font-size: 2.4rem;
    line-height: 110%;
    text-align: center;
  }
}
@media screen and (min-width: 1440px) {
   .promo-btn {
    max-width:65%;
  } 
}