/* screen - desktop-all-breakpoints */

.desktop-all-breakpoints {
  align-items: center;
  background-color: var(--global09-white);
  display: flex;
  flex-direction: column;
  min-width: 1440px;
  position: relative;
}

.desktop-all-breakpoints .hero {
  align-items: center;
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/hero-8.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 700px;
  justify-content: center;
  position: relative;
  width: 100%;
  margin-top: -208px;
}

.desktop-all-breakpoints .hero-text-container {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .hero-text {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .hero-headline {
  letter-spacing: -2.00px;
  line-height: 65px;
  opacity: 0;
  position: relative;
  text-align: center;
  width: 585px;
}

.desktop-all-breakpoints .hero-headline.bp3-animate-enter {
  animation: bp3-animate-enter-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp3-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.desktop-all-breakpoints .buttons-1 {
  border-radius: 4px;
  display: flex;
  gap: 30px;
  height: 46px;
  overflow: hidden;
  width: 376px;
}

.desktop-all-breakpoints .buttons-2 {
  align-self: stretch;
  background-color: var(--lithia-primary-blue);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 20px 12px;
  transition: all 0.2s ease;
}

.desktop-all-breakpoints .buttons-2:hover {
  transform: scale(0.95); 
}

.desktop-all-breakpoints .text-3 {
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -8.00px;
  margin-top: -10.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.desktop-all-breakpoints .buttons-3 {
  align-self: stretch;
  border: 2px solid;
  border-color: var(--global09-white);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 20px 12px;
  transition: all 0.2s ease;
}

.desktop-all-breakpoints .buttons-3:hover {
  transform: scale(0.95); 
}

.desktop-all-breakpoints .text-4 {
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -7.00px;
  margin-left: -3.50px;
  margin-right: -3.50px;
  margin-top: -11.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.desktop-all-breakpoints .product-highlight-section {
  background-color: var(--global09-white);
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  overflow: hidden;
  padding: 50px 0px 60px;
  transform: translate(0, 25px);
}

.desktop-all-breakpoints .product-highlight-section.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter1-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.desktop-all-breakpoints .product-highlight-container {
  display: flex;
  gap: 30px;
  padding: 0px 100px;
}

.desktop-all-breakpoints .text-5 {
  align-items: flex-start;
  background-color: var(--global09-white);
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  justify-content: center;
  padding: 0px 0px 30px;
  position: relative;
  max-width: 720px;
}

.desktop-all-breakpoints .whats-making-waves-this-season {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 28.8px;
  margin-top: -1.00px;
  position: relative;
}

.desktop-all-breakpoints .button {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 76px;
  justify-content: center;
  position: relative;
  width: 480px;
}

.desktop-all-breakpoints .buttons-4 {
  background-color: var(--lithia-primary-blue);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 46px;
  justify-content: center;
  padding: 6px 12px;
  transition: all 0.2s ease;
  width: 173px;
}

.desktop-all-breakpoints .buttons-4:hover {
  transform: scale(0.95); 
}

.desktop-all-breakpoints .text {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.desktop-all-breakpoints .video {
  border-radius: 8px;
  flex: 1;
  flex-grow: 1;
  height: 458px;
  position: relative;
  max-width: 720px;
}

.desktop-all-breakpoints .categories-section {
  flex-direction: column;
  opacity: 0;
  padding: 60px 0px;
  transform: translate(0, 25px);
}

.desktop-all-breakpoints .categories-section.bp3-animate-enter2 {
  animation: bp3-animate-enter2-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter2-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.desktop-all-breakpoints .categories-container {
  display: flex;
}

.desktop-all-breakpoints .category-card {
  align-items: flex-start;
  background-color: var(--global09-white);
  border-radius: 8px;
  box-shadow: 0px 2px 20px #0000004c;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 330px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
  width: 350px;
}

.desktop-all-breakpoints .category-card:hover {
  transform: scale(0.95); 
}

.desktop-all-breakpoints .body {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--global09-white);
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 160px;
  justify-content: center;
  padding: 24px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .text-6 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  margin-bottom: -5.50px;
  margin-top: -5.50px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .text-7 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  margin-right: -24.00px;
  position: relative;
  width: 326px;
}

.desktop-all-breakpoints .text-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .products-title {
  flex-direction: column;
  padding: 60px 0px 20px;
}

.desktop-all-breakpoints .products-title.bp3-animate-enter3 {
  animation: bp3-animate-enter3-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter3-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.desktop-all-breakpoints .made-for-movement-s {
  align-self: stretch;
  letter-spacing: -0.24px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop-all-breakpoints .these-are-the-pieces {
  align-self: stretch;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.desktop-all-breakpoints .products-section {
  flex-direction: column;
  padding: 50px 30px 0px;
}

.desktop-all-breakpoints .products-section.bp3-animate-enter6 {
  animation: bp3-animate-enter6-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex;
}

@keyframes bp3-animate-enter6-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.desktop-all-breakpoints .products.bp3-animate-enter4 {
  animation: bp3-animate-enter4-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex; 
}

@keyframes bp3-animate-enter4-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.desktop-all-breakpoints .card {
  align-items: center;
  box-shadow: 0px 2px 20px #0000004c;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 458px;
  position: relative;
}

.desktop-all-breakpoints .base-cards {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--global09-white);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 254px;
}

.desktop-all-breakpoints .content-image-1 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-20.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .content-image-2 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-21.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .content-image-3 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-22.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .content-image-4 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-23.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .content-image-5 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-24.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .content-image-6 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-25.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .content-image-7 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-26.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .content-image-8 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-27.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .content-image-9 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-28.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .content-image-10 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-29.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .base-cards-body {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--global09-white);
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 282px;
  padding: 20px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .allmade-unisex-organ {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.desktop-all-breakpoints .feel-your-impact-in {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.desktop-all-breakpoints .buttons {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .base {
  align-items: center;
  background-color: var(--lithia-primary-blue);
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s ease;
}

.desktop-all-breakpoints .base:hover {
  transform: scale(0.95); 
}

.desktop-all-breakpoints .quality-meets-perfor {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.desktop-all-breakpoints .name-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.desktop-all-breakpoints .made-to-breathe-thi {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.desktop-all-breakpoints .comfort-colors-ring {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.desktop-all-breakpoints .soft-to-the-touch-an {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.desktop-all-breakpoints .district-lightweight-fleece-14-zip {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.desktop-all-breakpoints .made-to-layer-this {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.desktop-all-breakpoints .products-container-1 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 24px;
  justify-content: center;
  opacity: 0;
  padding: 0px 0px 30px;
  position: relative;
  transform: translate(0, 25px);
  width: 100%;
}

.desktop-all-breakpoints .products-container-1.bp3-animate-enter5 {
  animation: bp3-animate-enter5-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex;
}

@keyframes bp3-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.desktop-all-breakpoints .north-end-mens-aura {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.desktop-all-breakpoints .north-end-womens-au {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.desktop-all-breakpoints .water-repellent-sho-1 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.desktop-all-breakpoints .a-subtle-pixelated-p {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.desktop-all-breakpoints .a-delicate-pixel-tex {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.desktop-all-breakpoints .port-authority-women-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.desktop-all-breakpoints .this-versatile-full {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.desktop-all-breakpoints .extra-section {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 30px 40px 60px 0px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .buttons-5 {
  background-color: var(--lithia-primary-blue);
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  height: 46px;
  justify-content: center;
  padding: 6px 12px;
  transition: all 0.2s ease;
}

.desktop-all-breakpoints .buttons-5:hover {
  transform: scale(0.95); 
}

.desktop-all-breakpoints .info {
  align-items: center;
  align-self: stretch;
  background-color: var(--seashell);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 0px 0px 60px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .info-frame {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--seashell);
  display: flex;
  flex: 0 0 auto;
  gap: 48px;
  justify-content: center;
  padding: 120px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .text-block {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  min-width: 324px;
  padding: 24px 0px 0px;
  position: relative;
}

.desktop-all-breakpoints .footer-container {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--seashell);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 60px 0px 0px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .footer {
  align-items: center;
  align-self: stretch;
  background-color: var(--lithia-secondary-blue);
  display: flex;
  flex: 0 0 auto;
  gap: 96px;
  justify-content: center;
  padding: 0px 120px 120px;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .container {
  align-items: flex-start;
  border-color: var(--white-2);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 120px;
  padding: 80px 0px;
  position: relative;
}

.desktop-all-breakpoints .content {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 56px;
  position: relative;
}

.desktop-all-breakpoints .company {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
  width: 364px;
}

.desktop-all-breakpoints .lithia-springs-marina-store {
  letter-spacing: -0.48px;
  line-height: 34.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.desktop-all-breakpoints .nav {
  align-items: flex-start;
  display: flex;
  gap: 40px;
  position: relative;
  width: 389px;
}

.desktop-all-breakpoints .categories {
  letter-spacing: -0.08px;
  line-height: 23.2px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop-all-breakpoints .buttons-6 {
  align-items: center;
  position: relative;
}

.desktop-all-breakpoints .categories-1 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desktop-all-breakpoints .port-authority {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.desktop-all-breakpoints .product-highlight {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
  justify-content: center;
}

.desktop-all-breakpoints .products {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 24px;
  justify-content: center;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 100%;
}
/* screen - mobile */

.mobile {
  align-items: center;
  background-color: var(--global09-white);
  display: flex;
  flex-direction: column;
  max-width: 833px;
  min-width: 393px;
  position: relative;
}

.mobile .hero-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/hero-8.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 700px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobile .hero-text-container-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobile .hero-text-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobile .hero-title-1 {
  align-self: stretch;
  letter-spacing: 1.62px;
  line-height: normal;
  position: relative;
  text-align: center;
}

.mobile .hero-headline-1 {
  align-self: stretch;
  letter-spacing: -2.00px;
  line-height: 65px;
  opacity: 0;
  position: relative;
  text-align: center;
}

.mobile .hero-headline-1.bp1-animate-enter {
  animation: bp1-animate-enter-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.mobile .buttons-7 {
  align-items: center;
  border-radius: 4px;
  display: flex;
  gap: 10px;
  height: 46px;
  overflow: hidden;
  position: relative;
  width: 376px;
}

.mobile .buttons-8 {
  align-items: center;
  align-self: stretch;
  background-color: var(--lithia-primary-blue);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 20px 12px;
  position: relative;
  transition: all 0.2s ease;
}

.mobile .buttons-8:hover {
  transform: scale(0.95); 
}

.mobile .text-11 {
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -8.00px;
  margin-top: -10.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.mobile .buttons-9 {
  align-items: center;
  align-self: stretch;
  border: 2px solid;
  border-color: var(--global09-white);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 20px 12px;
  position: relative;
  transition: all 0.2s ease;
}

.mobile .buttons-9:hover {
  transform: scale(0.95); 
}

.mobile .text-12 {
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -7.00px;
  margin-top: -11.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.mobile .product-highlight-section-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--global09-white);
  border-radius: 16px;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  overflow: hidden;
  padding: 50px 0px 60px;
  position: relative;
  transform: translate(0, 25px);
  width: 100%;
}

.mobile .product-highlight-section-1.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter1-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.mobile .product-highlight-container-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 0px 30px;
  position: relative;
  width: 100%;
}

.mobile .text-13 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--global09-white);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  padding: 0px 0px 30px;
  position: relative;
  width: 100%;
}

.mobile .whats-making-waves-this-season-1 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 28.8px;
  margin-top: -1.00px;
  position: relative;
}

.mobile .fully-seam-sealed-an-1 {
  align-self: stretch;
  letter-spacing: -0.14px;
  line-height: 20.3px;
  position: relative;
}

.mobile .video-1 {
  align-self: stretch;
  border-radius: 8px;
  height: 325px;
  position: relative;
  width: 100%;
}

.mobile .button-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 76px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobile .buttons-10 {
  align-items: center;
  background-color: var(--lithia-primary-blue);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 46px;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s ease;
  width: 173px;
}

.mobile .buttons-10:hover {
  transform: scale(0.95); 
}

.mobile .text-8 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.mobile .categories-section-1 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  opacity: 0;
  padding: 60px 0px;
  position: relative;
  transform: translate(0, 25px);
  width: 100%;
}

.mobile .categories-section-1.bp1-animate-enter2 {
  animation: bp1-animate-enter2-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter2-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.mobile .categories-container-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobile .category-card-2 {
  width: 302px;
}

.mobile .category-card-2:hover {
  transform: scale(0.95); 
}

.mobile .image-1 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.mobile .body-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--global09-white);
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 160px;
  justify-content: center;
  padding: 24px;
  position: relative;
  width: 100%;
}

.mobile .text-14 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  margin-bottom: -5.50px;
  margin-top: -5.50px;
  position: relative;
  width: 100%;
}

.mobile .shop-1 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 34.8px;
  margin-top: -1.00px;
  position: relative;
}

.mobile .layer-up-for-early-l-1 {
  align-self: stretch;
  letter-spacing: -0.07px;
  line-height: 19.6px;
  position: relative;
}

.mobile .category-card-1 {
  width: 301px;
}

.mobile .category-card-1:hover {
  transform: scale(0.95); 
}

.mobile .text-15 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  margin-right: -73.00px;
  position: relative;
  width: 326px;
}

.mobile .from-sun-soaked-afte-1 {
  align-self: stretch;
  letter-spacing: -0.07px;
  line-height: 19.6px;
  position: relative;
}

.mobile .text-9 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.mobile .whether-youre-casti-1 {
  align-self: stretch;
  letter-spacing: -0.07px;
  line-height: 19.6px;
  position: relative;
}

.mobile .products-title-1 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  opacity: 0;
  padding: 60px 30px 20px;
  position: relative;
  transform: translate(0, 25px);
  width: 100%;
}

.mobile .products-title-1.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter3-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.mobile .made-for-movement-s-1 {
  align-self: stretch;
  letter-spacing: -0.24px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile .these-are-the-pieces-1 {
  align-self: stretch;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.mobile .products-section-1 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  opacity: 0;
  padding: 50px 30px 0px;
  position: relative;
  transform: translate(0, 25px);
  width: 100%;
}

.mobile .products-section-1.bp1-animate-enter8 {
  animation: bp1-animate-enter8-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex;
}

@keyframes bp1-animate-enter8-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.mobile .products-container.bp1-animate-enter4 {
  animation: bp1-animate-enter4-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex;
}

@keyframes bp1-animate-enter4-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.mobile .card-1 {
  align-items: center;
  box-shadow: 0px 2px 20px #0000004c;
  display: inline-flex;
  gap: 10px;
  height: 458px;
  position: relative;
}

.mobile .base-cards-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--global09-white);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 254px;
}

.mobile .content-image-1 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-20.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.mobile .content-image-2 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-21.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.mobile .content-image-3 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-22.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.mobile .content-image-4 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-23.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.mobile .content-image-5 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-24.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.mobile .content-image-6 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-25.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.mobile .content-image-7 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-26.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.mobile .content-image-8 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-27.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.mobile .content-image-9 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-28.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.mobile .content-image-10 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-29.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.mobile .base-cards-body-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--global09-white);
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 282px;
  padding: 20px;
  position: relative;
  width: 100%;
}

.mobile .title-subtitle-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6px;
  margin-right: -1.00px;
  position: relative;
}

.mobile .allmade-unisex-organ-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.mobile .feel-your-impact-in-1 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.mobile .buttons-6 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobile .base-1 {
  align-items: center;
  background-color: var(--lithia-primary-blue);
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s ease;
}

.mobile .base-1:hover {
  transform: scale(0.95); 
}

.mobile .containter-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  justify-content: center;
  position: relative;
}

.mobile .text-10 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.mobile .quality-meets-perfor-1 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.mobile .made-to-breathe-thi-1 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.mobile .products-container.bp1-animate-enter5 {
  animation: bp1-animate-enter5-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex;
}

@keyframes bp1-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.mobile .comfort-colors-ring-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.mobile .soft-to-the-touch-an-1 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.mobile .district-lightweight-fleece-14-zip-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.mobile .made-to-layer-this-1 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.mobile .north-end-mens-aura-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.mobile .products-container-4 {
  padding: 0px 0px 30px;
}

.mobile .products-container-4.bp1-animate-enter6 {
  animation: bp1-animate-enter6-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex;
}

@keyframes bp1-animate-enter6-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.mobile .north-end-womens-au-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.mobile .port-authority-digi-1 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.mobile .a-subtle-pixelated-p-1 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.mobile .a-delicate-pixel-tex-1 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.mobile .products-container-5 {
  padding: 0px 0px 30px;
}

.mobile .products-container-5.bp1-animate-enter7 {
  animation: bp1-animate-enter7-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex;
}

@keyframes bp1-animate-enter7-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.mobile .this-versatile-full-1 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.mobile .extra-section-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 30px 15px 60px;
  position: relative;
  width: 100%;
}

.mobile .buttons-11 {
  align-items: center;
  background-color: var(--lithia-primary-blue);
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  height: 46px;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s ease;
}

.mobile .buttons-11:hover {
  transform: scale(0.95); 
}

.mobile .info-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--seashell);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 0px 0px 60px;
  position: relative;
  width: 100%;
}

.mobile .info-frame-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--seashell);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 48px;
  justify-content: center;
  padding: 120px 30px;
  position: relative;
  width: 100%;
}

.mobile .text-block-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 16px;
  min-width: 324px;
  padding: 24px 0px 0px;
  position: relative;
  width: 100%;
}

.mobile .shipping-info-1 {
  letter-spacing: -0.48px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .orders-are-produced-1 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 24px;
  position: relative;
}

.mobile .span-1 {
  letter-spacing: -0.01px;
}

.mobile .return-policy-1 {
  letter-spacing: -0.48px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .custom-embroidered-p-1 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 24px;
  position: relative;
}

.mobile .footer-container-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--seashell);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 60px 0px 0px;
  position: relative;
  width: 100%;
}

.mobile .footer-1 {
  background-color: var(--seashell);
  flex-direction: column;
  gap: 10px;
  padding: 60px 0px 0px;
}

.mobile .footer-frame {
  background-color: var(--lithia-secondary-blue);
  gap: 96px;
  padding: 0px 30px 120px;
}

.mobile .container-1 {
  align-items: flex-start;
  border-color: var(--white-2);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 120px;
  padding: 80px 0px;
  position: relative;
}

.mobile .content-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 56px;
  position: relative;
  width: 100%;
}

.mobile .company-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  margin-right: -31.00px;
  position: relative;
  width: 364px;
}

.mobile .lithia-springs-marina-store-1 {
  letter-spacing: -0.48px;
  line-height: 34.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.mobile .powered-by-systemax-1 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.mobile .nav-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  gap: 40px;
  margin-right: -56.00px;
  position: relative;
  width: 389px;
}

.mobile .column-1-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
  width: 178px;
}

.mobile .header-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  padding: 0px 0px 16px;
  position: relative;
  width: 100%;
}

.mobile .categories-1 {
  letter-spacing: -0.08px;
  line-height: 23.2px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .outerwear-1 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.mobile .tops-1 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.mobile .bottoms-1 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.mobile .column-3-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  margin-right: -7.00px;
  position: relative;
  width: 178px;
}

.mobile .support-1 {
  letter-spacing: -0.08px;
  line-height: 23.2px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .place-1 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.mobile .my-account-1 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.mobile .sign-out-1 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.mobile .category-card {
  align-items: flex-start;
  aspect-ratio: 1.06;
  background-color: var(--global09-white);
  border-radius: 8px;
  box-shadow: 0px 2px 20px #0000004c;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 284px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
}

.mobile .footer {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobile .products-container {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 100%;
}
/* screen - tablet */

.tablet {
  align-items: center;
  background-color: var(--global09-white);
  display: flex;
  flex-direction: column;
  max-width: 1439px;
  min-width: 834px;
  position: relative;
}

.tablet .hero-2 {
  align-items: center;
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/hero-8.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 700px;
  justify-content: center;
  position: relative;
  width: 100%;
  margin-top: -145px;
}

.tablet .hero-text-container-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tablet .hero-text-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tablet .hero-title-2 {
  align-self: stretch;
  letter-spacing: 1.62px;
  line-height: normal;
  position: relative;
  text-align: center;
}

.tablet .hero-headline-2 {
  align-self: stretch;
  letter-spacing: -2.00px;
  line-height: 65px;
  opacity: 0;
  position: relative;
  text-align: center;
}

.tablet .hero-headline-2.bp2-animate-enter {
  animation: bp2-animate-enter-frames 0.20s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
}

@keyframes bp2-animate-enter-frames {
  from{opacity: 0;
}
to{opacity: 1;
}
}

.tablet .buttons-13 {
  align-items: center;
  border-radius: 4px;
  display: flex;
  gap: 30px;
  height: 46px;
  overflow: hidden;
  position: relative;
  width: 376px;
}

.tablet .buttons-14 {
  align-items: center;
  align-self: stretch;
  background-color: var(--lithia-primary-blue);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 20px 12px;
  position: relative;
  transition: all 0.2s ease;
}

.tablet .buttons-14:hover {
  transform: scale(0.95); 
}

.tablet .text-19 {
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -8.00px;
  margin-top: -10.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .buttons-15 {
  align-items: center;
  align-self: stretch;
  border: 2px solid;
  border-color: var(--global09-white);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 20px 12px;
  position: relative;
  transition: all 0.2s ease;
}

.tablet .buttons-15:hover {
  transform: scale(0.95); 
}

.tablet .text-20 {
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: -7.00px;
  margin-left: -3.50px;
  margin-right: -3.50px;
  margin-top: -11.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .product-highlight-section-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--global09-white);
  border-radius: 16px;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
  overflow: hidden;
  padding: 50px 0px 60px;
  position: relative;
  transform: translate(0, 25px);
  width: 100%;
}

.tablet .product-highlight-section-2.bp2-animate-enter1 {
  animation: bp2-animate-enter1-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter1-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .product-highlight-container-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 20px;
  padding: 0px 30px;
  position: relative;
  width: 100%;
}

.tablet .text-21 {
  align-items: flex-start;
  background-color: var(--global09-white);
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  justify-content: center;
  overflow: hidden;
  padding: 0px 0px 30px;
  position: relative;
}

.tablet .whats-making-waves-this-season-2 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 28.8px;
  margin-top: -1.00px;
  position: relative;
}

.tablet .fully-seam-sealed-an-2 {
  align-self: stretch;
  letter-spacing: -0.14px;
  line-height: 20.3px;
  position: relative;
}

.tablet .button-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 76px;
  justify-content: center;
  margin-right: -103.00px;
  position: relative;
  width: 480px;
}

.tablet .buttons-16 {
  align-items: center;
  background-color: var(--lithia-primary-blue);
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 46px;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s ease;
  width: 173px;
}

.tablet .buttons-16:hover {
  transform: scale(0.95); 
}

.tablet .text-16 {
  letter-spacing: 0;
  line-height: 24px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .video-2 {
  border-radius: 8px;
  flex: 1;
  flex-grow: 1;
  height: 325px;
  position: relative;
}

.tablet .categories-section-2 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  opacity: 0;
  padding: 60px 0px;
  position: relative;
  transform: translate(0, 25px);
  width: 100%;
}

.tablet .categories-section-2.bp2-animate-enter2 {
  animation: bp2-animate-enter2-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter2-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .categories-container-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tablet .category-card-4 {
  width: 302px;
}

.tablet .category-card-4:hover {
  transform: scale(0.95); 
}

.tablet .image-2 {
  align-self: stretch;
  flex: 1;
  flex-grow: 1;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.tablet .body-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--global09-white);
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 160px;
  justify-content: center;
  padding: 24px;
  position: relative;
  width: 100%;
}

.tablet .text-22 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  margin-bottom: -5.50px;
  margin-top: -5.50px;
  position: relative;
  width: 100%;
}

