
@media only screen and (max-width: 979px) {

  #anna-desktop-header-menu {display: none !important}
  #anna-mobile-header-menu {display: block !important}

  #anna-desktop-sidebar {display: none}
  #anna-mobile-sidebar {display: block}

  /* ---------------------------------------------------------------------------------------------------------------- */
  /* ---------------------------- COPIED FROM WWW SITE mobile.css file 25/07/23 ------------------------------------- */
  /* ---------------------------------------------------------------------------------------------------------------- */

  /* Mobile Font Size Upgrade Styles */

  body {font-size: 23px}

  #cream-research-section {clear: both; padding-top: 50px !important;}
  .research-item {padding-top: 30px; clear: both; height: 100px}
  .research-heading {clear: both; text-align: center}
  .research-icon-div {height: 300px}
  .research-icon-div img {width: 80px; height: auto; float: left; padding-right: 10px; padding-top: 5px}
  .research-text {float: right; width: 500px}
  .research-text .new-window-icon {width: 40px; height: auto; margin-bottom: -6px}

  #mid-article-mobile-ad {width: 595px; height: 495px; margin-bottom: 50px; border: 0px solid red}

  .weight-capsules-product-tab {padding-top: 30px !important}
  .weight-usage-copy {padding-bottom: 30px}
  .weight-caps-product-page-body-container {background-image: none; position: static}
  .weight-orange-bullet {float: left; padding: 12px 20px 0 0; width: 18px; height: 18px}
  .weight-capsules-icon img  {width: 60px; padding-right: 25px}
  .weight-capsules-segment {clear: both; padding-top: 40px}
  .weight-capsules-icon-text {float: left; width: 85%}
  #sidebar-mobile-hidden-section {display: none}
  #show-more-link {display: block}

  /*.face-serum-diagram {width: 110%; margin-left: -15px}*/
  .face-serum-diagram {width: 100%}

  .serum-sidebar {padding: 30px 25px}
  .serum-plus-sign {width: 50px; height: 50px; display: inline; margin-bottom: -17px}
  .serum-tick-item {clear: both; margin-bottom: 60px; display: inline-block; line-height: 150%}
  .serum-tick-item img {width: 44px; height: 44px; padding-right: 20px}
  .serum-tick-item h3 {font-size: 28px}
  .serum-tick-item-img-div {height: 200px; border: 0px solid red}
  .serum-tick-item-text-div {width: 85%}

  .serum-natural-list li {padding-bottom: 30px}

  .serum-product-page-body-container {
    position: static;
  }

  .serum-product-page-body-container li {
   margin-left: 20px;
  }

  #doctor-comments {padding-top: 0px}
  .doctor-comments-20-1 {margin-top: 40px}


  .great-value-block {
    margin: 20px 0 70px 0;
    padding: 23px 0px 11px 20px;
  }
  .great-value-block-text {
    width: 78%;
  }
  .great-value-block-img {
    width: 125px;
    margin-top: 10px;
  }

  .tabs-container {
    margin-top: 0;
    width: 100%;
    padding-left: 0px;
    border: 0px solid green;
  }

  /* ***************** IMPORTANT!!! These styles below are used on the product list page AND the product pages *********** */
  /* ************ To change them JUST on the product list page go to the versions that have .product-list-2022 as prefix *** */

  .product-list-title-grey {
      letter-spacing: -2px;
      color: #444444;
      font-size: 34px;
      font-weight: bold;
      font-family: 'Open Sans', sans-serif;
      margin-top: -2px;
  }

  .product-list-title-color {
      letter-spacing: 0px;
      font-size: 38px;
      font-family: 'Titillium Web', sans-serif;
      padding: 13px 0 5px 0;
      }

  .product-list-buy-button-block {
      margin-top: 2px;
  }

  .product-list-title-block {
      padding-bottom: 13px;
      padding-top: 7px;
  }

  .healthcare-prof-column {
      float: right;
      width: 400px;
  }

  .healthcare-prof-container {
      border: 0;
  }

  .prog-book-product-buy-button {
    padding: 4px 10px 17px 10px !important;
  }

  .prog-book-product-text {
      padding-bottom: 10px;
      width: 340px;
      font-size: 21px;
      letter-spacing: 0.5px;
      line-height: 105%;
  }

  .prog-book-product-subtitle {
      padding-bottom: 15px;
      font-size: 17px;
      font-weight: normal;
      line-height: 105%;
  }

  .meno-caps-ingredient {
    padding-bottom: 1em;
  }

  .footer-copyright {
    font-size: 70%;
  }

  .newsletter-thanks-fb-logo {
      width: 30px;
      height: auto;
      margin-bottom: -7px;
      display: inline-block;
  }

  .newsletter-thanks {
      font-size: inherit;
      font-weight: bold;
  }

  .two-tone-heading{
    font-size: inherit;
  }

  .booklet-header {
      font-size: 23px;
      color: #AAAAAA;
      line-height: 130%;
      padding-bottom: 10px;
  }

  .booklet-subheader {
      font-size: 28px;
      color: #333333;
      margin-bottom: 15px;
      line-height: 110%;
  }

  .booklet-text {
      font-size: inherit;
      color: #333333;
      line-height: 130%;
      margin-bottom: 20px;
  }

  .booklet-button {
    width: 130px;
    height: auto;
    padding-top: 5px;
  }

  .header-icon {
    padding-top: 10px;
  }

  .mobile-break {
    clear: both;
  }

  .newsletter-sign-up-form {
      border: 4px solid #E9E9E9;
      width: 100%;
      color: #666666;
      padding: 30px;
      font-size: 28px;
  }


  .newsletter-sign-up-form input
  {
      border: 2px solid #CCCCCC;
      width: 330px;
      height: 30px;
      font-size: 28px;
      padding: 5px;
      margin: 8px 0 20px 0;
  }

  .newsletter-sign-up-form-button {
    padding-top: 5px;
    width: 200px;
    height: auto;
    }

  .newsletter-smallprint {
      padding-top: 30px;
      font-size: 24px;
      width: 595px;
    }

  .newsletter-text {
      width: 100%;
      line-height: inherit;
      font-size: inherit;
    }

  .newsletter-form-div {
      clear: both;
      float: left;
      width: 345px;
      margin: 0;
  }

  .newsletter-signup-conf {
      clear: both;
      float: left;
      width: auto;
      margin: 0;
      height: auto;
      min-width: 345px;
      max-width: 595px;
      padding: 15px 13px 50px 15px
  }

  .newsletter-ad-large, .survey-ad-large {
    font-size: 17px;
  }

  .newsletter-ad-large .sign-up-link, .survey-ad-large .sign-up-link {
      padding: 4px 0 0 2px;
      font-size: 16px;
  }

  .image-bullet-point-item {
      padding-top: 0;
      float: right;
      width: 579px;
  }

  .customer-reviews-20-1 {
    margin-top: 20px;
  }

  #customer-reviews {
    clear: both;
    padding-top: 25px;
  }

  .about-tab-mission-text {
      float: left;
      width: 100%;
  }

  .about-page-spacer-tab {
      width: 10px;
      padding-right: 0 !important;
  }

  .about-page-title {
      font-size: 20px;
      padding-bottom: 2px;
  }
  .about-page-subtitle {
      font-size: 20px;
      line-height: 120%;
  }

  .footer-links-top {
      font-size: 18px;
  }
  .footer-links-bottom {
      font-size: 18px;
      line-height: 280% !important;
  }

  .paging-image-div {
      line-height: 23px !important;
      margin-top: 5px;
      border: 0px solid red;
      padding-top: 10px;
   }

  .jane-inset-text {
    font-size: 18px !important;
  }

  .article-author{
    font-size: 18px !important;
    }

  .article-summary{
      font-size: 23px;
      margin-bottom: 10px;
      line-height: 130%;
  }

  .article-footer-product-link {
    font-size: 28px;
  }
  .article-footer-product-link .link-text {
      padding: 10px 0 20px 30px;
      width: 400px;
  }
  .article-footer-product-link img {
    width: 147px;
  }

  .article-page-disclaimer {
      padding: 55px 0 25px 0 !important;
      line-height: 100%;
      font-size: 50%;
  }

  .mobile-hide {display: none !important;}
  .desktop-hide {display: inline-block !important;}

  .hormone-learning-list-item {
      width: 100%;
  }

  .hormone-learning-list-item .body-text {
      width: 74% !important;
      border: 0px solid blue !important;
  }

  .hormone-learning-list-item .body-text .small-bold-link {
    display: none;
  }

  .hormone-learning-list-item .image {
    width: 150px;
    height: auto;
  }

  .hormone-learning-list-item .top-image {
    width: 350px !important;
    height: auto;
  }

  #customer-reviews-list-small {
      border-right: 0;
      margin-top: 0px;
      padding-right: 0px;
  }

  .customer-reviews-list-item-title {
      float: left;
      padding-top: 2px;
      padding-bottom: 10px;
      width: 90%;
  }

  .green-disclaimer {
      font-size: 15px !important;
  }

  .product-list-button {
    font-size: 18px !important;
    padding-bottom: 16px !important;
    padding-top: 5px !important;
    margin-top: 5px !important;
  }

  .product-list-p-and-p {
    font-size: 10px;
    padding-bottom: 5px;
    border: 0px solid red;
    line-height: 10px;
  }

  .product-list-price {
      font-size: 18px;
  }

  .product-list-item-subheading-cream, .product-list-item-subheading-caps {
    font-size: 16px;
    padding-bottom: 5px;
    margin-top: -5px;
  }

  .learn-more-button-products-list {
    padding-bottom: 18px !important;
  }

  .product-list-button {
    padding-bottom: 18px !important;
  }

  .product-list-item-text-cream, .product-list-item-text-caps  {
      font-size: 16px;
      letter-spacing: 0.5px;
      line-height: 140%;
      padding-bottom: 5px;
  }

  #product-tab-faq, #product-tab-details, #product-tab-usage, #product-tab-overview {
    padding-top: 25px;
  }

  .faq-page-back-to-top-link {
    font-size: 18px;
  }

  .faq-page-answer-title {
    padding-bottom: 20px;
  }

  .cream-usage-tab {
      width: 630px;
      float: left;
      border-right: 0;
      padding-right: 20px;
      height: 1450px;
    }

  .second-top-tip-title {
      padding-top: 10px;
  }

  .cream-usage-tab .small-bold-link {
    margin-top: 15px !important;
  }

  .cream-usage-tab .dotted-line-small {
    opacity: 0;
    margin-bottom: 0 !important;
    height: 0;
  }

  .usage-sidebar .dotted-line-small {
    opacity: 0;
  }

   .usage-sidebar  .dotted-line-large {
    opacity: 0;
    height: 0px;
    margin-top: -18px;
  }

  .usage-sidebar {
      clear: both !important;
      float: left !important;
      display:block!important;
      width: 645px;
      padding-bottom: 30px;
      margin-left: 0;
      margin-top: 300px !important;
      border: 0px solid red;
  }
  .usage-sidebar-20-1 {
      border: 0px solid blue;
      margin-top: 110px !important;
  }

  .prod-item-subheading {
      font-size: 18px;
      padding-bottom: 5px;
  }

  .small-bold-link{
      font-weight: bold;
      font-size: 18px;
  }

  .price-cream {
      float: right;
      margin-top: 5px;
      padding: 20px 20px 0 0;
      font-size: 18px;
  }

  .price-caps {
      float: right;
      padding-top: 19px;
      padding-right: 25px;
      font-size: 18px;
      border: 0px solid red;
  }

  .price-book {
      float: right;
      padding: 30px 40px 0 0;
      font-size: 18px;
  }

  .price-book-gbp {font-size: 85%; padding-right: 45px;}
  .price-book-eur {font-size: 85%; padding-right: 32px;}
  .price-book-aud {font-size: 82%; padding: 19px 23px 0 0px;}
  .price-book-nzd {font-size: 75%; padding: 19px 18px 0 0px;}
  .price-book-usd {font-size: 75%; padding: 19px 18px 0 0px;}
  .price-book-cad {font-size: 75%; padding: 19px 18px 0 0px;}

  .price-cream-gbp {font-size: 85%; padding: 19px 23px 0 0px;}
  .price-cream-eur {font-size: 85%; padding: 19px 21px 0 0px;}
  .price-cream-aud {font-size: 75%; padding: 19px 16px 0 0px;}
  .price-cream-nzd {font-size: 72%; padding: 18px 13px 0 0px;}
  .price-cream-usd {font-size: 72%; padding: 19px 11px 0 0px;}
  .price-cream-cad {font-size: 72%; padding: 19px 11px 0 0px;}

  .price-caps-gbp {font-size: 85%; padding: 18px 26px 0 0px !important;}
  .price-caps-eur {font-size: 85%; padding: 18px 24px 0 0px !important;}
  .price-caps-aud {font-size: 82%; padding: 18px 16px 0 0px !important;}
  .price-caps-nzd {font-size: 72%; padding: 18px 15px 0 0px !important;}
  .price-caps-usd {font-size: 72%; padding: 19px 14px 0 0px !important;}
  .price-caps-cad {font-size: 72%; padding: 19px 14px 0 0px !important;}

  .buy-button-banner {
      clear: both;
      border: 0px solid #D2D2D2;
      width: 640px;
      height: 56px;
      border-radius: 12px;
      padding: 4px 0 13px 0;
      background: #F1F1F1;
  }

  .buy-button-banner-text-desktop {display: none;}
  .buy-button-banner-text-mobile {display: block;}

  .buy-button-banner-text {
      float: left;
      text-align: left;
      border: 0px solid red;
      padding: 17px 0 0 8px !important;
      font-size: 20px;
      font-weight: bold;
  }
  .buy-button-banner-button {
      float: left;
      padding: 8px 5px 0 1px !important;
      font-weight: bold;
  }

  .buy-button-banner-button-cream {
      margin: 5px 0 0 13px;
      width: 120px;
      float: left;
      padding-bottom: 27px;
      padding-top: 0px;
      font-size: 20px;
      font-weight: bold;
  }

  .buy-button-banner-button-caps {
      margin: 5px 0 0 10px;
      width: 120px;
      float: left;
      padding-bottom: 27px;
      padding-top: 2px;
      font-size: 20px;
      font-weight: bold;
  }

  .product-ad-large .new-button {
    border-radius: 10px;
    width: 127px;
    height: 16px;
    padding: 9px 10px 11px 10px;
    font-size: 19px;
    font-weight: bold;
  }

  .capsules-buy-button {
    width: 114px !important;
  }

  .learn-more-button {
  padding-top: 6px !important;
  }

  .learn-more-button-homepage {
  /*padding-top: 8px !important;
  font-size: 20px !important;
  padding-bottom: 29px !important;*/
  }

  .product-ad-large .price-text {
      /*font-size: 18px;*/
      font-size: 22px !important;
      padding-bottom: 3px;
  }

  .cream-price-block .price-text {
    font-size: 18px;
  }

  .cream-price-block .new-button {
    font-size: 17px;
    width: 111px;
    height: 14px;
  }

  .product-ad-header-block {
      padding-top: 20px;
  }

  .product-ad-large .p-and-p-text {
      font-size: 9px;
      color: #999999;
      padding-bottom: 2px;
      padding-top: 1px;
  }

  .product-info-heading {
      font-weight: bold;
      padding-bottom: 8px;
      font-size: 23px;
  }

  .serenity-prod-page-disclaimer {
    margin-top: 0;
  }

  .product-info-column {
      width: 645px;
      margin-bottom: 25px;
  }
  .product-info-column img {
    width: 50px;
    height: auto;
  }

  .product-info-column-full-width {
      width: 100%;
      margin-bottom: 25px;
  }
  .product-info-column-full-width img {
    width: 50px;
    height: auto;
  }



  .cream-ingredients {
      clear: both !important;
      float: left;
      width: 645px;
      font-size: 75%;
      padding-bottom: 30px;
  }

  .cream-details-tab {
      width: 630px;
      float: left;
      border-right: 0;
      padding-right: 20px;
      height: 780px;
  }

  .cream-details-tab-serenity {
    height: 880px;
    }

  .product-page-reviews {
      width: 523px;
      margin-left: 20px;
      padding-top: 7px;
      font-size: 23px;
      line-height: 1.4em;
  }

  .product-info-column .green-disclaimer {
    clear: both;
    float: left;
    padding-top: 30px;
    font-size: 75% !important;
  }

  .product-info-columns-break {
      display: none;
  }

  .price-block {
      padding: 195px 28px 0 0;
  }

  .price-block-20-1 {
      padding: 195px 28px 0 0;
  }

  .price-block-capsules {
      padding: 0px 20px 0 0;
  }

  .share-links-cream {display: none;}

  .share-links-capsules {display: none}

  #page-header{
    font-size: 28px;
  }

  .green-asterisk {
      font-size: 70%;
  }

  .book-product-body {
      border-right: 0px;
      padding: 40px 0 0 0;
  }

  .book-product-body  .photo {
      margin-right: 15px;
      float: left;
      padding-bottom: 75px
  }

  #book-dr-lee-quote-mobile {display: block}


  .product-menu-padding {display: block;}

  .serenity-product-title {
      margin-top: -3px;
      font-size: 24px;
      padding-bottom: 4px;
  }

  .product-page-desc-text {
    font-size: 21px !important;
  }

  .serenity-product-subtitle-desktop {display: none;}
  .serenity-product-subtitle-mobile {font-size: 20px; display: block;}

  .tw-one-product-title {
      font-size: 21px;
      padding-bottom: 4px;
  }
  .tw-one-product-subtitle-desktop {display: none}
  .tw-one-product-subtitle-mobile {font-size: 19px; display: block;}

  .meno-caps-product-title {
      font-size: 21px;
      padding-bottom: 4px;
  }
  .meno-caps-product-subtitle-desktop {display: none}
  .meno-caps-product-subtitle-mobile {font-size: 17px; display: block;}

  .osteo-caps-product-title {
      padding-top: 2px;
      font-size: 21px;
      padding-bottom: 6px;
      line-height: 120%;
  }
  .osteo-caps-product-subtitle-desktop {display: none}
  .osteo-caps-product-subtitle-mobile {font-size: 17px; display: block; margin-top: -3px;}

  .sleep-caps-product-title {
      font-size: 20px;
      padding-bottom: 6px;
      line-height: 120%;
  }
  .sleep-caps-product-subtitle-desktop {display: none}
  .sleep-caps-product-subtitle-mobile {font-size: 17px; display: block;}


  .weight-caps-product-title {
      font-size: 20px;
      padding-bottom: 6px;
      line-height: 120%;
  }
  .weight-caps-product-subtitle-desktop {display: none}
  .weight-caps-product-subtitle-mobile {font-size: 17px; display: block; margin-top: -3px;}


  .prog-book-product-title {
      font-size: 28px;
      padding: 5px 0 15px 0;
  }

  .homepage-ad-div {
    padding: 16px 23px 0 0;
    line-height: 17px;
  }

  .homepage-ad-button {
  border-radius: 8px;
  width: 127px;
  height: 12px;
  padding: 8px 10px 16px 10px;
  font-size: 17px;
  font-weight: bold;
  }

  .homepage-ad-buttons-div {
    margin-top: 12px;
  }

  .homepage-ad-review {
    width: 450px;
    line-height: 140%;
    font-size: 15px;
    margin-top: 45px;
  }

  .homepage-ad-price {
    width: 147px;
    margin-top: 10px;
    font-size: 22px;
  }

  #page-body-text-right {
    display: none;
    width: 0;
    height: 0;
  }

  .standard_left{
    width: 645px;
  }

  .hormone-learning-list-item .body-text {
    width: 83%;
    border: 0px solid blue;
  }

  /* ------------------------------- */

  .large-buy-button {width: 160px;}
  .buy-button-with-price {height: 45px;}
  .price {padding-top: 12px;}
  .buy-button-banner-button {padding-left: 13px}
  .buy-button-book {
    padding-bottom: 28px !important;
  }

  #main-body {margin-top: 123px;}

  #page-rh-column {display: none; width: 0}

  #list-all-products-link {display: none; width: 0}

  #top-menu-above-tabs {display: none; width: 0}

  #page-header {max-width: 660px; max-height: 50px}

  .footer-links {letter-spacing: -0.03em;}
  .footer-links div {margin-right: 18px;}

  #footer {width: 90%}
  #top-menu {width: 100%;}
  #page-container {width: 100%}
  #page-header {width: 100%;}

  #header-logo {margin-left: 0px;}

  #footer-dotted-line {max-width: 660px}

  #featured-bar-line {max-width: 660px}

  #disclaimer {font-size: 89%; width: 90%;}
  #disclaimer img {width: 100%; height: 100%;}

  #bottom-discount-bar {
      width: 645px;
      height: 50px;
      line-height: 150%;
      padding-left: 20px;
      padding-right: 20px;
      font-size: 20px;
    }
    #bottom-discount-bar-spacer {
      height: 70px;
  }

    .review-teaser {
      margin-bottom: 50px;
      width: 200px;
      line-height: 160%;
      font-size: 22px;
      font-family: Arial;
    }
    .review-teaser .title {margin-top: 10px; font-weight: bold;}
    .review-teaser .link {color: #7DAD1F;}

    .large-buy-button {
      width: 200px;
    }

  /* SEE HERE FOR MOBILE BREAKPOINTS: https://ricostacruz.com/til/css-media-query-breakpoints */




  /* ****************************************************************************************** */
  /* ***************************************** NEW 2022 STYLES ********************************* */
  /* ****************************************************************************************** */

  .healthcare-prof-image {
    width: 150px;
  }

  .hormone-learning-page-headline-text {
    font-size: 28px; line-height: 150%; margin: 10px 0 15px 0;
  }
  .hormone-learning-page-headline-image {
    margin-bottom: 70px
  }

  .customer-survey-content {
    text-align: center;
    border: 0px solid blue;
    clear: both;
    font-size: 28px;
    width: 100%;
    line-height: 150%;
    padding-left: 10px;
    padding-right: 30px
  }

  .featured-bar-div {
    font-size: 28px;
    line-height: 150%;
  }
  .featured-bar-div .two-tone-heading {
    padding-bottom: 10px
  }
  .featured-bar-div .dotted-line-large {
    margin-bottom: 20px !important
  }
  .featured-bar-content img {
    padding-right: 10px
  }
  .featured-bar-content {
    float: right !important;
  }
  .featured-bar-title {
    margin-top: -10px;
  }
  .featured-bar-body-text {
    clear: both !important;
    float: none !important;
    width: 100% !important;
  }
  .featured-bar-div {
    padding-left: 35px;
  }

  .creams-comparison-table {
    padding-top: 50px;
    width: 595px;
    font-weight: bold;
    line-height: 130%;
    font-size: 24px;
  }
  .creams-comparison-table .tick-column {
    width: 40px;
    font-size: 20px;
    padding: 0 !important;
    line-height: 120%;
  }
  .creams-comparison-table td {
    padding: 15px;
  }

  .doctors-article-image {
    margin-bottom: 0px;
  }

  .claire-review-iframe {
    width: 595px;
    height: 327px;
  }

  .weight-gain-article-review-box {
    float: left;
    line-height: 150%;
    font-family: Georgia, Serif;
    margin-right: 18px;
    margin-bottom: 35px;
    background-color: #EBEBEB;
    width: 85%;
    padding: 20px;
  }
  .weight-gain-article-review-box img {
    height: 150px !important;
  }

  .product-list-2022 {
    /*font-weight: bold !important;*/
  }

  .product-list-2022 .product-list-title-grey {
    margin-top: 3px;
    font-size: 44px;
  }
  .product-list-2022 .product-list-title-color {
    padding-top: 8px;
    font-size: 44px;
  }
  .product-list-2022 .product-list-book .product-list-title-grey {
    margin-top: -3px; padding-top: 0px;
    font-size: 34px;
    line-height: 95%;
  }
  .product-list-2022 .product-list-item-text-cream, .product-list-2022 .product-list-item-text-caps {
    font-size: 18px;
    width: 430px;
  }
  .product-list-2022 .product-list-item-subheading-cream, .product-list-2022 .product-list-item-subheading-caps {
    font-size: 18px;
    padding-bottom: 10px;
  }

  .product-list-2022 .product-list-book-subheading {
    margin-top: -7px !important;
    padding-bottom: 5px;
  }


  .product-list-wellsprings-word {
    display: none;
  }

  .capsules-ingredients-text-div {
    width: 465px !important;
    border: 0px solid green;
    float: left !important;
  }
  .capsules-ingredients-grid-item {
      width: 100%;
      padding-bottom: 40px;
      border: 0px solid blue;
  }
  .capsules-ingredients-text-div {
    padding-top: 0;
    border: 0px solid red;
  }

  .faq-page-answer-body {
    padding-top: 0;
  }

  .new-mobile-header-title {
    letter-spacing: -1px;
    clear: both;
    padding: 10px 0 10px 0;
    font-size: 64px;
    line-height: 110%;
  }

  .new-cream-product-page-title {
    letter-spacing: -1px;
    clear: both;
    font-size: 72px;
    margin-top: -30px;
    color: #444444;
    font-family: 'Open Sans', sans-serif;
    padding-bottom: 30px;
    font-weight: bold;
  }

  .new-cream-product-page-subtitle {
    padding-top: 35px;
    padding-bottom: 20px;
    color: #87B628;
    font-size: 47px !important;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: bold;
  }

  .new-cream-product-page-description {
    width: auto;
    margin-bottom: 25px;
    line-height: 150%;
    font-size: 28px !important;
    padding: 40px 40px 0 40px;
    color: inherit;
    font-weight: normal;
  }

  .buy-button-cream-product-page-mobile {
    border-radius: 15px;
    height: 38px !important;
    width: 214px;
    font-size: 34px;
    padding-top: 29px !important;
    padding-bottom: 20px !important;
    margin-top: 20px;
    margin-left: 20px;

  }

  .new-cream-product-page-buy-div {
      width: 100%;
      text-align: center;
      padding-bottom: 40px;
      padding-top: 20px;
      border: 0px solid red;
  }



  .page-container-product-2022 {
    margin: 0 !important;
  }
  .page-container-product-2022 #page-header{
    display: none !important;
  }

  .page-container-2022 {
    margin: 0 !important;
  }

  /*.page-container-product-2022 .product-ad-large{
    display: none !important;
  }*/

  .page-container-product-2022 .new-mobile-product-header-image-serenity {
      width: 100%;
      text-align: center;
      margin-top: -15px;
      display: inline-block !important;
  }

  .page-container-product-2022 .new-mobile-product-header-image-serenity img {
    border: 0px solid blue;
    width: 100%;
    height: auto;
    display: inline-block !important;
  }

  .new-product-header-text-serenity {
    text-align: center;
    border: 0px solid blue;
    display: inline-block !important;
    padding-bottom: 50px;
    width: 100%;
    float: inherit;
  }

  /* ***** 2022 padding, font-size and line-height mobile styles *****
  /* These styles are basically doing the same thing, but top one is for product pages and bottom one for non-product pages */
  /* So any changes in one style should probably be reflected in the other style too */
  .page-container-product-2022 .product-tab {
    box-sizing: border-box;
    border: 0px solid blue;
    padding: 35px 40px 0 40px !important;
    font-size: 28px;
    line-height: 150% !important;
  }
  .page-body-2022 {
    box-sizing: border-box;
    border: 0px solid blue !important;
    padding: 25px 40px 0 40px !important;
    font-size: 28px !important;
    line-height: 150% !important;
    margin: 0 !important;
  }
  .customer-reviews-page .page-body-2022 {
    padding-top: 0 !important;
  }
  .hormone-learning-page .page-body-2022 {
    padding-top: 0 !important;
  }
  /*.padded-page-container-2022 {
    box-sizing: border-box;
    border: 0px solid blue !important;
    padding: 25px 40px 0 40px !important;
    font-size: 28px !important;
    line-height: 150% !important;
  }*/
  /* ******************************************************************************** */


  .page-container-product-2022 .product-tab .product-info-column {
    width: 100%;
    margin-top: 55px;
    margin-bottom: 0;
  }

  .page-container-product-2022 .product-tab .product-info-heading {
    font-size: 28px;
  }

  .page-container-product-2022 .large-heading {
    font-size: 32px !important;
    font-weight: bold;
  }


  .page-container-product-2022 .product-tab .product-page-reviews {
    width: 100%;
    clear: both;
    margin: 0;
    line-height: inherit !important;
  }

  .page-container-product-2022 .product-tab .product-page-reviews .review-text {
    text-align: left;
  }

  .page-container-product-2022 .product-tab .product-section-heading {
    text-align: center
  }

  .page-container-product-2022 .product-tab .product-page-testimonial {
    clear: both;
    width: 100%;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 20px;
    padding-left: 0 !important;
    border: 0px solid blue;
  }

  .page-container-product-2022 .product-tab .product-page-testimonial .grey-border {
    border: 0;
    float: none;
  }

  .page-container-product-2022 .product-tab .product-page-testimonial img {
    clear: both;
    float: none;
    display: inline-block;
  }


  .page-container-product-2022 .product-tab .info-icon {
    float: left;
    width: 70px;
    margin: 0;
  }
  /* overview page */
  .page-container-product-2022 .product-tab .symptoms-info-section-icon {
    height: 325px;
  }
  .page-container-product-2022 .product-tab .tested-info-section-icon {
    height: 365px;
  }
  .page-container-product-2022 .product-tab .natural-info-section-icon {
    height: 365px;
  }
  .page-container-product-2022 .product-tab .long-term-info-section-icon {
    height: 270px;
  }

  .page-container-product-2022 .product-info-column-full-width .symptoms-info-section-icon {
    height: 270px;
  }
  .page-container-product-2022 .product-info-column-full-width .tested-info-section-icon {
    height: 270px;
  }
  .page-container-product-2022 .product-info-column-full-width .natural-info-section-icon {
    height: 270px;
  }

  .page-container-product-2022 .product-info-column-full-width-20-1 .symptoms-info-section-icon {
  height: 320px;
  }
  .page-container-product-2022 .product-info-column-full-width-20-1 .tested-info-section-icon {
    height: 280px;
  }
  .page-container-product-2022 .product-info-column-full-width-20-1 .natural-info-section-icon {
    height: 320px;
  }


  /* details page */
  .page-container-product-2022 .product-tab .certified-info-section-icon {
    height: 350px;
  }
  .page-container-20-1 .product-tab .certified-info-section-icon {
    height: 400px;
  }

  .page-container-product-2022 .product-tab .advanced-info-section-icon {
    height: 270px;
  }
  .page-container-20-1 .product-tab .advanced-info-section-icon {
    height: 270px;
  }

  .page-container-product-2022 .product-tab .hypo-info-section-icon {
    height: 100px;
  }
  .page-container-product-2022 .product-tab .fragrance-info-section-icon {
    height: 240px;
  }
  .page-container-product-2022 .product-tab .animal-info-section-icon {
    height: 230px;
  }




  /* Menu Tabs */
  .page-container-product-2022 .product-menu-links {
    font-size: 28px;
  }
  .page-container-product-2022 .product-menu-links a {
    text-decoration: underline;
    color: #5DA334;
  }
  .page-container-product-2022 .product-menu-links div {
    padding-top: 15px;
    padding-bottom: 20px;
  }

  .page-container-product-2022 .testimonial-dr-image-new {
    width: 284px;
  }
  .page-container-product-2022 .testimonial-customer-image {
    width: 284px;
    border: 0;
  }

  .page-container-product-2022 .review-text {
    font-size: 28px;
  }
  .page-container-product-2022 .review-name {
    font-size: 28px;
    font-weight: bold;
    padding: 10px 0 10px 0;
    color: #5DA334;
  }

  .page-container-product-2022 .product-menu-links-pre-tabs {
    width: 21px;
    padding: 0 !important;
    margin: 0;
    border-bottom: 2px solid #CCCCCC;
    height: 66px;
    box-sizing: border-box;
  }

  .page-container-product-2022 .buy-button-banner {
    padding: 20px 10px 20px 30px;
    box-sizing: border-box;
    height: 185px;
    width: 100%;
  }

  .page-container-product-2022 .buy-button-banner-text-mobile {
    font-size: 28px;
    letter-spacing: -1px !important;
    border: 0px solid red;
  }

  .page-container-product-2022 .buy-button-banner-mobile-image {
    margin: -50px 0 0 -16px; height: auto; width: 108px;
  }

  .page-container-product-2022 .buy-button-banner-button-mobile {
    margin: 0 !important;
  }

  .page-container-product-2022 .buy-button-banner-button-cream {
    margin: 0 !important;
    padding-bottom: 39px !important;
    padding-top: 10px !important;
    width: 200px;
    height: 20px;
    font-size: 28px;
  }

  .page-container-product-2022 .product-page-bottom-disclaimer {
    font-size: 80%; color: #59AD00; float: right;
  }

  .page-container-product-2022 .cream-details-tab .cream-details-item {
    margin-top: 55px;
  }

  .page-container-product-2022 .cream-details-tab .cream-details-item img {
    width: 50px;
    height: auto;
  }

  .page-container-product-2022 .cream-details-tab .first-cream-details-item {
    margin-top: 40px !important;
  }

  .page-container-product-2022 .cream-details-tab {
    height: auto;
    width: 100%;
  }

  .page-container-product-2022 .cream-usage-tab {
    height: auto;
    width: 100%;
  }

  .page-container-product-2022 .cream-ingredients {
    height: auto;
    width: 100%;
    padding-top: 20px;
    margin-bottom: 50px;
    margin-top: 0;
  }

  .page-container-product-2022 .usage-sidebar {
    margin-top: 20px !important;
    width: 100%;
  }

  .page-container-product-2022 .blue-bullet-text {
    float: left;
    width: 95%;
    margin: -8px 0 0 15px;
  }

  .page-container-product-2022 .faq-answer-block {
    padding-top: 20px;
    padding-bottom: 50px;
  }

  .page-container-product-2022 .faq-page-answer-title {
    float: left;
    width: 90%;
    margin: -8px 0 25px 0px;
  }

  .page-container-product-2022 .green-centered-header {
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #5DA334;
    padding-bottom: 20px;
  }

  .page-container-product-2022 .usage-schedule-block {
    padding-bottom: 30px;
  }

  .page-container-product-2022 .usage-schedule-image-1 {
    width: 70%;
    max-width: 492px;
    height: auto;
    padding-top: 20px;
  }

  .page-container-product-2022 .usage-schedule-image-2 {
    width: 70%;
    max-width: 492px;
    height: auto;
    padding-top: 50px;
    padding-bottom: 20px;
  }

  .page-container-product-2022 .first-top-tip-title {
    display: none;
  }
  .page-container-product-2022 .second-top-tip-title {
    display: none;
  }

  .page-container-product-2022 .tip-dose-title {
    margin: 30px 0 15px 0;
  }

  .page-container-product-2022 .tip-relief-title {
    margin: 30px 0 15px 0;
  }

  .page-container-product-2022 .prod-item-subheading {
      font-size: 22px;
  }


  .page-container-product-2022 .menu-tab-selected a{
      cursor: default;
      text-decoration: none;
  }

  .page-container-product-2022 #doctor-comments {
    padding-top: 50px !important;
  }


  .page-container-product-2022 .menu-tab-not-selected {
    border-width: 2px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
  .page-container-product-2022 .menu-tab-selected {
    border-width: 2px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }


  .page-container-product-2022 .menu-tab-final {
    width: 128px !important;
  }

  .page-container-product-2022 .product-ad-subheading-cream {
    font-size: 36px !important;
    line-height: 140%;
  }


  .page-container-product-2022 .mobile-ingredients-header {
    font-size: 36px;
  }

  .page-container-product-2022 .new-mobile-header-text {
    font-size: 28px;
    line-height: 140%;
    padding-bottom: 20px;
    padding-top: 10px;
    width: 85%;
    font-weight: bold;
  }

  .book-product-body .photo {
    padding-bottom: 250px;
    padding-right: 20px;
  }
  .book-product-author-text {
    padding-right: 50px;
    line-height: 150% !important;
  }

  .page-body-2022 .newsletter-ad-large {
      float: left;
      font-size: 28px;
      line-height: 150%;
      width: 290px;
      height: auto;
  }
  .page-body-2022 .survey-ad-large {
      float: right;
      font-size: 28px;
      line-height: 150%;
      width: 290px;
      height: auto;
  }

  .page-body-2022 #page-body-text-left {
      width: 100% !important;
  }

  .page-body-2022 #page-header {
    font-size: 28px !important;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }

  .page-body-2022 .article-title {
    font-size: 34px;
    line-height: 150%;
    padding-bottom: 15px;
  }
  .page-body-2022 .article-summary {
    font-size: 28px;
    line-height: 150%;
  }
  .page-body-2022 .article-image-and-caption {
    font-size: 22px;
    line-height: 130%;
  }

  .page-body-2022 .hormone-learning-list-item .body-text {
    width: 72% !important;
  }

  .page-body-2022 .dotted-line-small {
    padding: 10px 0 10px 0;
  }

  .page-body-2022 .dotted-line-large {
    margin-bottom: 20px;
  }

  .page-container-product-2022 .homepage-ad-div {
      clear: both;
      width: 100%;
      height: 380px;
      background-image: url("/images/wellsprings-hp-no-content_new.jpg");
      background-repeat: no-repeat;
      background-size: 100% auto;
      padding: 23px 23px 0 0;
      border: 0px solid red;
      line-height: 16px;
      margin-top: -15px;
  }
  .page-container-product-2022 .homepage-ad-text-small {
    font-size: 35px;
    padding-bottom: 32px;
    padding-top: 25px;
  }
  .page-container-product-2022 .homepage-ad-text-large {
    font-size: 49px;
    padding-bottom: 40px;
  }
  .page-container-product-2022 .homepage-ad-subheader {
      padding-top: 10px;
      line-height: 160%;
      font-size: 22px;
  }
  .page-container-product-2022 .homepage-ad-spacing-block {
    width: 158px;
  }

  .page-container-product-2022 .homepage-ad-review {
    width: 480px;
    font-size: 15px;
    margin-top: 53px;
    margin-right: 31px;
  }

  .page-container-product-2022 .learn-more-button-homepage, .page-container-product-2022 .buy-button-homepage {
    height: 15px !important;
    padding-top: 13px !important;
    padding-bottom: 18px !important;
    font-size: 20px !important;
  }

  .page-container-product-2022 .homepage-ad-price {
      margin-top: 15px;
      font-size: 24px;
  }

  .page-container-product-2022 .icon-story-balloon {
    display: none;
  }

  .page-container-product-2022 .customer-reviews-list-item-text {
    margin-left: 0;
  }

  .page-container-product-2022 .header-icon {
    display: none;
  }
  .page-container-2022 .header-icon {
    display: none;
  }

  .page-container-product-2022 .section-header-text {
    padding-left: 0
  }
  .page-body-2022 .section-header-text {
    padding-left: 0
  }

  .article-page-body-2022 {
    padding-top: 0 !important;
  }

  .page-container-product-2022 .mobile-dotted-line-padding {
    padding-top: 10px; margin-bottom: 30px
  }

  .page-body-2022 .newsletter-ad-large .sign-up-link, .page-body-2022 .survey-ad-large .sign-up-link {
        padding: 4px 0 15px 2px;
        font-size: 20px;
  }


  /* ************** this work for ALL pages on mobile, not just new product page ***************** */

  #page-container {width: 100%; max-width: 979px}
  #page-header {width: 100%}
  #page-body-container {width: 100%}
  #page-body-headline {width: 100%}


