/* screen - desktop-all-breakpoints */

.desktop-all-breakpoints {
  align-items: center;
  background-color: var(--uxprimary);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 2437px;
  min-width: 1576px;
  width: 100%;
}

.desktop-all-breakpoints .main {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/main-1@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 1535px;
}

.desktop-all-breakpoints .topbar {
  align-self: stretch;
  height: 172px;
  min-width: 1576px;
  object-fit: cover;
}

.desktop-all-breakpoints .header {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
}

.desktop-all-breakpoints .title {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 336px;
  justify-content: flex-end;
  padding: 0px 230px;
}

.desktop-all-breakpoints .title-1 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 140px;
  min-width: 441px;
}

.desktop-all-breakpoints .address {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  height: 23px;
  letter-spacing: 1.92px;
  line-height: normal;
  margin-left: 3px;
  text-fill-color: transparent;
  width: 421px;
}

.desktop-all-breakpoints .become-the-next-8-ball-champion {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  height: 103px;
  letter-spacing: 0;
  line-height: 48.4px;
  text-fill-color: transparent;
  width: 437px;
}

.desktop-all-breakpoints .button {
  height: 115px;
  min-width: 315.5px;
}

.desktop-all-breakpoints .overlap-group {
  align-items: flex-start;
  background-image: url(../img/btn-1-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 115px;
  min-width: 314px;
  padding: 21.8px 32px;
}

.desktop-all-breakpoints .play-now {
  height: 57px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 243px;
}

.desktop-all-breakpoints .image {
  align-items: flex-end;
  align-self: stretch;
  border: 1px none;
  display: flex;
  height: 751px;
  justify-content: center;
  margin-top: -235px;
}

.desktop-all-breakpoints .phone {
  height: 469px;
  min-width: 838px;
  object-fit: cover;
}

.desktop-all-breakpoints .chars {
  height: 809px;
  margin-left: -160px;
  margin-top: -58.00px;
  min-width: 428px;
  object-fit: cover;
}

.desktop-all-breakpoints .body {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1369px;
  justify-content: center;
  margin-bottom: -893.00px;
  padding: 0px 240px;
}

.desktop-all-breakpoints .main-1 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  gap: 150px;
  margin-top: -0.20px;
}

.desktop-all-breakpoints .text {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 47px;
}

.desktop-all-breakpoints .address-1 {
  letter-spacing: 1.92px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.4;
  width: 438px;
}

.desktop-all-breakpoints .play-8-ball-pool-aro {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
}

.desktop-all-breakpoints .made-for-mobile-with {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
}

.desktop-all-breakpoints .image-1 {
  align-items: center;
  border: 1px none;
  display: flex;
  height: 472px;
  justify-content: flex-end;
  width: 456px;
}

.desktop-all-breakpoints .body-image-1 {
  align-self: stretch;
  flex: 1;
  height: 472px;
  min-width: 456px;
  object-fit: cover;
}

.desktop-all-breakpoints .features {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  gap: 40px;
  padding: 16px 0px;
}

.desktop-all-breakpoints .feature-1 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
}

.desktop-all-breakpoints .icon-tours {
  height: 102.93px;
  min-width: 121.92px;
  object-fit: cover;
}

.desktop-all-breakpoints .text-1 {
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 37.5px;
  height: 161.01px;
  justify-content: flex-end;
  min-width: 273.09px;
}

.desktop-all-breakpoints .world-tour {
  flex: 1;
  height: 29px;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-left: 0.1px;
  margin-right: 5.3px;
  max-height: 29px;
  transform: rotate(0.53deg);
  white-space: nowrap;
}

.desktop-all-breakpoints .unlock-new-arenas-an {
  flex: 1;
  height: 92px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 1.3px;
  margin-left: 0;
  margin-right: 0;
  max-height: 92px;
  opacity: 0.6;
  transform: rotate(0.53deg);
}

.desktop-all-breakpoints .feature-2 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  transform: rotate(0.08deg);
}

.desktop-all-breakpoints .icon-characters {
  height: 121.77px;
  margin-left: -0.08px;
  min-width: 101.09px;
  object-fit: cover;
  transform: rotate(-0.08deg);
}

.desktop-all-breakpoints .text-2 {
  border: 1px none;
  height: 147.15px;
  min-width: 266.48px;
  position: relative;
}

.desktop-all-breakpoints .characters {
  height: 29px;
  left: 0;
  letter-spacing: 0;
  line-height: 28.8px;
  position: absolute;
  top: 0;
  transform: rotate(0.53deg);
  white-space: nowrap;
  width: 266px;
}

.desktop-all-breakpoints .choose-characters-e {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  position: absolute;
  top: 62px;
  transform: rotate(0.53deg);
  width: 266px;
}

.desktop-all-breakpoints .feature-3 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 15px;
}

.desktop-all-breakpoints .icon-loot {
  height: 106.95px;
  min-width: 124.81px;
  object-fit: cover;
}

.desktop-all-breakpoints .txt {
  border: 1px none;
  height: 179.45px;
  min-width: 268.98px;
  position: relative;
}

.desktop-all-breakpoints .build-your-collection {
  height: 64px;
  left: 0;
  letter-spacing: 0;
  line-height: 28.8px;
  position: absolute;
  top: 0;
  transform: rotate(0.64deg);
  width: 269px;
}

.desktop-all-breakpoints .collect-pool-cues-g {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  position: absolute;
  top: 85px;
  transform: rotate(0.63deg);
  width: 269px;
}

.desktop-all-breakpoints .footer {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 564px;
  justify-content: center;
  margin-bottom: -0.20px;
}

.desktop-all-breakpoints .title-2 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  letter-spacing: 0;
  line-height: 247.8px;
  margin-left: -10.00px;
  margin-right: -10.00px;
  text-fill-color: transparent;
  white-space: nowrap;
  width: fit-content;
}

.desktop-all-breakpoints .download {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  gap: 50px;
  justify-content: center;
  margin-top: -100px;
  padding: 0px 150px;
}

.desktop-all-breakpoints .game-icon-1 {
  height: 391px;
  min-width: 327px;
  object-fit: cover;
}