.tablet .shop-2 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 34.8px;
  margin-top: -1.00px;
  position: relative;
}

.tablet .layer-up-for-early-l-2 {
  align-self: stretch;
  letter-spacing: -0.07px;
  line-height: 19.6px;
  position: relative;
}

.tablet .category-card-3 {
  width: 301px;
}

.tablet .category-card-3:hover {
  transform: scale(0.95); 
}

.tablet .text-23 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  margin-right: -73.00px;
  position: relative;
  width: 326px;
}

.tablet .from-sun-soaked-afte-2 {
  align-self: stretch;
  letter-spacing: -0.07px;
  line-height: 19.6px;
  position: relative;
}

.tablet .text-17 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 8px;
  position: relative;
  width: 100%;
}

.tablet .whether-youre-casti-2 {
  align-self: stretch;
  letter-spacing: -0.07px;
  line-height: 19.6px;
  position: relative;
}

.tablet .products-title-2 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  opacity: 0;
  padding: 60px 0px 20px;
  position: relative;
  transform: translate(0, 25px);
  width: 100%;
}

.tablet .products-title-2.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter3-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .made-for-movement-s-2 {
  align-self: stretch;
  letter-spacing: -0.24px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.tablet .these-are-the-pieces-2 {
  align-self: stretch;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
  text-align: center;
}

.tablet .products-section-2 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  justify-content: center;
  opacity: 0;
  padding: 50px 30px 0px;
  position: relative;
  transform: translate(0, 25px);
  width: 100%;
}

