.game-grid {
  width: 50%;
  aspect-ratio: 1;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.game-info {
  font-weight: 700;
  background-color: #003055;
}

.square {
  width: 98%;
  aspect-ratio: 1 !important;
}

.mtel-logo {
  margin-top: 2rem;
  width: 15.2rem !important;
}

.game-container {
  gap: 10rem;
}

.ads {
  width: 30%;
}

.add-desktopl {
  width: 100%;
  background: url(../images/300x600.jpg);
  height: 100%;
}
.add-desktoplsec {
  background-color: red;
}
.add-desktopr {
  width: 100%;
  background: url(../images/300x600.jpg);
  height: 100%;
}
.add-desktoprsec {
  background-color: blue;
}
.ads-mobileFIrst {
  display: none;
}

@media screen and (max-width: 4096px) {
  html {
    font-size: 30%;
  }
  .mtel-logo {
    width: 25.6rem !important;
  }
  .game-info {
    width: 100%;
    display: flex !important;
    justify-content: center !important;
    gap: 10rem !important;
    margin-block: 2.4rem;
  }
  .game-grid {
  }
  .game-container {
    justify-content: center !important;
  }
  .ads {
    width: 20%;
  }
  .ads-mobile2 {
    display: none;
  }
}

@media screen and (max-width: 1000px) {
  .mtel-logo-container {
    display: none !important;
  }
  .game-info {
    font-size: 2rem;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .game-container {
    margin-block: 4.8rem;
  }
  .game-grid {
    width: 50%;
  }
  .ads-mobile {
    justify-content: center !important;
    padding: 0% 25%;
  }
  .ads-mobile2 {
    width: 100%;
    background-color: #003055;
    height: 10vh;
    margin: 0;
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ads-mobile2 img {
    /*nešo*/
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10vh;
  }
  .ads-mobileFIrst {
    width: 100%;
    height: 10vh;
    background-color: #003055;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
  }
  .ads-mobileFIrst img {
    top: 0;
    width: 100%;
    height: 10vh;
  }
}

@media screen and (max-width: 500px) {
  html {
    font-size: 38.5%;
  }
  .game-grid {
    width: 70%;
  }
  .game-info {
    gap: 4.5rem !important;
    margin-block: 3.2rem;
  }
  .game-container {
    margin-block: 6.4rem;
  }
}

.claimGift {
  color: #003055;
}