/* ---------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------- ANNA BLOG SPECIFIC STYLES ------------------------------------------------ */
/* ---------------------------------------------------------------------------------------------------------------- */

    .two-tone-heading {font-size: 26px; border: 0px solid blue}

    .list_link{
        font-size: 22px;
        font-weight: bold;
        line-height: 135%;
    }

    #desktop_bottom_post_ad {display: none !important}

    #mobile_sidebar {border: 0px solid red; width: 675px; padding-left: none; margin-left: none;}

    #sidebar_spacing_0 {display: none; clear: none}
    #sidebar_topics_list {float: left; clear: none; width: 300px !important; padding-left: none; margin-left: none}
    #sidebar_spacing_1 {display: none; clear: none}
    #most_popular {float: right; clear: none; width: 300px !important; margin-right: 20px}
    #sidebar_spacing_2 {display: none}
    #sidebar_ad {display: none}

    #page-container {width: 100%; margin-top: 130px; border: 0px solid red; height: initial !important}

    .wp_rp li {line-height: 0.8em; border: 0px solid red}

    .article-nav {
      height: 18px;
      font-weight: bold;
    }

    .archive-excerpt {
      line-height: 130%;
      padding-top: 5px;
      font-size: 23px;
    }

    .post-date {
      font-size: 20px;
      margin-bottom: 18px;
    }

    .article-title {
      font-size: 34px;
    }

    .newsletter-ad {
      margin-top: 0px;
      clear: both;
      width: 300px;
      font-size: 20px;
      line-height: 130%;
      height: 327px;
    }


    .article-summary {
      font-size: 28px;
      color: #777777 !important;
      font-weight: bold;
      padding-bottom: 10px;
    }

    #content {
      width: 90% !important;
      padding-left: 20px !important;
      padding-right: 50px !important;
      border: 0px solid red;
    }

    .post_body
    {
        font-size: 28px !important;
        line-height: 150% !important;
    }

    .post_body img {
      width: 100% !important;
    }

    .post_body p
    {
        font-size: 28px !important;
        line-height: 150% !important;
    }

    .related {
      display: none;
    }
    .related-mobile
    {
      display: block;
      width: 90%;
      margin-left: 20px;
      text-align: left !important;
      margin-bottom: 20px;

      font-size: 28px !important;
      line-height: 200% !important;
      float: left !important;
      text-align: left !important;
    }

    .related a
    {
        font-size: 28px !important;
        line-height: 200% !important;
        float: left !important;
        text-align: left !important;
    }

    .related-mobile a
    {
      font-size: 28px !important;
      line-height: 150% !important;
      float: left !important;
      text-align: left !important;
      padding-bottom: 25px !important;
    }

    #most_popular a
    {
        font-size: 23px;
        line-height: 125%;
        letter-spacing: -1px;
    }

    .categories_list .cat-item
    {
        font-size: 23px;
    }

}