.tablet .products-section-2.bp2-animate-enter8 {
  animation: bp2-animate-enter8-frames 0.50s ease-in-out 0.00s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex;
}

@keyframes bp2-animate-enter8-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .products-container-6 {
  justify-content: center;
}

.tablet .products-container-6.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex;
}

@keyframes bp2-animate-enter4-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .card-2 {
  margin-left: -18.00px;
}

.tablet .base-cards-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--global09-white);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  position: relative;
  width: 254px;
}

.tablet .content-image-1 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-20.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.tablet .content-image-2 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-21.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.tablet .content-image-3 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-22.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.tablet .content-image-4 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-23.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.tablet .content-image-5 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-24.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.tablet .content-image-6 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-25.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.tablet .content-image-7 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-26.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.tablet .content-image-8 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-27.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.tablet .content-image-9 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-28.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.tablet .content-image-10 {
  align-self: stretch;
  background-image: url(https://www.orders-online.biz/~systemax/STORE.gfx/store_files/lithia-springs/content-image-29.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 143px;
  position: relative;
  width: 100%;
}

.tablet .base-cards-body-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--global09-white);
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 282px;
  padding: 20px;
  position: relative;
  width: 100%;
}

.tablet .title-subtitle-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 6px;
  margin-right: -1.00px;
  position: relative;
}

