@media (min-width: 767.98px) {
  .product-badge {
    width: 100%;
    max-width: 20%;
    margin-left: auto;
    margin-right: 0;
  }

  .product-badge img {
    width: 100%;
  }

  .hero-section-image img,
  .hero-section-detail {
    height: 100% !important;
    max-height: 355px !important;
  }

  .hero-section-detail-wrap p {
    font-size: 22.5px !important;
    margin-bottom: 24px;
    font-weight: 400;
    line-height: 32px;
  }
  .hero-section-detail-wrap p.article-img-title-fs-22 {
    font-size: 22px !important;
  }
  .hero-section-detail-wrap p:nth-child(1) b {
    font-weight: 700;
  }

  .hero-section-detail-wrap p sup {
    font-size: 23px;
    line-height: 16px;
    font-style: normal;
    position: relative;
    top: -3px;
  }
  .hero-section-detail-wrap p sup.before {
    left: 5px;
  }
  .hero-section-detail-wrap p sup.after {
    right: 5px;
  }

  .hero-section-detail {
    padding: 48px 29px 48px 41px;
  }
  .protein-intake-spacing {
      padding: 48px 32px 48px 46px;
  }
  .why-eating-vaggies {
      padding: 48px 32px 48px 44px;
  }
  .mobility-training {
      padding: 48px 28px 48px 48px;
  }
  .hero-section-detail-o-oil {
    padding: 48px 30px 48px 48px;
  }
  .hero-section-detail-f-rolling {
    padding: 48px 30px 48px 36px;
  }
  .hero-section-detail-canyoga {
    padding: 48px 24px 48px 34px;
  }
  .hero-section-detail-yoga-pilates {
      padding: 48px 20px 48px 30px;
  }
  .anti-inflammatory-hero .hero-section-detail-wrap p {
    font-size: 22px !important;
  }
  .anti-inflammatory-hero {
      padding-left: 36px;
      padding-right: 26px;
  }
  .hero-section-detail-wrap2 p {
    color: #fff;
    font-size: 14px;
    font-style: italic;
    padding-left: 16px;
  }

  .hero-section-image {
    margin-top: 24px;
  }

  .blog-top-picks-wrap div > div > h5 {
    font-size: 20px;
  }

  .blog-top-picks-desktop {
    display: flex;
    align-items: center;
    justify-self: space-between;
  }
  .blog-top-picks-desktop .blog-top-picks,
  .blog-top-picks-desktop .description-section {
    flex: 1 1 50%;
  }

  .blog-top-picks {
    margin-bottom: 19px;
  }

  .uv-section .blog-section .content-image-2 {
    float: unset;
  }

  .uv-section {
    align-items: center;
  }

  .content-image-section-4 {
    display: flex;
    align-items: center;
  }

  .blog-section .content-image-4 {
    width: 320px;
    min-width: 320px;
    height: 254px;
  }

  .blog-section .blog-section-text h3 {
    padding-top: 25px;
  }

  .product-highlights h3,
  .bottom-line h3 {
    margin-bottom: 25px;
  }

  .product-header {
    margin-bottom: 96px;
    padding-top: 96px;
  }

  .raising-section {
    margin-top: 64px;
    overflow: hidden;
  }

  .top-navbar {
    padding-top: 16px;
  }

  .navbar-brand {
    padding: 0px !important;
    align-self: baseline;
  }
  a.navbar-brand img {
    width: 100%;
    max-width: 210px;
}
  .hero-section-text h1 {
    margin-bottom: 12px !important;
    font-weight: 700;
    font-size: 39px;
    line-height: 1.2;
    text-align: center;
  }
  .hero-section-text h1.desk-fs-38 {
    font-size: 37.5px;
  }


  .hero-section-text {
    padding: 75px 0px 65px 0px !important;
  }

  .blog-section .content-image-3 {
    margin-bottom: 30px;
  }

  .bottom-line {
    padding: 44px 0px 0px 32px !important;
    flex: 0 0 50%;
  }

  .bottom-line h4 {
    text-transform: none !important;
    letter-spacing: 1px !important;
  }

  .product-highlights {
    flex: 0 0 50% !important;
  }

  .ingredient-column li {
      font-size: 14px !important;
      font-weight: 700;
      line-height: 1.2;
      color: #3D3D3D;
      margin: 0;
  }

  .sources p {
    margin-top: 15px;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
    justify-content: left;
  }

  .footer-container {
    max-width: 888px;
    padding: 0;
  }

  .desktop-footer-source {
    margin-top: 20px;
  }

  .desktop-footer-source .left-side-footer {
    justify-items: self-end !important;
  }

  .desktop-footer-source .right-side-footer {
    justify-items: self-start !important;
  }

  .raising-section .raising-image-wrap img {
    object-fit: cover !important;
    object-position: left;
  }

  .raising-section .raising-image-wrap div h2,
  .raising-section .raising-image-wrap > div {
    display: none !important;
  }

  .bottom-line h3 {
    font-size: 31px !important;
  }

  .ingredient-column {
    flex: unset !important;
    padding: 6px 8px !important;
    width: 100%;
  }

  .product-highlights {
    padding: 32px 20px !important;
  }

  /* _____ Update CSS _____ */

  .hero-section-author-text p:nth-child(1) {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 8px;
  }
  .hero-section-author-avtar {
      margin-right: 24px;
  }
  .hero-section-author {
    padding: 12px 42px 12px;
    min-height: 114px;
  } 
  .hero-section-detail-wrap p.main-web-name {
      font-size: 14px !important;
      font-family: Open Sans;
      font-weight: 400;
      line-height: 20px;
      color: #fff;
      margin: 0;
  }
  
  .blog-section .blog-section-text p {
    font-size: 17px;
    line-height: 24.5px;
    margin-bottom: 24px;
  }
  .blog-section .blog-section-text h3 {
      margin: 34px 0 22px;
      font-weight: 700;
      font-size: 39px;
      line-height: 1.2;
      padding-top: 0;
  }
  .blog-section .blog-section-text h3.fs-desk-36 {
    font-size: 36px;
  }
  .blog-section .blog-section-text h3.fs-desk-35 {
    font-size: 35px;
  }
  .custom-bullet {
    padding-top: 0;
    font-size: 23px;
    margin: 36px 0 28px;
    /* text-transform: uppercase; */
  }
  .blog-section .blog-section-text p.mt-custom.custom-bullet-small {
      /* padding-left: 30px; */
      margin-top: 24px !important;
  }
  .custom-bullet-small::before {
    width: 42px;
    height: 42px;
    left: -12px;
    top: -11px;
    opacity: 0;
  }
  .d-md-flex.gap-5.mb-custom.mt-custom-2 {
    gap: 1.5rem !important;
  }
  .d-md-flex.gap-5.mb-custom.mt-custom-2 .d-flex.gap-4.mb-custom.mt-custom {
    margin-top: 0 !important;
  }
  h6.text-heading {
    font-weight: 700;
    max-width: 160px;
    margin: 0 auto 20px;
    min-height: 40px;
  }
  .d-md-flex.gap-4.ctm-d-flex-reverse {
    flex-direction: row-reverse;
  }
  .d-md-flex.gap-4.ctm-d-flex-reverse {
    flex-direction: row-reverse;
    gap: 2rem !important;
  }
  .product-grid-2 {
        gap: 22px;
        max-width: 684px;
        margin: 0 auto;
  }
  .product-card h3 {
    line-height: 32px;
    letter-spacing: 0%;
    text-align: center;
    margin: 10px 0 !important;
  }
  .product-grid-2 .product-card img {
    height: 305px;
  }
  .mini-author {
      display: none !important;
      margin: 0;
  }
  .blog-item.py-2>p {
      display: none;
  }
  .heading-1 {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
  }
  .paragraph-1 {
    margin-bottom: 0px;
    font-size: 20px;
    letter-spacing: 0px;
    text-align: center;
    font-weight: 600;
  }
  
  .my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .my-32 {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .mt-32 {
    margin-top: 32px;
  }
  .mb-22 {
    margin-bottom: 24px;
  }
  
  .footer-bottom {
    margin-top: 20px;
    font-size: 12.5px;
    text-align: center;
    color: #D0D0D0 !important;
  }
  .gap-4.ctm-gap-4 {
    gap: 3rem!important;
  }
  .mb-custom.mt-custom-2-desk {
    margin-bottom: 8px !important;
    margin-top: 30px !important;
  }
  .blog-item h1 {
    font-size: 34px;
  }s
  .sources h4 {
    margin-bottom: 16px;
    font-family: Open Sans;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #D0D0D0;
  }
  .sources .desktop-footer-source p {
    justify-content: start;
    width: 100%;
    margin: 0;
  }
  .sources p span {
    font-size: 12px;
    color: #a3a3a3;
  }
 
  .blog-color-box {
    padding: 70px 80px;
  }
  .blog-color-box h5 {
    margin-bottom: 2px;
    font-weight: 700;
    letter-spacing: 0px;
    font-family: Open Sans;
    font-size: 17px;
    line-height: 24px;
  }
  .blog-color-box p {
    margin-bottom: 24px !important;
  }
  .rating-label1 {
    font-size: 38.31px;
    font-weight: 700;
    margin-bottom: 4px;
    line-height: 25.54px;
  }
  .rating-label1 span {
    font-family: Open Sans;
    font-weight: 700;
    font-size: 23.02px;
    line-height: 25.54px;
    letter-spacing: 0px;
    text-align: center;
  }
  .rating-score1 {
    font-weight: 800;
    font-size: 42px;
    line-height: 32px;       
    white-space: nowrap;
  }
  .progress-bar {
    height: 30px;
  }
  .product-highlights {
    padding: 44px 24px 24px 32px !important;
  }
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 22px;
    max-width: 684px;
    margin: 0 auto;
  }
  .product-grid-top {
    margin: 84px 0 0px;
  }
  .product-card img {
    height: 305px;
  }
  .product-title-grid {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: center;
    margin: 10px 0 0 !important;
    font-family: 'Moisette';
  }
  .product-highlights li {
    margin-left: 0;
    line-height: 25px;
    margin-bottom: 24px;
    font-size: 18px;
    font-weight: 400;
  }
  .product-highlights h3 {
    font-size: 38px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 32px;
  }

  .footer-bottom {
    margin-top: 16px;
  }
  .btn-learn-more {
    font-size: 17px;
    padding: 9px 16px;
    font-weight: 600;
    margin-right: 16px;
    margin-top: 16px;
    min-width: 165px;
    text-align: center;
  }
  .product-info {
    margin-top: 54px;
  }
  .product-image-section {
    gap: 24px !important;
  }
  .product-image-section >div {
    flex-grow: 1;
  }
  .product-image {
    width: 28%;
  }
  .product-image img {
    margin: 0 auto;
    max-width: 254px;
    display: block;
  }
  .circle {
    stroke-width: 2.5px;
  }
  /* .rating-label {
    font-weight: 400;
    width: 39%;
    margin-right: 50px;
  } */
  .rating-score {
    font-size: 21.5px;
  }
  .blog-color-box-green {
    margin-bottom: 32px;
  }
  /* .product-number {
    background-color: transparent;
    font-size: 35px;
    height: 44px;
    width: 34px;
    margin: 0;
    justify-content: start;
  } */
  .product-title {
    font-size: 42px;
    line-height: 46px;
  }
  p.product-subtitle {
      font-weight: 600;
      font-size: 19px;
  }
  .product-review {
    padding: 0px 0 42px;
    border-top: 4px solid var(--rating-color);
    margin-top: 0;
  }
  .product-review-mt {
    margin-top: 0px;
  }
  .product-info .bottom-line p {
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 24px;
  }
  .bottom-line h3 {
    font-size: 38px !important;
    margin-bottom: 24px;
    line-height: 46px;
  }
  .bottom-line h4 {
      font-size: 19px;
      line-height: 32px;
      letter-spacing: -.24px !important;
      margin-bottom: 18px;
      text-transform: uppercase !important;
  }
  .footnote {
    font-size: 15px !important;
    line-height: 24px !important;
  }
  .blog-color-box h4 {
      margin-bottom: 38px;
      font-family: 'Open Sans';
      font-weight: 700;
      font-size: 32px;
      line-height: 38px;
      text-align: center;
  }
  .blog-color-box h4.desk-fs-29 {
      font-size: 29px;
  }
  .blog-color-box h4.desk-fs-27 {
      font-size: 27px;
  }
  .mt-custom-2 {
    margin-top: 45px !important;
  }
  .mb-custom-2 {
    margin-bottom: 45px !important;
  }
  .blog-item hr {
    margin: 16px 0 24px !important;
  }
  .blog-item .cutomize-desktop-learn-morebutton + hr {
    opacity: 0;
  }
  .blog-item h1 {
    font-size: 24px;
  }
  .blog-item>img.mb-custom {
    max-height: 700px;
    object-fit: contain !important;
  }
  .ctm-my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }


  nav.navbar.top-navbar {
    padding-bottom: 4px;
  }
  header form .custom-search-input .form-control {
    line-height: 1.375;
  }
  header .container {
    max-width: 1080px;
    padding: 0 20px;
  }
  header nav .navbar-nav li a {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #F9F9F9;
    padding: 8px 12px !important;
  }
  header nav .navbar-nav li {
    padding-left: 8px;
  }
  .hero-section-image .comma img {
    width: 11px;
    height: 11px;
  }
  .hero-section-image .comma-right-img {
      height: 12px !important;
      width: 11px;
      padding-left: 0;
      transform: translate(-4px, -8px);
  }
  .gap-24 {
    gap: 20px !important;
  }
  .blog-section .blog-section-text p.fs-15 {
    font-size: 15px;
    line-height: 25px;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .blog-section .content-image-1 {
    max-height: 315px;
    object-fit: cover;
    object-position: center;
    padding-top: 6px;
    padding-right: 4px;
  }
  .blog-section .content-image-1.content-image-deskfit-lg {
      max-height: 335px;
  }
  .blog-section .content-image-1.content-image-deskfit {
      max-height: 270px;
      object-fit: cover;
      padding-top: 5px;
  }
  .blog-section .content-image-1.does-help-mid {
    max-height: 375px;
  }
  .hr-3 {
    background: #808080;
    height: 3px;
    color: #808080;
    opacity: 1;
  }
  .my-22 {
    margin-top: 22px;
    margin-bottom: 22px;
  }
  .product-review {
    padding: 0;
    border-top: 0px solid var(--rating-color);
  }
  .product-badge {
    display: none;
  }
  .product-number {
    width: 80px;
    height: 80px;
    font-size: 44px;
    line-height: 1;
    padding-top: 6px;
  }
  .product-title-wrapper {
    align-items: center;
  }
  .rating-label {
    font-size: 24px;
    line-height: 28px;
    width: 44%;
  }
  /* .progress::after {
    opacity: 0;
  }
  .rating-score {
    display: none;
  } */
  .progress-container {
    margin-right: 0;
  }
  /* .rating-avg {
    text-align: right;
    width: 100%;
  } */
  .rating-circle {
    width: 216px;
    height: 216px;
  }
  .ingredients-grid {
    margin-bottom: 24px;
  }
 
  .blog-section .blog-section-text h3.fs-41 {
    font-size: 41px;
    font-weight: 700;
    line-height: 1;
  }
  .overall-grade {
    padding-left: 40px;
    max-width: 275px;
  }
  
  .raising-detail > div p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0px;
    color: #fff;
  }
  .raising-prop img {
    width: 42px;
  }
  .br-desk br {
      display: block  !important;
  }
  .blog-section {
    margin-top: 54px;
  }
  .grade {
    font-weight: 600;
    font-size: 139.34px;
    line-height: 1.1;
    letter-spacing: 0px;
  }
  .grade-text {
    font-weight: 700;
    font-size: 33.44px;
    line-height: 1.1;
    letter-spacing: 0;
  }
  .footer-links li {
    margin-bottom: 8px;
  }
  .footer-links a {
    color: #dedede;
    text-decoration: none;
    font-weight: 400;
    font-size: 15px;
    line-height: 22.5px;
  }
  .footer-bottom {
    text-decoration: none;
  }
  .footer-line-sep {
    padding: 0 6px;
    opacity: 0;
  }
  .footer .footer-container.container {
    max-width: 1148px;
    padding: 0 24px;
  }
  .footer-links {
    max-width: 490px;
  }
  .blog-section-text>.d-flex.gap-4.gap-24.mt-32.mb-22 p:last-child {
    margin-bottom: 0px;
  }
  .hero-section-text h1.fs-38 {
    font-size: 38px;
  }
  .hero-section-text h1.fs-38-lg {
    font-size: 38.75px;
  }
  .hero-section-text h1.desk-fs-42 {
    font-size: 42px;
  }
  .blog-section .blog-section-text h3.fs-36 {
    font-size: 36px;
  }
  .blog-color-box h4.mob-fs-21 {
    font-size: 28px;
  }
  .blog-section .blog-section-text h3.desk-fs-27 {
    font-size: 35px;
  }
  .blog-section .blog-section-text h3.desk-fs-36 {
    font-size: 36px;
  }
  .blog-section .blog-section-text p.lh-23 {
    line-height: 23.5px;
  }
  .blog-color-box h4.blog-color-box-fs-28 {
    font-size: 28px;
  }
  .blog-section-text>ul+img.mt-custom-2 {
    margin-top: 32px !important;
  }
  .blog-section-text>img.mb-custom-2.mt-custom-2 {
    margin-top: 20px !important;
  }
  .next-article-text h4.fs-desk-29 {
    font-size: 29.5px;
  }
  .hero-section-text p.hero-section-p-20 {
    font-size: 20px;
  }
  .blog-section .content-image-1.ter-combo-img {
    padding: 0 25px;
    transform: translateY(-10px);
  }
  .custom-bullet.desk-fs-22 {
    font-size: 22px;
  }
  .blog-section .blog-section-text p.desk-mb-0 {
    margin-bottom: 0;
  }
  .blog-section .blog-section-text h3.title-ter-cum {
    font-size: 36px;
  }
  .blog-color-box h4.blog-color-title-2 {
    margin-top: 48px;
  }
  .blog-section-text-mobile-only {
    display: none;
  }
}