.desktop-all-breakpoints .content {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 30px;
}

.desktop-all-breakpoints .text-3 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.desktop-all-breakpoints .download-1 {
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.desktop-all-breakpoints .play-now-start-now {
  align-self: stretch;
  height: 86px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
}

.desktop-all-breakpoints .android-download {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: fit-content;
}

.desktop-all-breakpoints .available-in {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
}

.desktop-all-breakpoints .download-buttons {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  gap: 16px;
  position: relative;
  width: fit-content;
}

.desktop-all-breakpoints .x1 {
  height: 52px;
  min-width: 172.57px;
}

.desktop-all-breakpoints .applestore-1 {
  height: 52px;
  min-width: 172.57px;
}
/* screen - mobile */

.mobile {
  align-items: center;
  background-color: var(--uxprimary);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 3840px;
  min-width: 420px;
  width: 100%;
}

.mobile .main-2 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/main-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 94px;
  height: 1290px;
  padding: 0px 1px;
}

.mobile .topbar-1 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/topbar-4@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 59px;
}

.mobile .logo {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: -73.31px;
  width: fit-content;
}

.mobile .logo-1 {
  height: 132.31px;
  min-width: 160px;
  object-fit: cover;
}

.mobile .header-1 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 663px;
  padding: 36px 0px 0px;
}

.mobile .title-3 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mobile .title-4 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 140px;
  min-width: 343px;
}

.mobile .address-2 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  height: 23px;
  letter-spacing: 1.92px;
  line-height: normal;
  margin-left: 2.3px;
  text-fill-color: transparent;
  width: 326.59px;
}

.mobile .become-the-next-8-ball-champion-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-jost);
  font-size: var(--font-size-xxxl);
  font-weight: 600;
  height: 103px;
  letter-spacing: 0;
  line-height: 35.2px;
  text-fill-color: transparent;
  width: 339px;
}

.mobile .button-1 {
  height: 132px;
  min-width: 315.5px;
}

.mobile .overlap-group-1 {
  align-items: flex-start;
  background-image: url(../img/btn-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 132px;
  min-width: 314px;
  padding: 25px 32px;
}

.mobile .play-now-1 {
  height: 65px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 243px;
}

.mobile .image-2 {
  align-items: flex-end;
  align-self: stretch;
  border: 1px none;
  display: flex;
  height: 383px;
  justify-content: flex-end;
  margin-bottom: -60.00px;
  padding: 3px 0px;
}

.mobile .phone-1 {
  height: 234px;
  min-width: 417px;
  object-fit: cover;
}

.mobile .chars-1 {
  height: 450px;
  margin-left: -294px;
  min-width: 200px;
  object-fit: cover;
  margin-bottom: -50px;
}

.mobile .body-1 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 2930px;
  justify-content: center;
  margin-bottom: -2550.00px;
  padding: 0px 50px;
}

.mobile .main-3 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 29px;
  height: 952px;
  margin-top: -0.13px;
}

.mobile .image-3 {
  align-items: center;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 356px;
  margin-left: -12.50px;
  margin-right: -12.50px;
  width: 343px;
}

.mobile .body-image-1-1 {
  align-self: stretch;
  flex: 1;
  height: 356px;
  min-width: 343px;
  object-fit: cover;
}

.mobile .text-4 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 45px;
  height: 449px;
  padding: 0px 0px 74px;
}

.mobile .address-3 {
  align-self: stretch;
  letter-spacing: 1.92px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.4;
}

.mobile .play-8-ball-pool-aro-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
}

.mobile .made-for-mobile-with-1 {
  align-self: stretch;
  height: 152px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -73.00px;
  opacity: 0.6;
}

.mobile .features-1 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
}

.mobile .feature-1-1 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mobile .icon-tours-1 {
  height: 102.93px;
  min-width: 121.92px;
  object-fit: cover;
}

.mobile .text-5 {
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 37.5px;
  height: 161.01px;
  justify-content: flex-end;
  min-width: 318px;
}

.mobile .world-tour-1 {
  flex: 1;
  height: 29px;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-left: 0.1px;
  margin-right: 5.2px;
  max-height: 29px;
  transform: rotate(0.45deg);
  white-space: nowrap;
}

.mobile .unlock-new-arenas-an-1 {
  flex: 1;
  height: 92px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 1.3px;
  margin-left: 0;
  margin-right: 0;
  max-height: 92px;
  opacity: 0.6;
  transform: rotate(0.46deg);
}

.mobile .feature-2-1 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transform: rotate(0.08deg);
}

.mobile .icon-characters-1 {
  height: 121.77px;
  margin-left: -0.08px;
  min-width: 101.09px;
  object-fit: cover;
  transform: rotate(-0.08deg);
}

.mobile .text-6 {
  align-self: stretch;
  border: 1px none;
  height: 147.15px;
  min-width: 318px;
  position: relative;
}

.mobile .characters-1 {
  height: 29px;
  left: 0;
  letter-spacing: 0;
  line-height: 28.8px;
  position: absolute;
  top: 0;
  transform: rotate(0.44deg);
  white-space: nowrap;
  width: 318px;
}

.mobile .choose-characters-e-1 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  position: absolute;
  top: 62px;
  transform: rotate(0.45deg);
  width: 318px;
}

.mobile .feature-3-1 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.mobile .icon-loot-1 {
  height: 106.95px;
  min-width: 124.81px;
  object-fit: cover;
}

.mobile .txt-1 {
  align-self: stretch;
  border: 1px none;
  height: 179.45px;
  min-width: 318px;
  position: relative;
}

.mobile .build-your-collection-1 {
  height: 64px;
  left: 0;
  letter-spacing: 0;
  line-height: 28.8px;
  position: absolute;
  top: 0;
  transform: rotate(0.54deg);
  width: 318px;
}

.mobile .collect-pool-cues-g-1 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  position: absolute;
  top: 85px;
  transform: rotate(0.63deg);
  width: 269px;
}

.mobile .footer-1 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1044px;
  justify-content: center;
  margin-bottom: -0.13px;
}