.tablet .allmade-unisex-organ-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.tablet .feel-your-impact-in-2 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.tablet .buttons-12 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

.tablet .base-2 {
  align-items: center;
  background-color: var(--lithia-primary-blue);
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s ease;
}

.tablet .base-2:hover {
  transform: scale(0.95); 
}

.tablet .containter-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  justify-content: center;
  position: relative;
}

.tablet .text-18 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .quality-meets-perfor-2 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.tablet .card-4 {
  margin-right: -18.00px;
}

.tablet .made-to-breathe-thi-2 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.tablet .products-container-7 {
  justify-content: center;
}

.tablet .products-container-7.bp2-animate-enter5 {
  animation: bp2-animate-enter5-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex;
}

@keyframes bp2-animate-enter5-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .comfort-colors-ring-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.tablet .soft-to-the-touch-an-2 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.tablet .district-lightweight-fleece-14-zip-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.tablet .made-to-layer-this-2 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.tablet .north-end-mens-aura-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.tablet .products-container-8 {
  justify-content: center;
  padding: 0px 0px 30px;
}

.tablet .products-container-8.bp2-animate-enter6 {
  animation: bp2-animate-enter6-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex;
}

@keyframes bp2-animate-enter6-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .north-end-womens-au-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.tablet .port-authority-digi-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  width: 215px;
}

