.sofmed-hero {
    width: 100%;
    padding-top: min(350px, calc(350 / 1800 * 100% - (58px + 10%)));
    padding-bottom: 6%;
    background: url("https://www.americasbest.com/cdn-cgi/image/fit=scale-down,width=1800,f=auto,q=85/medias/AB-LP-CL-offer-hero-1800x350.jpg?context=bWFzdGVyfHJvb3R8NjczODB8aW1hZ2UvanBlZ3xoOGUvaGFhLzk0NjU4Nzg0Nzg4NzgvQUJfTFBfQ0wtb2ZmZXJfaGVyby0xODAweDM1MC5qcGd8OTcyMTVhZTdiMTIzOGNhMTBjYWYyNGM3ZDdjZDhkNTJlNmMwMDRkOGRhOTMzM2ZmOTg4MzdkNTE3YTIwZjVhZA")
      center top/ auto 100% no-repeat no-repeat #ebeffb;
    margin: 0px auto;
  }
  .sofmed-hero-content {
    max-width: 1340px;
    width: 95%;
    margin: auto;
    display: flex;
    justify-content: flex-end;
  }
  .contacts-hero-text {
    width: 55%;
  }
  .contacts-hero-text h1 {
    font-size: 2.5rem;
    line-height: 1.3;
    color: #024b86;
  }
  .contacts-hero-text h2 {
    font-size: 1.75rem;
    margin-bottom: 25px;
    line-height: 1.2;
  }
  .btn-cta a.a-btn--primary {
    background-color: #a6182e;
    border: 2px solid #a6182e;
    padding: .5em 1.5em;
  }
  .btn-cta a.a-btn--primary:hover {
    color: #a6182e;
    background-color: transparent;
  }
  .shop-cta a.a-btn--primary,
  .ecc-cta a.a-btn--primary {
    background-color: #004ca3;
    border: 2px solid #004ca3;
    padding: .5em 1.5em;
  }
  .shop-cta a.a-btn--primary:hover,
  .ecc-cta a.a-btn--primary:hover {
    color: #004ca3;
    background-color: transparent;
  }
  .ecc-cta {
    text-align: center;
    margin-top: 15px;
  }
  .sofmed-navigation-row {
    width: 100%;
    background: #024B86;
    color: white;
  }
  .sofmed-navigation {
    width: 50%;
    max-width: 1340px;
    margin: auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 24px 0;
  }
  .sofmed-navigation span {
    text-align: center;
  }
  .sofmed-navigation span a {
    text-decoration: underline;
    color: white;
  }
  .lens-content {
    display: flex;
    justify-content: space-evenly;
    width: 98%;
    max-width: 1340px;
    margin: 35px auto;
    align-items: center;
  }
  .lens-content-img,
  .lens-content-text {
    width: 46%;
  }
  .lens-content-img img {
    width: 100%;
  }
  .lens-content-text h3 {
    font-size: 1.75rem;
    line-height: 1.3;
  }
  .lens-content-text p {
    font-size: 1.2em;
    line-height: 1.4;
  }
  .sofmed-ultimate,
  .sofmed-1day,
  .sofmed-xw,
  .sofmed-advanced {
    width: 95%;
    max-width: 1340px;
    margin: 20px auto;
    border-radius: 4px;
  }
  .sofmed-ultimate {
    border: 2px solid rgba(224, 170, 62, 1);
  }
  .sofmed-1day {
      border: 2px solid #479E5D;
  }
  .sofmed-xw {
    border: 2px solid #3F56B8;
  }
  .sofmed-advanced {
    border: 2px solid #f4612a;
  }
  .sofmed-lens {
    display: flex;
    padding: 5px 0;
    justify-content: space-evenly;
  }
  .sofmed-lens img {
    max-height: 120px;
    margin: 15px;
    padding: 0 20px;
  }
  .sofmed-img {
    width: 18%;
    display: flex;
    justify-content: center;
  }
  .sofmed-card {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 78%;
  }
  .sofmed-card h2 {
    color: black;
    font-weight: 700;
    font-size: 1.75em;
    line-height: 1.2;
    margin: 15px 0;
  }
  .sofmed-card span {
    font-size: 1.1em;
    color: #747474;
  }
  .sofmed-card span a {
    color: #747474;
    text-decoration: none;
  }
  .sofmed-card span a:hover {
    color: #747474;
    text-decoration: underline;
  }
  .sofmed-card-label-daily img.daily-sparkle {
    width: 3%;
      max-width: 35px;
      min-width: 30px;
      height: auto;
      margin: 0 0 0 10px;
      padding: 0;
      vertical-align: text-bottom;
  }
  .sofmed-card-label-daily span{
    color: white;
    background: #479E5D;
    border-radius: 4px;
    padding: 4px 8px;
  }
  .sofmed-card-label-monthly span{
    color: white;
    background: #3F56B8;
    border-radius: 4px;
    padding: 4px 8px;
  }
  .sofmed-card-label-weekly span{
    color: white;
    background: #f4612a;
    border-radius: 4px;
    padding: 4px 8px;
  }
  .sofmed-compare {
    background: #e3e3e3;
    color: #333333;
    padding: 8px 0px;
    font-style: italic;
    text-align: center;
  }
  /* # The Rotating Marker # */
  details summary::-webkit-details-marker { display: none; }
  summary::after {
    position: relative;
    transform: rotate(0);
    transform-origin: center;
    transition: 0.2s transform ease;
  }
  details[open] > summary:before {
    transform: rotate(90deg);
    transition: 0.45s transform ease;
  }
  
  /* # The Sliding Summary # */
  details { overflow: hidden; }
  details summary {
    position: relative;
    z-index: 10;
    text-align: center;
  }
  @keyframes details-show {
    from {
      margin-bottom: -80%;
      opacity: 0;
      transform: translateY(-100%);
    }
  }
  details > *:not(summary) {
    animation: details-show 500ms ease-in-out;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    color: transparent;
    overflow: hidden;
  }
  details[open] > *:not(summary) { color: inherit; }
  
  details.mobile summary {
    font-weight: 700;
    font-size: 1.2em;
  }
  .icon-chevron-right {
    vertical-align: text-bottom;
      font-size: 1.2em;
      margin-left: 5px;
  }
  details.mobile summary::after {
    color: white;
    font-size: 2rem;
    line-height: 1rem;
    transform: rotate(180deg);
    position: relative;
    margin-left: 10px;
    vertical-align: middle;
  }
  details[open].mobile > summary:after {
    transform: rotate(-180deg);
    color: white !important;
    transition: color ease 2s, transform ease 1s;
  }
  
  details {
    max-width: 1340px;
    box-sizing: border-box;
    margin: auto;
  }
  .sofmed-ultimate summary,
  .sofmed-1day summary,
  .sofmed-xw summary,
  .sofmed-advanced summary {
    outline: none;
    padding: 8px 0;
    display: block;
    color: white;
    position: relative;
    cursor: pointer;
  }
   .sofmed-ultimate summary {
     background: linear-gradient(90deg, #DE9C1A 0%, #FADC4F 21.8%, #DE9C18 41.58%, #C48508 58.23%, #FFD140 78.53%, #DE9D1B 99.93%),
  linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 50.46%);
  }
   .sofmed-1day summary {
     background: #479E5d;
  }
   .sofmed-xw summary {
     background: #3F56B8;
  }
   .sofmed-advanced summary {
     background: #f4612a;
  }
  details[open] summary,
  summary:hover {
    color: white;
  }
  summary:hover strong,
  details[open] summary strong,
  summary:hover::after,
  details[open] summary::after {
    color: white;
  }
  .content {
    width: 95%;
    max-width: 1280px;
    padding: 10px;
    border-top: none;
    margin: auto;
  }
  .content h3 {
    font-size: 1.3em;
      line-height: 1.3;
      margin: 15px 0;
      color: #00963A;
  }
  .content p {
    line-height: 1.3;
  }
  .lens-technology {
    display: flex;
    width: 100%;
    max-width: 1280px;
    margin: auto;
    justify-content: space-between;
  }
  .lens-technology-block {
    width: 23%;
  }
  .lens-technology-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  .lens-technology-header img {
    width: 12%;
    min-width: 34px;
    margin-right: 8px;
  }
  .lens-technology-block h4 {
    font-weight: 700;
    color: #333333;
    font-size: 1.1em;
    line-height: 1.1;
    margin-bottom: 0;
  }
  .lens-technology-block p {
    line-height: 1.1;
    font-size: .95em;
  }
  .sofmed-product-row {
    display: flex;
    justify-content: space-evenly;
    margin: 0 auto 25px;
  }
  .sofmed-product {
    width: 31%;
    display: flex;
    align-items: center;
  }
  .sofmed-product a {
    display: contents;
    color: black;
  }
  .sofmed-product img {
    width: 15%;
    margin-right: 15px;
  }
  .sofmed-product span {
    font-weight: 700;
  }
  p.sofmed-available {
    text-align: center;
    font-weight: 700;
    font-size: 1.2em;
    font-style: italic;
    margin-top: 25px;
  }
  .lens-content ul {
    list-style: none;
    padding-left: 2.5em;
  }
  .lens-content ul li::before {
    content: "";
    display: inline-block;
    height: 1.1em;
    width: 1.2em;
    background-image: url(https://www.americasbest.com/medias/check-mark.svg?context=bWFzdGVyfHJvb3R8NzgxfGltYWdlL3N2Zyt4bWx8aGM3L2hlZC85MzQyMjcyMDc3ODU0L2NoZWNrLW1hcmsuc3ZnfGFlZWEyYTUxYjhjNGRlOWQ5OWYzOTAzZmYwNTE3OWFiOTFhN2Q1MzRhNGM0M2Y0NjhjZGJlYjM3NzM5MDllNTQ);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 15px;
    margin-left: -40px;
    vertical-align: bottom;
  }
  .lens-content ul li {
    font-size: 1.1em;
    margin: 10px auto;
    line-height: 1.2;
  }
  @media (max-width: 1399px) {
    .contacts-hero-text h1 {
      font-size: 2.1rem;
    }
    .contacts-hero-text h2 {
      font-size: 1.45rem;
    }
    .lens-content-text h3 {
      font-size: 1.6rem;
    }
  }
  @media (max-width: 1199px) {
      .sofmed-hero {
      padding-bottom: 4%;
    }
    .sofmed-navigation {
      width: 70%;
    }
    .sofmed-lens img {
      max-height: 100px;
    }
  }
  @media (max-width: 1099px) {
    .contacts-hero-text h1 {
      font-size: 1.75rem;
    }
    .contacts-hero-text h2 {
      font-size: 1.2rem;
    }
    .lens-content-text h3 {
      font-size: 1.4rem;
    }
    .lens-content-text p {
      font-size: 1.1em;
    }
    .lens-content ul li {
      font-size: 1em;
    }
      .sofmed-lens img {
      max-height: 80px;
    }
    .sofmed-card h2 {
      font-size: 1.55em;
    }
    .sofmed-card span {
      font-size: .9em;
    }
  }
  @media (max-width: 991px) {
    .sofmed-img {
      width: 25%;
    }
  }
  @media (max-width: 850px) {
    .sofmed-hero {
      padding-top: min(350px, calc(350 / 1800 * 100% - (58px + 8%)));
    }
    .contacts-hero-text {
      width: 60%;
    }
    .contacts-hero-text h1 {
      font-size: 1.65rem;
    }
      .sofmed-navigation {
      width: 90%;
    }
  }
  @media (max-width: 767px) {
    .sofmed-hero {
      padding-bottom: calc(300 / 767 * 100% - (1px - 2%));
      padding-top: 5%;
      background: url("https://www.americasbest.com/cdn-cgi/image/fit=scale-down,width=767,f=auto,q=85/medias/AB-LP-CL-offer-hero-767.jpg?context=bWFzdGVyfHJvb3R8MTIwNjU3fGltYWdlL2pwZWd8aDcwL2hiNC85NDY1ODc4NzQxMDIyL0FCX0xQX0NMLW9mZmVyX2hlcm8tNzY3LmpwZ3xlYjQyZTc0YjBjYjFlYTIzZmVlNWU0YWI3OTQ0MTY2OWM0ZmVlZGMwOWE4MTU2ZDY0NWI3N2UxMzU5ZjM1MmZh")
        center bottom/contain no-repeat no-repeat #f2f2f2;
    }
    .sofmed-hero-content {
      width: 100%;
    }
    .contacts-hero-text {
      width: 85%;
      margin: auto;
      align-items: center;
      text-align: center;
    }
    .contacts-hero-text h1 {
      font-size: 2.25rem;
    }
    .contacts-hero-text h2 {
      font-size: 1.5rem;
      line-height: 1.3;
    }
    .sofmed-navigation {
      flex-wrap: wrap;
      padding: 12px 0;
    }
    .sofmed-navigation span {
      width: 30%;
      margin: 5px 0;
    }
    .lens-content {
      flex-direction: column;
    }
    .lens-content-img {
      width: 90%;
      margin: 0 auto;
    }
    .lens-content-text {
      width: 90%;
      margin: 0 auto 30px;
    }
    .lens-content-text h3 {
      font-size: 1.6em;
      margin-bottom: 10px;
    }
    .lens-technology {
      flex-wrap: wrap;
      justify-content: center;
    }
    .lens-technology-block {
      width: 46%;
    }
    .sofmed-card {
      width: 65%;
    }
    .sofmed-card h2 {
      font-size: 1.35em;
    }
    .sofmed-product-row {
      flex-wrap: wrap;
    }
    .sofmed-product {
      width: 46%;
      margin: 10px auto 0;
    }
    .sofmed-product img {
      width: 25%;
    }
    .shop-cta {
      text-align: center;
    }
  }
  @media (max-width: 600px) {
    .contacts-hero-text h1 {
      font-size: 2.1rem;
    }
    .contacts-hero-text h2 {
      font-size: 1.4rem;
    }
    .sofmed-card h2 {
      font-size: 1.2em;
    }
    .sofmed-lens img {
      max-height: 65px;
    }
  }
  @media (max-width: 560px) {
    details.mobile summary {
      font-size: 1em;
    }
    .icon-chevron-right {
      font-size: 1.1em;
    }
    .sofmed-lens {
      padding: 10px 0;
    }
    .lens-technology-block {
      width: 90%;
    }
    .sofmed-product {
      width: 90%;
      margin: 15px 0;
    }
    .lens-technology-header img {
      width: 8%;
    }
    .sofmed-product img {
      width: 15%;
    }
  }
  @media (max-width: 500px) {
    .sofmed-img {
      width: 35%;
    }
    .sofmed-card {
      width: 60%;
    }
    .sofmed-lens img {
      max-height: 60px;
    }
  }
  @media (max-width: 480px) {
    .contacts-hero-text h1 {
      font-size: 1.6rem;
    }
    .contacts-hero-text h2 {
      font-size: 1.1rem;
      margin-bottom: 15px;
    }
  }
  @media (max-width: 374px) {
    .sofmed-navigation span {
      font-size: .85em;
      width: 33%;
    }
  }
  @media (max-width: 355px) {
      .sofmed-lens img {
      max-height: 50px;
    }
    .sofmed-product {
      width: 95%;
    }
    .sofmed-product img {
      width: 25%;
    }
    .contacts-hero-text h1 {
      font-size: 1.35rem;
    }
    .contacts-hero-text h2 {
      font-size: .9rem;
    }
    .sofmed-card h2 {
      font-size: 1em;
    }
    .sofmed-card span {
      font-size: .8em;
    }
      .sofmed-navigation span {
      font-size: .8em;
    }
  }
  .faq-content-block {
    margin: 35px auto 25px;
    background-color: #f5f8fa;
    padding: 5px 25px 25px;
    max-width: 1340px;
    width: 90%;
  }
  .faq-content-block h2 {
    font-size: 1.5rem;
    margin: 25px auto 0;
  }
  .faq-content-block p {
    font-size: 1.25em;
    line-height: 1.3;
  }
  @media (max-width: 414px) {
    .faq-content-block h2 {
      font-size: 1.25rem;
    }
    .faq-content-block p {
      font-size: 1.1em;
    }
  }