/* Keeps the phone-search demonstration aligned with the other product demos. */
#block_phone .container {
  padding: 1.375rem 1.5rem;
}

#block_phone .container .block {
  display: flex;
  flex-direction: column-reverse;
}

#block_phone .container .block__title {
  margin-bottom: .875rem;
}

#block_phone .container .block__text p,
#block_phone .container .block__title h2 {
  text-align: center;
}

#block_phone .container .block__text p + p,
#block_1 .container .block__text p + p,
#block_2 .container .block__text p + p,
#block_3 .container .block__text p + p {
  margin-top: 1rem;
}

#block_phone .container .block__image {
  display: flex;
  margin: 0 -1.25rem 1.25rem;
}

#block_phone .container .block__image img {
  align-self: flex-start;
  border-radius: 8px;
  flex: none;
  width: 100%;
}

@media screen and (min-width: 768px) {
  #block_phone .container .block {
    align-items: center;
    flex-direction: row;
  }

  #block_phone .container .block__main {
    margin-right: 1.75rem;
    width: calc(33.33333% - .16667rem);
  }

  #block_phone .container .block__text p,
  #block_phone .container .block__title h2 {
    text-align: left;
  }

  #block_phone .container .block__image {
    margin: 0;
    width: calc(66.66667% - .58333rem);
  }
}

@media screen and (min-width: 768px) and (max-width: 1247px) {
  #block_phone .container .block,
  #block_1 .container .block,
  #block_2 .container .block,
  #block_3 .container .block,
  #block_1 .container .block--reverse,
  #block_2 .container .block--reverse,
  #block_3 .container .block--reverse {
    align-items: stretch;
    flex-direction: column-reverse;
  }

  #block_phone .container .block__main,
  #block_1 .container .block__main,
  #block_2 .container .block__main,
  #block_3 .container .block__main,
  #block_1 .container .block--reverse .block__main,
  #block_2 .container .block--reverse .block__main,
  #block_3 .container .block--reverse .block__main {
    margin: 0;
    width: auto;
  }

  #block_phone .container .block__image,
  #block_1 .container .block__image,
  #block_1 .container .block__video,
  #block_2 .container .block__image,
  #block_3 .container .block__image {
    margin: 0 0 1.5rem;
    width: auto;
  }
}

@media screen and (min-width: 1248px) {
  #block_phone .container {
    padding: 2.5rem 1.5rem;
  }

  #block_phone .container .block {
    align-items: flex-start;
  }

  #block_phone .container .block__main {
    margin-right: 7.5rem;
    width: 405px;
  }

  #block_phone .container .block__title {
    margin: 5.3125rem 0 .875rem;
  }

  #block_phone .container .block__image {
    width: auto;
  }

  #block_phone .container .block__image img {
    height: 280px;
    width: 673px;
  }
}

@media screen and (min-width: 1440px) {
  #block_phone .container {
    padding: 2.5rem 7.5rem;
  }
}