@media screen and (max-width: 320px) {
  .shelf-img {
    width: 1000px;
    padding-top: 10px;
  }

  .btn-container {
    padding-top: 30px;
  }
}

@media screen and (min-width: 321px) and (max-width: 375px) {
  .shelf-img {
    width: 1100px;
    top: 130px;
  }

  .btn-container {
    padding-top: 50px;
  }
}

@media screen and (min-width: 376px) and (max-width: 425px) {
  .shelf-img {
    width: 1100px;
    top: 120px !important;
  }

  .btn-container {
    padding-top: 50px;
  }
}

@media (min-width: 426px) and (max-width: 530px) {
  .mobile-badges {
    transform: translateY(20px);
  }

  .btn-container {
    transform: translateY(100px);
  }

  .btn-container {
    padding-bottom: 50px;
  }
}

@media (min-width: 531px) and (max-width: 640px) {
  .mobile-badges {
    transform: translateY(50px);
  }

  .btn-container {
    transform: translateY(100px);
  }

  .btn-container {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}