@media only screen and (max-width: 1280px) {
  html,
  body {
    overflow-x: hidden;
  }

  .navbar__top,
  .navbar,
  .header {
    width: 100%;
    height: auto;
    padding: 0 24px;
  }

  .about__us-box {
    width: 100%;
    height: auto;
    padding: 60px 24px 40px;
  }

  .horizontal__snap {
    margin: 0 auto;
    display: grid;
    grid-auto-flow: column;
    gap: 1rem;
    height: auto;
    padding: 1rem 32px;
    max-width: 100%;
    overflow-y: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
  }

  .horizontal__snap > a {
    scroll-snap-align: center;
  }

  .horizontal__snap img {
    width: 140px;
    max-width: none;
    object-fit: contain;
    border-radius: 1rem;
  }

  .header__content-box-left h1 {
    padding-right: unset;
    font-size: 48px;
  }

  .header__content-box-left h4 {
    font-size: 24px;
  }

  .servicespage-box {
    width: 100%;
    margin: 0 auto;
    padding: 120px 0 60px;
  }

  .blog-container {
    width: 100%;
    padding: 16px;
  }

  .blogpage-box {
    width: 100%;
    padding: 16px;
  }

  .blogpage__container {
    width: 100%;
    padding: 16px;
  }

  .offertepage-box {
    width: 100%;
    padding: 16px;
  }

  .header__content-box-right img {
    height: auto;
  }
  .horizontal__snap-dot {
    display: none;
  }
}