/* iPhone style */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px) {
.hamburger {padding:37px 15px 0px 15px;}
.cross{padding:45px 25px 0px 15px;}
}

/* Android Style */
@media only screen and (-webkit-min-device-pixel-ratio: 1.77) and (orientation:landscape) // or (orientation:portrait)
{
.hamburger {padding:39px 15px 0px 15px;}
.cross{padding:75px 25px 0px 15px;}
}

/* -------- This is for the Galaxy S21, Google Pixel 5 (and other phones with same pixel ratio) as this decenters the logo ----- */
@media
  only screen and (-webkit-min-device-pixel-ratio: 2.75) and (max-width: 400px) and (min-width: 361px),
  only screen and (   min--moz-device-pixel-ratio: 2.75) and (max-width: 400px) and (min-width: 361px),
  only screen and (     -o-min-device-pixel-ratio: 2.75/1) and (max-width: 400px) and (min-width: 361px),
  only screen and (        min-device-pixel-ratio: 2.75) and (max-width: 400px) and (min-width: 361px),
  only screen and (                min-resolution: 515dpi) and (max-width: 400px) and (min-width: 361px),
  only screen and (                min-resolution: 2.75dppx) and (max-width: 400px) and (min-width: 361px) {

    .hamburger {padding:39px 15px 0px 15px;}
    .cross{padding:75px 25px 0px 15px;}

}