.mobile .play-now-2 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  height: 318px;
  letter-spacing: 0;
  line-height: 131.8px;
  margin-left: -19.00px;
  margin-right: -19.00px;
  text-align: center;
  text-fill-color: transparent;
  width: 356px;
}

.mobile .download-2 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 50px;
  height: 600px;
  justify-content: center;
  margin-top: -65px;
}

.mobile .game-icon-1-1 {
  height: 391px;
  margin-left: -4.50px;
  margin-right: -4.50px;
  margin-top: -51.50px;
  min-width: 327px;
  object-fit: cover;
}

.mobile .content-1 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 262px;
  margin-bottom: -51.50px;
}

.mobile .text-7 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.mobile .download-3 {
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.mobile .play-now-start-now-1 {
  align-self: stretch;
  height: 86px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
}

.mobile .android-download-1 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 9px;
  height: 87px;
}

.mobile .download-banner-1 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 9px;
  height: 87px;
}

.mobile .available-in-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
}

.mobile .download-buttons-1 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.mobile .x1-1 {
  height: 51px;
  min-width: 171px;
}

.mobile .applestore-1-1 {
  height: 51px;
  min-width: 171px;
}
/* screen - mobile-1 */

.mobile-1 {
  align-items: center;
  background-color: var(--uxprimary);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 3840px;
  min-width: 360px;
  width: 100%;
}

.mobile-1 .main-4 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/main@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 129px;
  height: 1290px;
  padding: 0px 1px;
}

.mobile-1 .topbar-2 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/topbar@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 59px;
}

.mobile-1 .logo-2 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: -73.31px;
  width: fit-content;
}

.mobile-1 .logo-3 {
  height: 132.31px;
  min-width: 160px;
  object-fit: cover;
}

.mobile-1 .header-2 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 48px;
  height: 627px;
}

.mobile-1 .title-5 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 26px;
  justify-content: center;
}

.mobile-1 .title-6 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 93px;
  min-width: 282px;
}

.mobile-1 .address-4 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  height: 23px;
  letter-spacing: 1.92px;
  line-height: normal;
  margin-left: 1.8px;
  text-fill-color: transparent;
  width: 268.06px;
}

.mobile-1 .become-the-next-8-ball-champion-2 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-jost);
  font-size: var(--font-size-xxl);
  font-weight: 600;
  height: 56px;
  letter-spacing: 0;
  line-height: 30.8px;
  text-fill-color: transparent;
  width: 278px;
}

.mobile-1 .button-2 {
  height: 132px;
  min-width: 315.5px;
}

.mobile-1 .overlap-group-2 {
  align-items: flex-start;
  background-image: url(../img/btn-1@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 132px;
  min-width: 314px;
  padding: 25px 32px;
}

.mobile-1 .play-now-3 {
  height: 65px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 243px;
}

.mobile-1 .image-4 {
  align-items: flex-end;
  align-self: stretch;
  border: 0.92px none;
  display: flex;
  height: 403px;
  justify-content: center;
  margin-bottom: -75.00px;
  padding: 2.76px 0px;
}

.mobile-1 .phone-2 {
  height: 201px;
  min-width: 358px;
  object-fit: cover;
}

.mobile-1 .chars-2 {
  height: 450px;
  margin-left: -235.54px;
  min-width: 210.7px;
  object-fit: cover;
  margin-bottom: -60px;
}

.mobile-1 .body-2 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 2930px;
  justify-content: center;
  margin-bottom: -2584.00px;
  padding: 0px 50px;
}

.mobile-1 .main-5 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 29px;
  height: 952px;
  margin-top: -0.13px;
}

.mobile-1 .image-5 {
  align-items: center;
  border: 0.8px none;
  display: flex;
  flex-direction: column;
  height: 283.87px;
  margin-left: -7.75px;
  margin-right: -7.75px;
  width: 273.5px;
}

.mobile-1 .body-image-1-2 {
  align-self: stretch;
  flex: 1;
  height: 283.87px;
  min-width: 273.5px;
  object-fit: cover;
}

.mobile-1 .text-8 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 45px;
  height: 449px;
  padding: 0px 0px 74px;
}

.mobile-1 .address-5 {
  align-self: stretch;
  letter-spacing: 1.92px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.4;
}

.mobile-1 .play-8-ball-pool-aro-2 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
}

.mobile-1 .made-for-mobile-with-2 {
  align-self: stretch;
  height: 152px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -119.00px;
  opacity: 0.6;
}

.mobile-1 .features-2 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
  justify-content: center;
}

.mobile-1 .feature-1-2 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.mobile-1 .icon-tours-2 {
  height: 102.93px;
  min-width: 121.92px;
  object-fit: cover;
}

.mobile-1 .text-9 {
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 37.5px;
  height: 161.01px;
  justify-content: flex-end;
  min-width: 258px;
}

.mobile-1 .world-tour-2 {
  flex: 1;
  height: 29px;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-left: 0.1px;
  margin-right: 5.2px;
  max-height: 29px;
  transform: rotate(0.56deg);
  white-space: nowrap;
}

.mobile-1 .unlock-new-arenas-an-2 {
  flex: 1;
  height: 92px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 1.3px;
  margin-left: 0;
  margin-right: -0.1px;
  max-height: 92px;
  opacity: 0.6;
  transform: rotate(0.56deg);
}

.mobile-1 .feature-2-2 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  transform: rotate(0.08deg);
}

.mobile-1 .icon-characters-2 {
  height: 121.77px;
  margin-left: -0.08px;
  min-width: 101.09px;
  object-fit: cover;
  transform: rotate(-0.08deg);
}

.mobile-1 .text-10 {
  align-self: stretch;
  border: 1px none;
  height: 147.15px;
  min-width: 258px;
  position: relative;
}

.mobile-1 .characters-2 {
  height: 29px;
  left: 0;
  letter-spacing: 0;
  line-height: 28.8px;
  position: absolute;
  top: 0;
  transform: rotate(0.54deg);
  white-space: nowrap;
  width: 258px;
}

