/* For screens that are 1550px or smaller */
@media (max-width: 1550px) {
  .container {
    width: 50%;
  }
  .campaign-logo {
    height: 300px;
  }
  .footer {
    left: 25%;
    right: 25%;
  }
}

/* For screens that are 1250px or smaller */
@media (max-width: 1250px) {
  .container {
    width: 60%;
  }
  .owl-carousel .item {
    height: 200px;
  }
  .campaign-logo {
    height: 200px;
  }
  .footer {
    left: 20%;
    right: 20%;
  }
}

/* For screens that are 1000px or smaller */
@media (max-width: 1000px) {
  .container {
    width: 100%;
  }
  .campaign-logo {
    height: 200px;
  }
  .owl-carousel .item-1 img {
    height: 100%;
  }
  .game-image img {
    width: 180px;
    height: 180px;
  }
  .game-details .clr-green {
    font-size: 30px;
  }
  .game-details .clr-violet {
    font-size: 25px;
  }
  .footer {
    left: 0;
    right: 0;
  }
}

/* For screens that are 768px or smaller */
@media (max-width: 768px) {
  .container {
    width: 100%;
  }
  .owl-carousel .item {
    height: 200px;
  }
  .campaign-logo {
    height: 200px;
  }
  .game-card {
    border-radius: 30px;
  }
  .join-now {
    width: 120px;
  }
  .game-section{
    gap:10px;
    padding: 8px 8px;
  } 
  .game-image img {
    width: 140px;
    height: 120px;
  }
  .game-details .clr-green {
    font-size: 23px;
  }
  .game-details .clr-violet {
    font-size: 18px;
  }
  .game-details img {
    height: 130px;
  }
  .note { 
    font-size: 0.6em; 
    right: 10px;
    bottom: 10px; 
  }
  .footer {
    left: 0;
    right: 0; 
    /* padding: 12px 0 10px 0; */
  }
  .footer a{
    font-size: 10px;
  }
  .footer a i { 
    font-size: 17px; 
  }
}

/* For screens that are 600px or smaller */
@media (max-width: 600px) {
  .container {
    width: 100%;
  }
  .game-card {
    border-radius: 20px;
  }
  .campaign-logo {
    height: 200px;
  }
  .join-now {
    width: 110px;
  }
  .join-now a {
    font-size: 18px;
  }
  .owl-text {
    font-size: 15px;
    top: -20px;
  }
  .card {
    margin: 5px;
    padding: 8px;
  }
  .card button {
    width: 70%;
  }
  .footer {
    left: 0;
    right: 0;
  } 
  .game-details .clr-green {
    font-size: 25px;
  }
  .game-details .clr-violet {
    font-size: 20px;
  }
  .join-now img {
    height: 60px;
    width: 160px;
    /* margin-top: -8px; */
   }
}