.tablet .a-subtle-pixelated-p-2 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.tablet .a-delicate-pixel-tex-2 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.tablet .products-container-9 {
  padding: 0px 0px 30px;
  justify-content: center;
}

.tablet .products-container-9.bp2-animate-enter7 {
  animation: bp2-animate-enter7-frames 0.50s ease-in-out 0.25s 1 normal forwards;
  opacity: 0;
  transform: translate(0, 25px);
  display: flex;
}

@keyframes bp2-animate-enter7-frames {
  from{opacity: 0;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .this-versatile-full-2 {
  align-self: stretch;
  height: 120px;
  letter-spacing: -0.14px;
  line-height: 24px;
  position: relative;
}

.tablet .extra-section-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 30px 0px 60px 0px;
  position: relative;
  width: 100%;
}

.tablet .buttons-17 {
  align-items: center;
  background-color: var(--lithia-primary-blue);
  border-radius: 8px;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  height: 46px;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
  transition: all 0.2s ease;
}

.tablet .buttons-17:hover {
  transform: scale(0.95); 
}

.tablet .info-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--seashell);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  padding: 0px 0px 60px;
  position: relative;
  width: 100%;
}

.tablet .info-frame-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--seashell);
  display: flex;
  flex: 0 0 auto;
  gap: 48px;
  justify-content: center;
  padding: 120px;
  position: relative;
  width: 100%;
}