/* NOTE: We can't use the device pixel ration to determine device as android and iphones have same value for some models */
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    /*body {color: red !important;}*/
}



/* -------- This is for the Galaxy S21, Google Pixel 5 (and other phones with same pixel ratio) ----- */
@media
  only screen and (-webkit-min-device-pixel-ratio: 2.75) and (max-width: 400px) and (min-width: 361px),
  only screen and (   min--moz-device-pixel-ratio: 2.75) and (max-width: 400px) and (min-width: 361px),
  only screen and (     -o-min-device-pixel-ratio: 2.75/1) and (max-width: 400px) and (min-width: 361px),
  only screen and (        min-device-pixel-ratio: 2.75) and (max-width: 400px) and (min-width: 361px),
  only screen and (                min-resolution: 515dpi) and (max-width: 400px) and (min-width: 361px),
  only screen and (                min-resolution: 2.75dppx) and (max-width: 400px) and (min-width: 361px) {

    /*.page-container-product-2022 .product-tab {
      border: 1px solid red !important;
      color: red !important;
    }*/

}

/* -------- This is for the Samsung Galaxy S21 Ultra (and other phones with same pixel ratio) ----- */
@media
  only screen and (-webkit-min-device-pixel-ratio: 3.75),
  only screen and (   min--moz-device-pixel-ratio: 3.75),
  only screen and (     -o-min-device-pixel-ratio: 3.75/1),
  only screen and (        min-device-pixel-ratio: 3.75),
  only screen and (                min-resolution: 515dpi),
  only screen and (                min-resolution: 3.75dppx) {

    /*.page-container-product-2022 .product-tab {
      border: 1px solid green !important;
      color: green !important;
    }*/

}