.mobile-1 .choose-characters-e-2 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  position: absolute;
  top: 62px;
  transform: rotate(0.55deg);
  width: 258px;
}

.mobile-1 .feature-3-2 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.mobile-1 .icon-loot-2 {
  height: 106.95px;
  min-width: 124.81px;
  object-fit: cover;
}

.mobile-1 .txt-2 {
  align-self: stretch;
  border: 1px none;
  height: 179.45px;
  min-width: 258px;
  position: relative;
}

.mobile-1 .build-your-collection-2 {
  height: 64px;
  left: 0;
  letter-spacing: 0;
  line-height: 28.8px;
  position: absolute;
  top: 0;
  transform: rotate(0.66deg);
  width: 258px;
}

.mobile-1 .collect-pool-cues-g-2 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  position: absolute;
  top: 85px;
  transform: rotate(0.63deg);
  width: 269px;
}

.mobile-1 .footer-2 {
  align-items: center;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1044px;
  justify-content: center;
  margin-bottom: -0.13px;
  margin-left: -30.00px;
  margin-right: -30.00px;
  width: 318px;
}

.mobile-1 .play-now-4 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  height: 318px;
  letter-spacing: 0;
  line-height: 131.8px;
  margin-left: -19.00px;
  margin-right: -19.00px;
  text-align: center;
  text-fill-color: transparent;
  width: 356px;
}

.mobile-1 .download-4 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 50px;
  height: 600px;
  justify-content: center;
  margin-top: -65px;
}

.mobile-1 .game-icon-1-2 {
  height: 391px;
  margin-left: -4.50px;
  margin-right: -4.50px;
  margin-top: -51.50px;
  min-width: 327px;
  object-fit: cover;
}

.mobile-1 .content-2 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 262px;
  margin-bottom: -51.50px;
}

.mobile-1 .text-11 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.mobile-1 .download-5 {
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.mobile-1 .play-now-start-now-2 {
  align-self: stretch;
  height: 86px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
}

.mobile-1 .android-download-2 {
  align-items: flex-start;
  border: 0.95px none;
  display: flex;
  flex-direction: column;
  gap: 8.53px;
  height: 82.43px;
  width: 315.5px;
}

.mobile-1 .available-in-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -0.95px;
  width: fit-content;
}

.mobile-1 .download-buttons-2 {
  align-items: flex-start;
  border: 0.95px none;
  display: flex;
  flex-direction: row;
  gap: 15.16px;
  height: 49.27px;
  margin-bottom: -1.37px;
  position: relative;
  width: 162.01px;
}

.mobile-1 .x1-2 {
  height: 48.32px;
  min-width: 162.01px;
}

.mobile-1 .applestore-1-2 {
  height: 48.32px;
  min-width: 162.01px;
}
/* screen - tablet */

.tablet {
  align-items: center;
  background-color: var(--uxprimary);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 3843px;
  min-width: 758px;
  width: 100%;
}

.tablet .main-6 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/main-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 132px;
  height: 1271px;
}

.tablet .topbar-3 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/topbar-2@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 71px;
}

.tablet .logo-4 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: -71.00px;
  width: fit-content;
}

.tablet .logo-5 {
  height: 142px;
  min-width: 172px;
  object-fit: cover;
}

.tablet .header-3 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 618px;
}

.tablet .title-7 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  padding: 0px 50px;
}

.tablet .title-8 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 0px 214px 0px 0px;
}

.tablet .address-6 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  letter-spacing: 1.92px;
  line-height: normal;
  margin-right: -184.13px;
  margin-top: -1.00px;
  text-fill-color: transparent;
  width: 628.13px;
}

.tablet .become-the-next-8-ball-champion-3 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  height: 167px;
  letter-spacing: 0;
  line-height: 48.4px;
  text-fill-color: transparent;
  width: 444px;
}

.tablet .button-3 {
  height: 132px;
  min-width: 315.5px;
}

.tablet .overlap-group-3 {
  align-items: flex-start;
  background-image: url(../img/btn-1-2@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 132px;
  min-width: 314px;
  padding: 25px 32px;
}

.tablet .play-now-5 {
  height: 65px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 243px;
}

.tablet .image-6 {
  align-items: flex-end;
  align-self: stretch;
  border: 1px none;
  display: flex;
  height: 723px;
  justify-content: center;
  margin-bottom: -194.00px;
  margin-top: -247px;
  padding: 3px 0px;
}

.tablet .phone-3 {
  height: 352px;
  min-width: 629px;
  object-fit: cover;
}

.tablet .chars-3 {
  height: 717px;
  margin-left: -256px;
  min-width: 379px;
  object-fit: cover;
}

.tablet .body-3 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 2885px;
  justify-content: center;
  margin-bottom: -2567.00px;
  padding: 0px 100px;
}

.tablet .main-7 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-top: -8.93px;
  padding: 0px 0px 65px;
}

.tablet .text-12 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 420px;
  padding: 75px 50px 75px 0px;
}

.tablet .address-7 {
  align-self: stretch;
  letter-spacing: 1.92px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.4;
}

.tablet .play-8-ball-pool-aro-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
}

.tablet .made-for-mobile-with-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -57.00px;
  opacity: 0.6;
}

.tablet .image-7 {
  align-items: center;
  border: 1px none;
  display: flex;
  height: 472px;
  justify-content: center;
  width: 456px;
}

.tablet .body-image-1-3 {
  align-self: stretch;
  flex: 1;
  height: 472px;
  min-width: 456px;
  object-fit: cover;
}

.tablet .features-3 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 35px;
  justify-content: center;
  padding: 16px 150px 16px 0px;
}

.tablet .feature-1-3 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 265px;
}

.tablet .icon-tours-3 {
  height: 102.93px;
  min-width: 121.92px;
  object-fit: cover;
}

.tablet .text-13 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 35px;
  margin-bottom: -38.17px;
}

.tablet .world-tour-3 {
  height: 29px;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-right: -172.69px;
  transform: rotate(0.24deg);
  white-space: nowrap;
  width: 580.5px;
}

.tablet .unlock-new-arenas-an-3 {
  align-self: stretch;
  height: 92.01px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  transform: rotate(0.25deg);
}