.tablet .text-block-1-1 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  margin-left: -51.00px;
  min-width: 324px;
  padding: 24px 0px 0px;
  position: relative;
}

.tablet .shipping-info-2 {
  letter-spacing: -0.48px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tablet .orders-are-produced-2 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 24px;
  position: relative;
}

.tablet .span-2 {
  letter-spacing: -0.01px;
}

.tablet .text-block-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  margin-right: -51.00px;
  min-width: 324px;
  padding: 24px 0px 0px;
  position: relative;
}

.tablet .return-policy-2 {
  letter-spacing: -0.48px;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tablet .custom-embroidered-p-2 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 24px;
  position: relative;
}

.tablet .footer-container-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--seashell);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 60px 0px 0px;
  position: relative;
  width: 100%;
}

.tablet .footer-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--lithia-secondary-blue);
  display: flex;
  flex: 0 0 auto;
  gap: 96px;
  justify-content: center;
  padding: 0px 120px 120px;
  position: relative;
  width: 100%;
}

.tablet .container-2 {
  align-items: flex-start;
  border-color: var(--white-2);
  border-top-style: solid;
  border-top-width: 1px;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 120px;
  padding: 80px 0px;
  position: relative;
}

.tablet .content-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 56px;
  position: relative;
}

.tablet .company-2 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  margin-right: -279.00px;
  position: relative;
  width: 364px;
}

