/* ===== RESPONSIVE FIXES ===== */

/* Tablets */
@media (max-width: 992px){
  .apps{
    grid-template-columns: repeat(2, 1fr);
  }
  header{
    padding:15px;
  }
}

/* Mobile */
@media (max-width: 600px){
  .apps{
    grid-template-columns: 1fr;
    padding:15px;
  }

  header{
    flex-direction:column;
    text-align:center;
    gap:10px;
  }

  .card{
    padding:15px;
    border-radius:14px;
  }

  .card img{
    width:70px;
    height:70px;
  }

  .btn{
    font-size:14px;
    padding:10px;
  }

  .downloads{
    font-size:12px;
  }
}

/* Small Mobile */
@media (max-width: 360px){
  .bonus{
    font-size:13px;
  }
}