.tablet .feature-2-3 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 40px;
  transform: rotate(0.08deg);
}

.tablet .icon-characters-3 {
  height: 121.77px;
  margin-left: -0.08px;
  min-width: 101.09px;
  object-fit: cover;
  transform: rotate(-0.08deg);
}

.tablet .text-14 {
  align-self: stretch;
  border: 1px none;
  height: 147.15px;
  min-width: 408px;
  position: relative;
}

.tablet .characters-3 {
  height: 29px;
  left: 0;
  letter-spacing: 0;
  line-height: 28.8px;
  position: absolute;
  top: 0;
  transform: rotate(0.34deg);
  white-space: nowrap;
  width: 408px;
}

.tablet .choose-characters-e-3 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  position: absolute;
  top: 62px;
  transform: rotate(0.35deg);
  width: 408px;
}

.tablet .feature-3-3 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: 300.95px;
}

.tablet .icon-loot-3 {
  height: 106.95px;
  min-width: 124.81px;
  object-fit: cover;
}

.tablet .txt-3 {
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 23.2px;
  height: 154px;
  min-width: 408px;
}

.tablet .build-your-collection-3 {
  height: 63.72px;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-left: 0.1px;
  margin-top: 1.5px;
  transform: rotate(0.39deg);
  width: 439.7px;
}

.tablet .collect-pool-cues-g-3 {
  flex: 1;
  height: 91.64px;
  letter-spacing: 0;
  line-height: normal;
  margin-left: 0;
  margin-right: -12.5px;
  max-height: 91.64px;
  opacity: 0.6;
  transform: rotate(-0.21deg);
}

.tablet .footer-3 {
  align-items: center;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 919px;
  justify-content: center;
  margin-bottom: -8.93px;
  margin-left: -99.00px;
  margin-right: -99.00px;
  width: 756px;
}

.tablet .play-now-6 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  letter-spacing: 0;
  line-height: 151.0px;
  text-fill-color: transparent;
  white-space: nowrap;
  width: fit-content;
}

.tablet .download-6 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  margin-top: -65px;
  padding: 0px 100px;
}

.tablet .game-icon-1-3 {
  height: 391px;
  min-width: 327px;
  object-fit: cover;
}

.tablet .content-3 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.tablet .text-15 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.tablet .download-7 {
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.tablet .play-now-start-now-3 {
  align-self: stretch;
  height: 86px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
}

.tablet .android-download-3 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: fit-content;
}

.tablet .available-in-3 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
}

.tablet .download-buttons-3 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  gap: 16px;
  position: relative;
  width: fit-content;
  flex-direction: row;
}

.tablet .x1-3 {
  height: 52px;
  min-width: 172.57px;
}

.tablet .applestore-1-3 {
  height: 52px;
  min-width: 172.57px;
}
/* screen - wide */

.wide {
  align-items: center;
  background-color: var(--uxprimary);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 2399px;
  min-width: 1920px;
  width: 100%;
}

.wide .main-8 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/main-5@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1554px;
}

.wide .topbar-4 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/topbar-5@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  gap: 10px;
  height: 147px;
  justify-content: center;
  padding: 10px 10px 75px;
}

.wide .logo-6 {
  align-items: center;
  border: 1px none;
  display: flex;
  flex-direction: column;
  margin-bottom: -110.00px;
  width: fit-content;
}

.wide .logo-7 {
  height: 172px;
  min-width: 234px;
  object-fit: cover;
}

.wide .header-4 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
}

.wide .title-9 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 434px;
  justify-content: flex-end;
  padding: 0px 400px;
}

.wide .title-10 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 140px;
  min-width: 441px;
}

.wide .address-8 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  height: 23px;
  letter-spacing: 1.92px;
  line-height: normal;
  margin-left: 3px;
  text-fill-color: transparent;
  width: 421px;
}

.wide .become-the-next-8-ball-champion-4 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  height: 103px;
  letter-spacing: 0;
  line-height: 48.4px;
  text-fill-color: transparent;
  width: 437px;
}

.wide .button-4 {
  height: 132px;
  min-width: 315.5px;
}

.wide .overlap-group-4 {
  align-items: flex-start;
  background-image: url(../img/btn-1-2@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 132px;
  min-width: 314px;
  padding: 25px 32px;
}

.wide .play-now-7 {
  height: 65px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 243px;
}

.wide .image-8 {
  align-items: flex-end;
  align-self: stretch;
  border: 1px none;
  display: flex;
  height: 786px;
  justify-content: center;
  margin-top: -270px;
  padding: 3px 0px;
}

.wide .phone-4 {
  height: 469px;
  min-width: 838px;
  object-fit: cover;
}

.wide .chars-4 {
  height: 809px;
  margin-left: -151px;
  margin-top: -29.00px;
  min-width: 428px;
  object-fit: cover;
}

.wide .body-4 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  margin-bottom: -952.41px;
  padding: 0px 400px;
}

.wide .main-9 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  gap: 200px;
}

.wide .text-16 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 47px;
}

.wide .address-9 {
  letter-spacing: 1.92px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.4;
  width: 438px;
}

.wide .play-8-ball-pool-aro-4 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
}

.wide .made-for-mobile-with-4 {
  align-self: stretch;
  height: 90px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
}

.wide .image-9 {
  align-items: center;
  border: 1px none;
  display: flex;
  height: 472px;
  justify-content: center;
  width: 456px;
}

.wide .body-image-1-4 {
  align-self: stretch;
  flex: 1;
  height: 472px;
  min-width: 456px;
  object-fit: cover;
}

.wide .features-4 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  gap: 42px;
  padding: 16px 0px;
}

.wide .feature-1-4 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
}

.wide .icon-tours-4 {
  height: 102.93px;
  min-width: 121.92px;
  object-fit: cover;
}

.wide .text-17 {
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 37.5px;
  height: 161.01px;
  justify-content: flex-end;
  min-width: 273.09px;
}

