@media (max-width: 1850px) {
  .hero-card__bg {
    display: none;
  }

  .body__bg {
    display: none;
  }

  .hero__tittle {
    max-width: 100%;
    font-size: 40px;
  }

  .body {
    background: url(../img/BlenderBg.png) 1.2% 43.6%,
    url(../img/CoffeeMachineBg.png) 43.4% 50.8%,
    url(../img/CoockingMachineBg.png) 0% -8%,
    url(../img/puppyBg.png) 100% 0%,
    url(../img/FanBg.png) 96.6% 26.5%,
    url(../img/WatchBg.png) 0% 103.8%,
    url(../img/SmartPhoneBg.png) 24.1% 89.1%,
    url(../img/PanBg.png) 53.5% 93%,
    url(../img/BlenderX2Bg.png) 100% 103.3%,
    url(../img/bg-main.png) 0 0/cover;
    background-repeat: no-repeat;
  }
}

@media (max-width: 1366px) {
  .body {
    background: url(../img/BlenderBg.png) 1.2% 43.6%,
    url(../img/CoffeeMachineBg.png) 43.4% 38.8%,
    url(../img/CoockingMachineBg.png) 0% -8%,
    url(../img/puppyBg.png) 100% 0%,
    url(../img/WatchBg.png) 0% 94.8%,
    url(../img/PanBg.png) 53.5% 93%,
    url(../img/BlenderX2Bg.png) 100% 94.3%,
    url(../img/bg-main.png) 0 0/cover;
    background-repeat: no-repeat;
  }

  .hero__tittle {
    font-size: 32px;
  }

  .hero {
    margin-bottom: 25px;
  }

  .footer__item-link {
    font-size: 24px;
  }

  .hero-card__btn {
    font-size: 24px;
  }

  .hero-card__btn svg {
    height: 26px;
    width: 24px;
  }

  .hero__tittle {
    font-size: 28px;
  }

  .hero-card__list-tittle {
    font-size: 20px;
  }
}

@media (max-width: 1024px) {
  .footer__item:first-child {
    margin: 0;
  }

  .footer__list {
    flex-wrap: wrap;
  }
}

@media (max-width: 876px) {
  .hero__list {
    --offsets: 0;
  }

  .body {
    background: url(../img/BlenderBg.png) 1.2% 43.6%,
    url(../img/CoffeeMachineBg.png) 43.4% 60.8%,
    url(../img/WatchBg.png) 0% 94.8%,
    url(../img/BlenderX2Bg.png) 100% 94.3%,
    url(../img/bg-main.png) 0 0/cover;
    background-repeat: no-repeat;
  }
}

@media (max-width: 768px) {
  .hero__tittle {
    font-size: 32px;
  }

  .header__logo {
    max-width: 100%;
  }

  .body {
    background: url(../img/CoffeeMachineBg.png) 43.4% 50.8%,
    url(../img/WatchBg.png) 50% 88.3%,
    url(../img/bg-main.png) 0 0/cover;
    background-repeat: no-repeat;
  }

  .hero-card__tittle {
    font-size: 32px;
  }

  .hero-card__btn {
    font-size: 30px;
  }

  .hero-card__btn svg {
    height: 30px;
    width: 30px;
  }
}

@media (max-width: 320px) {
  .body {
    background: url(../img/bg-main.png) 0 0/cover;
    background-repeat: no-repeat;
  }

  .hero {
    margin-bottom: 50px;
  }

  .hero__card {
    padding: 15px;
  }

  .hero__tittle {
    margin-bottom: 30px;
  }

  .hero-card__btn {
    font-size: 24px;
  }

  .hero-card__btn svg{
    height: 26px;
    width: 20px;
  }

  .footer__list {
    justify-content: flex-start;
  }

  .footer__item-link {
    font-size: 24px;
  }

  .footer__item:not(:last-child) {
    margin-bottom: 20px;
  }

  .footer__item {
    min-height: 40px;
  }
}