@media screen and (max-width: 1440px) {
  header {
    height: 100px;
    padding: 8px;
  }

  #hcaLogo {
    width: 96px;
  }

  #seal {
    width: 72px;
  }

  .brand {
    font-size: 18px;
  }

  #group-benefits-plan {
    font-size: 36px;
  }

  .navbar-links li a:link,
  .navbar-links li a:visited {
    font-size: 18px;
  }
}

@media screen and (max-width: 1290px) {
  #aboutUs > img {
    object-fit: cover;
    max-width: 420px;
  }
}

@media screen and (max-width: 1280px) {
  .navbar-links li a:link,
  .navbar-links li a:visited {
    font-size: 16px;
  }

  #theme-toggle {
    font-size: 18px;
  }
}

@media screen and (max-width: 1164px) {
  .text-divider {
    display: none;
  }
}

@media screen and (max-width: 1145px) {
  #group-benefits-plan {
    font-size: 24px;
  }

  .btn-primary.quicklink {
    min-width: 196px;
  }
}

@media screen and (max-width: 1048px) {
  .brand {
    font-size: 16px;
  }
}

@media screen and (max-width: 992px) {
  .brand-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  #hcaLogo {
    width: 42px;
  }

  #seal {
    width: 36px;
  }

  .brand {
    font-size: 14px;
  }

  #group-benefits-plan {
    font-size: 18px;
  }

  .swiper-wrapper {
    /* width: 100%; */
    width: 50%;
  }

  .swiper-pagination {
    /* display: none; */
    width: 49%;
  }

  .swiper-pagination-bullet {
    font-size: 16px;
  }

  .swiper-button-next {
    right: 49.5%;
  }

  .btn.btn-primary.quicklink {
    padding: 42px 31px;
    border-radius: 0;
  }

  #aboutUs > img {
    display: none;
  }

  footer div.container {
    max-width: 900px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .contact-box {
    width: 100%;
  }

  footer div.container.erisa-credits {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .list-box li {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .list-box li a:link,
  .list-box li a:visited {
    /* font-size: 18px; */
    line-height: 1.2;
  }

  .modal-body .flexbox {
    flex-direction: column;
  }

  footer div.container {
    max-width: 900px;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .contact-box {
    width: 100%;
  }

  footer div.container.erisa-credits {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}

@media screen and (max-width: 890) {
  .list-and-content div.container.p-2.pt-0 {
    margin-left: 0;
  }
}

@media (max-width: 860px) {
  footer p,
  footer span {
    font-size: 14px;
  }

  footer div.container.erisa-credits {
    flex-direction: column;
    align-items: flex-start;
  }

  .volben-container {
    flex-direction: column;
    gap: 64px;
  }

  .volben-carrier {
    height: auto;
    width: 100%;
    justify-content: flex-start;
    padding: 12px;
  }

  .imgHeight {
    height: auto;
  }

  .list-and-content .card .link-list {
    padding-left: 0;
  }

  .list-and-content div.container.p-2.pt-0 {
    margin-left: 260px;
  }
}

@media screen and (max-width: 832px) {
  #hcaLogo {
    width: 42px;
  }

  #seal {
    width: 36px;
  }

  .navbar-links {
    gap: 22px;
  }

  /* .homestar-runner {
flex-direction: column-reverse;
} */

  /* .homestar-runner aside {
height: auto;
flex-direction: row;
gap: 16px;
width: 100%;
flex-wrap: wrap;
} */

  /* .homestar-runner aside .quicklink:link,
.homestar-runner aside .quicklink:visited {
justify-content: center;
} */

  /* .lrg-btn-section {
max-width: 90vw;
margin: 0 auto;
} */

  .quicklinks-container {
    flex-direction: column;
  }

  .quicklinks-container.volben {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px;
  }
}

@media screen and (max-width: 782px) {
  .swiper-wrapper {
    width: 100%;
  }

  .swiper-pagination {
    display: none;
  }

  .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 10px);
  }

  .news-content .btn.news-btn {
    display: flex;
  }

  .quicklinks-container {
    flex-direction: column;
  }

  /* employerResources */
  .side-by-side {
    width: 100%;
    flex-direction: column;
  }

  .list-box {
    width: 100%;
  }

  .list-box li a:link,
  .list-box li a:visited {
    font-size: 22px;
  }

  /* #PCtable {
    display: none;
  }
  #Moblietable {
    display: block;
  } */
  .list-and-content div.container.p-2.pt-0 {
    margin-left: 190px;
  }
}

@media screen and (max-width: 744px) {
  .navbar {
    background: var(--bg-gradient);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    transform: translateX(100%);

    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in;

    /* hide navigation by default */
    /* display none does not allow animations */
    /* display: none; */

    opacity: 0;

    pointer-events: none;

    visibility: hidden;
  }

  .navbar-links li a:link,
  .navbar-links li a:visited {
    font-size: 32px;
  }

  .btn-mobile-nav {
    display: block;
    z-index: 1000;
  }

  .nav-open .navbar {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    transform: translateX(0);
    z-index: 900;
  }

  .nav-open .icon-mobile-nav[name="close-outline"] {
    display: block;
  }

  .nav-open .icon-mobile-nav[name="menu-outline"] {
    display: none;
  }

  .navbar-links {
    flex-direction: column;
    gap: 48px;
    width: 100%;
    text-align: center;
  }

  .navbar-links a:link,
  .navbar-links a:visited {
    font-size: 42px;
  }

  #theme-toggle {
    font-size: 32px;
  }
  .bx.bx-home,
  .bx.bx-bulb {
    font-size: 24px;
  }
}

@media screen and (max-width: 660px) {
  /* .list-and-content div.container.p-2.pt-0 {
   
    margin-left: 206px;
  } */

  .left-vertical-nav {
    margin-top: 220px;
  }
}

@media screen and (max-width: 600px) {
  /* footer sonm logo w/ link need to be separated */
  .portal-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .list-and-content div.container.p-2.pt-0 {
    margin-left: 0;
  }

  .left-vertical-nav {
    display: none;
  }
}

@media screen and (max-width: 576px) {
  .card img {
    max-height: 120px;
  }
}

@media screen and (max-width: 480px) {
  .floater-box a:link,
  .floater-box a:visited {
    font-size: 16px;
  }

  footer div.container {
    grid-template-columns: 1fr;
  }

  footer div.container.erisa-credits {
    flex-direction: column;
  }
}

@media screen and (max-width: 464px) {
  .quicklinks-container.volben {
    flex-direction: column;
    height: 1000px;
  }

  .volben-quicklink {
    width: 100%;
    max-width: 100%;
    gap: 24px;
  }
}

@media screen and (max-width: 420px) {
  .call-to-action:link,
  .call-to-action:visited {
    width: 100%;
    text-align: center;
  }
}