.wide .world-tour-4 {
  flex: 1;
  height: 29px;
  letter-spacing: 0;
  line-height: 28.8px;
  margin-left: 0.1px;
  margin-right: 5.3px;
  max-height: 29px;
  transform: rotate(0.53deg);
  white-space: nowrap;
}

.wide .unlock-new-arenas-an-4 {
  flex: 1;
  height: 92px;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 1.3px;
  margin-left: 0;
  margin-right: 0;
  max-height: 92px;
  opacity: 0.6;
  transform: rotate(0.53deg);
}

.wide .feature-2-4 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  transform: rotate(0.08deg);
}

.wide .icon-characters-4 {
  height: 121.77px;
  margin-left: -0.08px;
  min-width: 101.09px;
  object-fit: cover;
  transform: rotate(-0.08deg);
}

.wide .text-18 {
  border: 1px none;
  height: 147.15px;
  min-width: 266.48px;
  position: relative;
}

.wide .characters-4 {
  height: 29px;
  left: 0;
  letter-spacing: 0;
  line-height: 28.8px;
  position: absolute;
  top: 0;
  transform: rotate(0.53deg);
  white-space: nowrap;
  width: 266px;
}

.wide .choose-characters-e-4 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  position: absolute;
  top: 62px;
  transform: rotate(0.53deg);
  width: 266px;
}

.wide .feature-3-4 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 15px;
}

.wide .icon-loot-4 {
  height: 106.95px;
  min-width: 124.81px;
  object-fit: cover;
}

.wide .txt-4 {
  border: 1px none;
  height: 179.45px;
  min-width: 268.98px;
  position: relative;
}

.wide .build-your-collection-4 {
  height: 64px;
  left: 0;
  letter-spacing: 0;
  line-height: 28.8px;
  position: absolute;
  top: 0;
  transform: rotate(0.64deg);
  width: 269px;
}

.wide .collect-pool-cues-g-4 {
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  position: absolute;
  top: 85px;
  transform: rotate(0.63deg);
  width: 269px;
}

.wide .footer-4 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 564px;
  justify-content: center;
}

.wide .play-now-8 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  letter-spacing: 0;
  line-height: 247.8px;
  text-fill-color: transparent;
  white-space: nowrap;
  width: fit-content;
}

.wide .download-8 {
  align-items: center;
  border: 1px none;
  display: flex;
  gap: 50px;
  margin-top: -100px;
  width: 873px;
}

.wide .game-icon-1-4 {
  height: 391px;
  min-width: 327px;
  object-fit: cover;
}

.wide .content-4 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 30px;
}

.wide .text-19 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.wide .download-9 {
  letter-spacing: 0;
  line-height: 28.8px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.wide .play-now-start-now-4 {
  align-self: stretch;
  height: 86px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
}

.wide .android-download-4 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: fit-content;
}

.wide .available-in-4 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
}

.wide .download-buttons-4 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  gap: 16px;
  position: relative;
  width: fit-content;
  flex-direction: row;
}

.wide .x1-4 {
  height: 52px;
  min-width: 172.57px;
}

.wide .applestore-1-4 {
  height: 52px;
  min-width: 172.57px;
}
/* screen - wide-1 */

.wide-1 {
  align-items: center;
  background-color: #00063d;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 2935px;
  min-width: 2806px;
  width: 100%;
}

.wide-1 .main-10 {
  align-items: center;
  background-image: url(../img/main-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1507px;
  width: 2295px;
}

.wide-1 .topbar-5 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/topbar-3@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  gap: 10px;
  height: 182px;
  justify-content: center;
  padding: 10px 10px 75px;
}

.wide-1 .logo-8 {
  align-items: center;
  border: 1px none;
  display: flex;
  flex-direction: column;
  margin-bottom: -75.00px;
  width: fit-content;
}

.wide-1 .logo-9 {
  height: 172px;
  min-width: 234px;
  object-fit: cover;
}

.wide-1 .header-5 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
}

.wide-1 .title-11 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  padding: 0px 400px;
}

.wide-1 .title-12 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 196px;
  min-width: 699px;
}

.wide-1 .address-10 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  height: 23px;
  letter-spacing: 1.92px;
  line-height: normal;
  margin-left: 3.5px;
  text-fill-color: transparent;
  width: 421px;
}

.wide-1 .become-the-next-8-ball-champion-5 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  color: transparent;
  font-family: var(--font-family-jost);
  font-size: 72px;
  font-weight: 600;
  height: 159px;
  letter-spacing: 0;
  line-height: 79.2px;
  text-fill-color: transparent;
  width: 695px;
}

.wide-1 .button-5 {
  height: 184px;
  min-width: 439px;
}

.wide-1 .overlap-group-5 {
  align-items: flex-start;
  background-image: url(../img/btn-1-3@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 184px;
  min-width: 437px;
  padding: 34.8px 44.6px;
}

.wide-1 .play-now-9 {
  cursor: pointer;
  font-family: var(--font-family-jost);
  font-size: 50.2px;
  height: 91px;
  letter-spacing: 0;
  line-height: normal;
  width: 339px;
}

.wide-1 .image-10 {
  align-items: flex-end;
  align-self: stretch;
  border: 1px none;
  display: flex;
  justify-content: center;
  margin-top: -380px;
  padding: 3px 0px;
}

.wide-1 .phone-5 {
  height: 572px;
  min-width: 1023px;
  object-fit: cover;
}

.wide-1 .chars-5 {
  height: 987px;
  margin-left: -150px;
  min-width: 522px;
  object-fit: cover;
}

.wide-1 .body-5 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 70px;
  height: 1719px;
  justify-content: center;
  margin-bottom: -1387.00px;
  padding: 0px 400px;
}

.wide-1 .frame-1 {
  border: 1px none;
  height: 1178px;
  margin-left: -63.50px;
  margin-right: -63.50px;
  margin-top: -616.10px;
  min-width: 1622px;
}

.wide-1 .main-11 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  gap: 200px;
  height: 628px;
  justify-content: center;
}

.wide-1 .text-21 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 47px;
  height: 464px;
}

.wide-1 .address-11 {
  letter-spacing: 1.92px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.4;
  width: 438px;
}

.wide-1 .play-8-ball-pool-aro-5 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
}

