/* Mobile styles (370px - 767px) */
@media screen and (max-width: 767px) {
  /* Header mobile styles */
  .header__soc-desktop {
    display: none;
  }

  .header__phone-desktop {
    display: none;
  }

  .header__phone-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .header__phone-mobile svg {
    width: 24px;
    height: 24px;
    fill: white;
  }

  /* First screen mobile styles */
  .first-screen__title-desktop,
  .first-screen__subtitle {
    display: none;
  }

  .first-screen__title-item {
    font-size: 28px;
    line-height: 0.4;
    text-align: center;
    text-transform: initial;
  }

  .first-screen__title-subtitle {
    font-size: 36px;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px;
  }

  .first-screen__content {
    text-align: center;
    padding: 0 26px;
    position: initial;
  }

  .first-screen__subtitle {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
  }

  .first-screen__subtitle-mobile {
    font-size: 16px;
    line-height: 24px;
  }

  .first-screen__title {
    position: initial;
    transform: none;
  }

  .first-screen {
    flex-direction: column;
    justify-content: flex-end;
  }
}

/* Desktop styles */
@media screen and (min-width: 768px) {
  .header__phone-mobile {
    display: none;
  }

  .first-screen__title-mobile {
    display: none;
  }

  .first-screen__subtitle-mobile {
    display: none;
  }
}