@media (min-width: 769px) {

  :root {
    --j69-desktop-width: 1120px;
    --j69-desktop-gap: 32px;
    --j69-desktop-radius: 18px;
  }

  html,
  body {
    overflow-x: hidden !important;
    background-color: #020711 !important;
  }

  .index-body {
    background-color: #020711 !important;
    background-image: url("https://juragan69.b-cdn.net/bg/juragan69-desktop-bg.webp") !important;
    background-position: center top !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
  }

  .header {
    width: calc(100% - var(--j69-desktop-gap)) !important;
    max-width: var(--j69-desktop-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  .header .container,
  .header .row,
  .top-nav .container,
  .top-nav .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .header .row,
  .top-nav .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .header .logo {
    margin-left: 0 !important;
  }


  .navbar {
    width: calc(100% - var(--j69-desktop-gap)) !important;
    max-width: var(--j69-desktop-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 0 0 16px 16px !important;
    overflow: hidden !important;
  }

  .navbar ul {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .home-slider-wrapper {
    width: calc(100% - var(--j69-desktop-gap)) !important;
    max-width: var(--j69-desktop-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(201, 151, 43, .42) !important;
    background: transparent !important;
    box-shadow:
      0 18px 36px rgba(0, 0, 0, .42),
      0 0 0 1px rgba(255, 226, 135, .06),
      0 0 18px rgba(201, 151, 43, .10) !important;
  }



  .home-slider-wrapper img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  .home-slider-wrapper .slick-slide,
  .home-slider-wrapper .slick-list,
  .home-slider-wrapper .slick-track {
    overflow: hidden !important;
  }

  .jackpot-wrapper {
    width: calc(100% - var(--j69-desktop-gap)) !important;
    max-width: var(--j69-desktop-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    border-radius: 16px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(67, 151, 214, .30) 0%, transparent 44%),
      linear-gradient(180deg, rgba(6, 40, 82, .98) 0%, rgba(3, 20, 48, .99) 48%, rgba(1, 8, 23, .99) 100%) !important;
    border: 1px solid rgba(224, 174, 65, .46) !important;
    box-shadow:
      0 18px 38px rgba(0, 0, 0, .45),
      0 0 0 1px rgba(255, 224, 126, .08),
      0 0 24px rgba(221, 166, 48, .14),
      inset 0 1px 0 rgba(255, 239, 181, .14),
      inset 0 -18px 30px rgba(0, 0, 0, .28) !important;
  }

  .jackpot-wrapper img {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .jackpot-wrapper::before {
    content: "PROGRESSIVE JACKPOT" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    min-width: 218px !important;
    height: 30px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 3 !important;
    pointer-events: none !important;
    border-radius: 0 0 8px 8px !important;
    border: 1px solid rgba(82, 47, 5, .62) !important;
    border-top: 0 !important;
    background:
      linear-gradient(180deg, #f5dc86 0%, #d39b31 50%, #8b5a10 100%) !important;
    color: #171002 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .35px !important;
    text-shadow: 0 1px 0 rgba(255, 239, 174, .45) !important;
    box-shadow:
      0 8px 18px rgba(0, 0, 0, .32),
      inset 0 1px 0 rgba(255, 250, 205, .48),
      inset 0 -1px 0 rgba(80, 45, 4, .42) !important;
  }

  .jackpot-wrapper::after {
    content: "" !important;
    position: absolute !important;
    inset: 11px 14px !important;
    z-index: 0 !important;
    pointer-events: none !important;
    border-radius: 10px !important;
    border: 1px solid rgba(224, 174, 65, .55) !important;
    background:
      linear-gradient(90deg, rgba(224, 174, 65, .22), transparent 16%, transparent 84%, rgba(224, 174, 65, .22)),
      repeating-linear-gradient(135deg, rgba(255, 255, 255, .035) 0 1px, transparent 1px 7px) !important;
    box-shadow:
      inset 0 0 0 1px rgba(255, 239, 181, .08),
      inset 0 0 22px rgba(0, 0, 0, .18),
      0 0 18px rgba(224, 174, 65, .10) !important;
    opacity: .72 !important;
  }

  .jackpot-wrapper .jackpot,
  .jackpot-wrapper .progressive-jackpot,
  .jackpot-wrapper .jackpot-content,
  .jackpot-wrapper .jackpot-number {
    color: #ffffff !important;
    text-shadow:
      0 2px 0 rgba(0, 0, 0, .38),
      0 0 14px rgba(83, 174, 255, .18),
      0 0 22px rgba(255, 218, 113, .12) !important;
  }

  #SupportedBank {
    width: calc(100% - var(--j69-desktop-gap)) !important;
    max-width: var(--j69-desktop-width) !important;
    margin: 12px auto 18px !important;
    padding: 10px 14px 12px !important;
  }

  #SupportedBank ul,
  #SupportedBank .row,
  #SupportedBank .bank-list {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #SupportedBank li,
  #SupportedBank a,
  #SupportedBank button,
  #SupportedBank .bank,
  #SupportedBank .bank-item,
  #SupportedBank .bank-list-item,
  #SupportedBank .payment-item {
    background:
      linear-gradient(180deg, rgba(7, 28, 61, .96) 0%, rgba(3, 15, 36, .98) 100%) !important;
    border: 1px solid rgba(216, 166, 47, .62) !important;
    border-radius: 8px !important;
    color: rgba(255, 255, 255, .88) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 232, 145, .10),
      inset 0 -8px 18px rgba(0, 0, 0, .18),
      0 6px 14px rgba(0, 0, 0, .20) !important;
  }

  #SupportedBank li:hover,
  #SupportedBank a:hover,
  #SupportedBank button:hover,
  #SupportedBank .bank:hover,
  #SupportedBank .bank-item:hover,
  #SupportedBank .bank-list-item:hover,
  #SupportedBank .payment-item:hover {
    border-color: rgba(255, 214, 95, .82) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 238, 165, .16),
      0 0 14px rgba(218, 165, 55, .14),
      0 8px 18px rgba(0, 0, 0, .24) !important;
  }

  #SupportedBank img {
    filter: grayscale(.16) brightness(.92) contrast(1.06) !important;
    opacity: .88 !important;
  }

  #SupportedBank .online,
  #SupportedBank .status,
  #SupportedBank .dot,
  #SupportedBank i {
    box-shadow: 0 0 8px rgba(88, 255, 138, .45) !important;
  }

  .footer,
  footer.footer {
    width: calc(100% - var(--j69-desktop-gap)) !important;
    max-width: var(--j69-desktop-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 18px 18px 0 0 !important;
    overflow: hidden !important;
  }

  .footer .container,
  footer.footer .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .header {
    background:
      linear-gradient(180deg, rgba(5, 20, 45, .98) 0%, rgba(2, 9, 22, .98) 100%) !important;
    border-top: 1px solid rgba(201, 151, 43, .24) !important;
    border-left: 1px solid rgba(201, 151, 43, .30) !important;
    border-right: 1px solid rgba(201, 151, 43, .30) !important;
    border-bottom: 0 !important;
    box-shadow:
      0 14px 34px rgba(0, 0, 0, .34),
      0 0 0 1px rgba(255, 226, 135, .04),
      inset 0 -1px 0 rgba(201, 151, 43, .12) !important;
  }

  .top-nav,
  .top-nav .container,
  .top-nav .row {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
  }

  .footer,
  footer.footer {
    background:
      radial-gradient(circle at 50% 0%, rgba(31, 112, 176, .24) 0%, transparent 42%),
      linear-gradient(180deg, rgba(4, 23, 54, .96) 0%, rgba(1, 8, 22, .98) 100%) !important;
    border-left: 1px solid rgba(201, 151, 43, .28) !important;
    border-right: 1px solid rgba(201, 151, 43, .28) !important;
    border-top: 1px solid rgba(255, 218, 113, .30) !important;
    box-shadow:
      0 -14px 34px rgba(0, 0, 0, .34),
      inset 0 1px 0 rgba(255, 221, 126, .10),
      0 0 24px rgba(201, 151, 43, .08) !important;
  }

  .footer .container,
  footer.footer .container {
    background: transparent !important;
  }
}

@media (max-width: 768px) {
  .index-body {
    background-color: #020711 !important;
    background-image: none !important;
    background-attachment: scroll !important;
  }
}