.wide-1 .made-for-mobile-with-5 {
  align-self: stretch;
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
}

.wide-1 .image-11 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex: 1;
  justify-content: center;
}

.wide-1 .body-image-1-5 {
  flex: 1;
  height: 624px;
  min-width: 647.5px;
  object-fit: cover;
}

.wide-1 .features-5 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  gap: 100px;
  padding: 16px 0px;
}

.wide-1 .feature-1-5 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
}

.wide-1 .icon-tours-5 {
  height: 102.93px;
  min-width: 121.92px;
  object-fit: cover;
}

.wide-1 .text-22 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.wide-1 .world-tour-5 {
  height: 29px;
  letter-spacing: 0;
  line-height: 28.8px;
  transform: rotate(0.53deg);
  white-space: nowrap;
  width: 267.72px;
}

.wide-1 .unlock-new-arenas-an-5 {
  align-self: stretch;
  height: 92px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  transform: rotate(0.53deg);
}

.wide-1 .feature-2-5 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  transform: rotate(0.08deg);
}

.wide-1 .icon-characters-5 {
  height: 121.77px;
  margin-left: -0.08px;
  min-width: 101.09px;
  object-fit: cover;
  transform: rotate(-0.08deg);
}

.wide-1 .text-20 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.wide-1 .characters-5 {
  align-self: stretch;
  height: 29px;
  letter-spacing: 0;
  line-height: 28.8px;
  transform: rotate(0.33deg);
  white-space: nowrap;
}

.wide-1 .choose-characters-e-5 {
  align-self: stretch;
  height: 83.21px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  transform: rotate(0.33deg);
}

.wide-1 .feature-3-5 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 15px;
}

.wide-1 .icon-loot-5 {
  height: 106.95px;
  min-width: 124.81px;
  object-fit: cover;
}

.wide-1 .txt-5 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.wide-1 .build-your-collection-5 {
  align-self: stretch;
  height: 63.88px;
  letter-spacing: 0;
  line-height: 28.8px;
  transform: rotate(0.40deg);
}

.wide-1 .collect-pool-cues-g-5 {
  align-self: stretch;
  height: 91.64px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  transform: rotate(0.63deg);
}

.wide-1 .footer-5 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 564px;
  justify-content: center;
}

.wide-1 .play-now-10 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  letter-spacing: 0;
  line-height: 247.8px;
  text-fill-color: transparent;
  white-space: nowrap;
  width: fit-content;
}

.wide-1 .download-10 {
  align-items: center;
  border: 1px none;
  display: flex;
  gap: 50px;
  margin-top: -100px;
  width: 873px;
}

.wide-1 .game-icon-1-5 {
  height: 391px;
  min-width: 327px;
  object-fit: cover;
}

.wide-1 .content-5 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
}

.wide-1 .download-11 {
  letter-spacing: 0;
  line-height: 38.4px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.wide-1 .play-now-start-now-5 {
  align-self: stretch;
  height: 86px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
}

.wide-1 .android-download-5 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: fit-content;
}

.wide-1 .available-in-5 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
}

.wide-1 .download-buttons-5 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  gap: 16px;
  position: relative;
  width: fit-content;
  flex-direction: row;
}

.wide-1 .x1-5 {
  height: 52px;
  min-width: 172.57px;
}

.wide-1 .applestore-1-5 {
  height: 52px;
  min-width: 172.57px;
}

.wide-1 .body-6 {
  background-color: var(--uxprimary);
  border: 1px none;
  height: 1608px;
  margin-top: -180px;
  min-width: 2293px;
}
/* screen - wide2 */

.wide2 {
  align-items: center;
  background-color: var(--uxprimary);
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 100vh;
  min-height: 2835px;
  min-width: 2170px;
  width: 100%;
}

.wide2 .main-12 {
  align-items: center;
  align-self: stretch;
  background-image: url(../img/main-6@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 1507px;
}

.wide2 .topbar-6 {
  align-items: flex-start;
  align-self: stretch;
  background-image: url(../img/topbar-6@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  border: 1px none;
  display: flex;
  gap: 10px;
  height: 182px;
  justify-content: center;
  padding: 10px 10px 75px;
}

.wide2 .logo-10 {
  align-items: center;
  border: 1px none;
  display: flex;
  flex-direction: column;
  margin-bottom: -75.00px;
  width: fit-content;
}

.wide2 .logo-11 {
  height: 172px;
  min-width: 234px;
  object-fit: cover;
}

.wide2 .header-6 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
}

.wide2 .title-13 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  padding: 0px 400px;
}

.wide2 .title-14 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 140px;
  min-width: 441px;
}

.wide2 .address-12 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  height: 23px;
  letter-spacing: 1.92px;
  line-height: normal;
  margin-left: 3px;
  text-fill-color: transparent;
  width: 421px;
}

.wide2 .become-the-next-8-ball-champion-6 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  height: 103px;
  letter-spacing: 0;
  line-height: 48.4px;
  text-fill-color: transparent;
  width: 437px;
}

.wide2 .button-6 {
  height: 132px;
  min-width: 315.5px;
}

.wide2 .overlap-group-6 {
  align-items: flex-start;
  background-image: url(../img/btn-1-2@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 132px;
  min-width: 314px;
  padding: 25px 32px;
}

.wide2 .play-now-11 {
  height: 65px;
  letter-spacing: 0;
  line-height: normal;
  text-align: center;
  width: 243px;
}

.wide2 .image-12 {
  align-items: flex-end;
  align-self: stretch;
  border: 1px none;
  display: flex;
  justify-content: center;
  margin-top: -270px;
  padding: 3px 0px;
}

.wide2 .phone-6 {
  height: 572px;
  min-width: 1023px;
  object-fit: cover;
}

.wide2 .chars-6 {
  height: 987px;
  margin-left: -151px;
  min-width: 522px;
  object-fit: cover;
}

.wide2 .body-7 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 70px;
  height: 1632px;
  justify-content: center;
  margin-bottom: -1302.00px;
  padding: 0px 400px;
}