.tablet .lithia-springs-marina-store-2 {
  letter-spacing: -0.48px;
  line-height: 34.8px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.tablet .powered-by-systemax-2 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.tablet .nav-2 {
  align-items: flex-start;
  display: flex;
  gap: 40px;
  position: relative;
  width: 389px;
}

.tablet .column-1-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  position: relative;
  width: 178px;
}

.tablet .header-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  padding: 0px 0px 16px;
  position: relative;
  width: 100%;
}

.tablet .categories-2 {
  letter-spacing: -0.08px;
  line-height: 23.2px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tablet .outerwear-2 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.tablet .tops-2 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.tablet .bottoms-2 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.tablet .column-3-2 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  margin-right: -7.00px;
  position: relative;
  width: 178px;
}

.tablet .support-2 {
  letter-spacing: -0.08px;
  line-height: 23.2px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.tablet .place-2 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.tablet .my-account-2 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.tablet .sign-out-2 {
  align-self: stretch;
  letter-spacing: -0.08px;
  line-height: 23.2px;
  position: relative;
}

.tablet .card {
  align-items: center;
  box-shadow: 0px 2px 20px #0000004c;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 10px;
  height: 458px;
  position: relative;
}

.tablet .category-card {
  align-items: flex-start;
  aspect-ratio: 1.06;
  background-color: var(--global09-white);
  border-radius: 8px;
  box-shadow: 0px 2px 20px #0000004c;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 284px;
  justify-content: center;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease;
}

.tablet .products-container {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 24px;
  opacity: 0;
  position: relative;
  transform: translate(0, 25px);
  width: 100%;
}
@media screen and (max-width: 833px) {
  .screen.desktop-all-breakpoints { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
}
@media screen and (min-width: 834px) and (max-width: 1439px) {
  .screen.desktop-all-breakpoints { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}
@media screen and (min-width: 1440px) {
  .screen.mobile { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
}