@media (max-width: 1199px) {
  .container {
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .mobile {
    display: block !important;
  }

  .desktop {
    display: none !important;
  }

  .feature-box .feature-item {
    margin: 0 10px;
  }

  .banner {
    height: calc(100dvh - 75px);
  }
}

@media (max-width: 767px) {
  .banner .banner-box .image-box img {
    max-width: 200px;
  }

  .banner {
    height: calc(100dvh - 97px);
  }

  .banner .banner-box .text-box h1 br {
    display: none;
  }

  .offer-btn {
    margin-top: 20px;
  }

  .offer-badge {
    font-size: 18px;
    width: 60px;
    height: 60px;
  }

  .offer-badge span {
    font-size: 10px;
  }

  .offer-text small {
    font-size: 20px;
  }

  .offer-btn {
    margin-top: 10px;
  }

  .offer-badge {
    font-size: 18px;
    width: 60px;
    height: 60px;
  }

  .offer-badge span {
    font-size: 10px;
  }

  .offer-text small {
    font-size: 20px;
  }
}