.wide2 .main-13 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  gap: 200px;
  justify-content: center;
}

.wide2 .text-24 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 47px;
  height: 464px;
}

.wide2 .address-13 {
  letter-spacing: 1.92px;
  line-height: normal;
  margin-top: -1.00px;
  opacity: 0.4;
  width: 438px;
}

.wide2 .play-8-ball-pool-aro-6 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
}

.wide2 .made-for-mobile-with-6 {
  align-self: stretch;
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
}

.wide2 .image-13 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex: 1;
  justify-content: center;
}

.wide2 .body-image-1-6 {
  flex: 1;
  height: 577px;
  min-width: 585px;
  object-fit: cover;
}

.wide2 .features-6 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  gap: 100px;
  padding: 16px 0px;
}

.wide2 .feature-1-6 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
}

.wide2 .icon-tours-6 {
  height: 102.93px;
  min-width: 121.92px;
  object-fit: cover;
}

.wide2 .text-25 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.wide2 .world-tour-6 {
  height: 29px;
  letter-spacing: 0;
  line-height: 28.8px;
  transform: rotate(0.53deg);
  white-space: nowrap;
  width: 267.72px;
}

.wide2 .unlock-new-arenas-an-6 {
  align-self: stretch;
  height: 92px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  transform: rotate(0.53deg);
}

.wide2 .feature-2-6 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 20px;
  transform: rotate(0.08deg);
}

.wide2 .icon-characters-6 {
  height: 121.77px;
  margin-left: -0.08px;
  min-width: 101.09px;
  object-fit: cover;
  transform: rotate(-0.08deg);
}

.wide2 .text-23 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.wide2 .characters-6 {
  align-self: stretch;
  height: 29px;
  letter-spacing: 0;
  line-height: 28.8px;
  transform: rotate(0.33deg);
  white-space: nowrap;
}

.wide2 .choose-characters-e-6 {
  align-self: stretch;
  height: 83.21px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  transform: rotate(0.33deg);
}

.wide2 .feature-3-6 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 15px;
}

.wide2 .icon-loot-6 {
  height: 106.95px;
  min-width: 124.81px;
  object-fit: cover;
}

.wide2 .txt-6 {
  align-items: flex-start;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.wide2 .build-your-collection-6 {
  align-self: stretch;
  height: 63.88px;
  letter-spacing: 0;
  line-height: 28.8px;
  transform: rotate(0.40deg);
}

.wide2 .collect-pool-cues-g-6 {
  align-self: stretch;
  height: 91.64px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
  transform: rotate(0.63deg);
}

.wide2 .footer-6 {
  align-items: center;
  align-self: stretch;
  border: 1px none;
  display: flex;
  flex-direction: column;
  height: 564px;
  justify-content: center;
}

.wide2 .play-now-12 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(177.44, 217.77, 255) 100%);
  background-clip: text;
  letter-spacing: 0;
  line-height: 247.8px;
  text-fill-color: transparent;
  white-space: nowrap;
  width: fit-content;
}

.wide2 .download-12 {
  align-items: center;
  border: 1px none;
  display: flex;
  gap: 50px;
  margin-top: -100px;
  width: 873px;
}

.wide2 .game-icon-1-6 {
  height: 391px;
  min-width: 327px;
  object-fit: cover;
}

.wide2 .content-6 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 40px;
}

.wide2 .download-13 {
  letter-spacing: 0;
  line-height: 38.4px;
  margin-top: -1.00px;
  white-space: nowrap;
  width: fit-content;
}

.wide2 .play-now-start-now-6 {
  align-self: stretch;
  height: 86px;
  letter-spacing: 0;
  line-height: normal;
  opacity: 0.6;
}

.wide2 .android-download-6 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  flex-direction: column;
  gap: 9px;
  width: fit-content;
}

.wide2 .available-in-6 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  width: fit-content;
}

.wide2 .download-buttons-6 {
  align-items: flex-start;
  border: 1px none;
  display: flex;
  gap: 16px;
  position: relative;
  width: fit-content;
  flex-direction: row;
}

.wide2 .x1-6 {
  height: 52px;
  min-width: 172.57px;
}

.wide2 .applestore-1-6 {
  height: 52px;
  min-width: 172.57px;
}

@media screen and (max-width: 419px) {
  .screen.desktop-all-breakpoints { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
  .screen.wide-1 { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
  .screen.wide { 
    display: none;
   }
  .screen.wide2 { 
    display: none;
   }
}
@media screen and (min-width: 420px) and (max-width: 757px) {
  .screen.mobile-1 { 
    display: none;
   }
  .screen.desktop-all-breakpoints { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
  .screen.wide-1 { 
    display: none;
   }
  .screen.wide { 
    display: none;
   }
  .screen.wide2 { 
    display: none;
   }
}
@media screen and (min-width: 758px) and (max-width: 1575px) {
  .screen.mobile-1 { 
    display: none;
   }
  .screen.desktop-all-breakpoints { 
    display: none;
   }
  .screen.wide-1 { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
  .screen.wide { 
    display: none;
   }
  .screen.wide2 { 
    display: none;
   }
}
@media screen and (min-width: 1576px) and (max-width: 1919px) {
  .screen.mobile-1 { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
  .screen.wide-1 { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
  .screen.wide { 
    display: none;
   }
  .screen.wide2 { 
    display: none;
   }
}
@media screen and (min-width: 1920px) and (max-width: 2169px) {
  .screen.mobile-1 { 
    display: none;
   }
  .screen.desktop-all-breakpoints { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
  .screen.wide-1 { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
  .screen.wide2 { 
    display: none;
   }
}
@media screen and (min-width: 2170px) and (max-width: 2805px) {
  .screen.mobile-1 { 
    display: none;
   }
  .screen.desktop-all-breakpoints { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
  .screen.wide-1 { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
  .screen.wide { 
    display: none;
   }
}
@media screen and (min-width: 2806px) {
  .screen.mobile-1 { 
    display: none;
   }
  .screen.desktop-all-breakpoints { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
  .screen.wide { 
    display: none;
   }
  .screen.wide2 { 
    display: none;
   }
}