@media (min-width: 1200px) {
  .mobile-only {
    display: none !important;
  }

  .desktop-only {
    display: unset;
  }

  .header-container {
    height: 100px;
  }

  .header-items {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .header-items button {
    margin-left: 15px;
  }

  .logo {
    width: 42px;
    height: 50px;
    top: 25px;
  }

  .get-started-button {
    display: var(--hide-sm);
  }

  .header-container-scrolled {
    box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.04);
    transition: box-shadow 0.5s ease;
  }

  /* *** ---------- HEADER - END ---------- *** */

  /* *** ---------- FOOTER - START ---------- *** */
  .footer-container {
    height: 266px;
  }

  .footer-items .appspeople-logo {
    height: 50px;
  }

  /* *** ---------- FOOTER - END ---------- *** */

  /* *** ---------- BODY - START ---------- *** */

  #body {
    padding-top: 105px;
  }

  /** banner */
  #banner {
    margin-top: 100px;
  }

  #banner .title-container {
    margin-bottom: 30px;
    min-height: 288px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .video-container {
    margin-top: 70px;
    margin-bottom: 180px;
    min-height: 540px;
  }

  .video-container .scroll-down-img {
    margin: 0;
    width: 156px;
    height: 156px;
    position: absolute;
    top: -70px;
    right: -70px;
  }

  /** generations - slider */
  .generations-container {
    margin-bottom: 81px;
  }

  .slider-container .slider-wrap {
    width: 900px;
  }

  .slider-container .track {
    padding: 0 36px;
  }

  .slider-container .slider-image-mobile {
    display: none;
  }

  .slider-container .slider-image-desktop {
    position: absolute;
    z-index: 4;
    display: unset;
    width: 65em;
    top: 16px;
  }

  .slider-container .slider-arrow {
    width: 68px;
    height: 88px;
    top: -4em;
    left: -2em;
  }

  .slider-container .hide-arrow {
    display: none;
  }

  /** cards */

  .phones {
    position: relative;
    overflow: hidden;
  }

  .cards-container {
    margin-top: 111px;
    margin-bottom: 180px;
  }

  .cards-container .polaroids {
    margin-bottom: 180px;
  }

  .cards-container .polaroids img {
    position: relative;
  }

  .cards-container .phone-image-container-right {
    text-align: right;
    z-index: 10;
  }

  .cards-container .phone-image-container-left {
    z-index: 10;
  }

  .cards-container .phone-background {
    width: 100%;
    height: 635px;
    top: 2em;
    position: absolute;
    background: var(--light-grey);
    z-index: 4;
    right: 52.3%;
    border-radius: 0px 38px 38px 0px;
  }

  .cards-container .background-right {
    left: 54%;
    border-radius: 38px 0px 0px 38px;
  }

  .cards-container .phone-image {
    width: 487px;
  }

  .cards-container .card-row-reverse {
    flex-direction: row-reverse;
  }

  .cards-container .card-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .cards-container .card-title {
    font-style: normal;
    font-weight: bold;
    font-size: var(--h2-font-size);
    line-height: 100%;
    letter-spacing: -0.02em;
    width: 488px;
  }

  .cards-container .card-subtitle {
    font-style: normal;
    font-weight: 500;
    font-size: var(--description-font-size);
    line-height: 140%;
    width: 488px;
    margin-top: 30px;
  }

  /** functionalities  */
  .functionalities-container {
    margin-top: 180px;
    margin-bottom: var(--margin-between-sections);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .functionalities-container .functionalities-description {
    text-align: center;
  }

  .functionalities-container .functionalities-description .title {
    font-style: normal;
    font-weight: bold;
    font-size: var(--h2-font-size);
    line-height: 100%;
    text-align: center;
    letter-spacing: -0.02em;
  }

  .functionalities-container .functionalities-description .description {
    font-weight: 500;
    font-size: var(--description-font-size);
    line-height: 140%;
    text-align: center;
    max-width: 740px;
    display: block;
    margin-top: 30px;
  }

  .functionalities-card-container {
    margin-top: 60px;
    margin-bottom: 180px;
  }

  .functionalities-card-container .functionalities-cards {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 7em;
    max-width: 90em;
  }

  .functionalities-card-container .functionalities-cards .card {
    width: 387px;
    height: 286px;
    margin: 5px 5px;
  }

  .functionalities-card-container .functionalities-cards .card img {
    width: 80px;
    height: 80px;
  }

  .functionalities-card-container .functionalities-cards .card .title {
    font-size: var(--subtitle-functionalities-fontsize);
  }

  .functionalities-card-container .functionalities-cards .card .description {
    font-size: var(--description-functionalities-fontsize);
    line-height: 150%;
    margin-top: 10px;
  }

  /** videos  */
  .videosapp-container {
    margin: 0;
  }

  .videosapp-container .videosapp-description .description {
    font-weight: 500;
    font-size: var(--description-font-size);
    line-height: 140%;
    display: block;
    margin-top: 30px;
    max-width: 60%;
  }

  .videosapp-container .carousel-items div.vjs-poster,
  .videosapp-container .carousel-items video-js {
    width: 303.75px;
    height: 540px;
    border-radius: 20px;
    overflow: hidden;
  }

  .videosapp-container .carousel-items video-js {
    display: inline-block;
    margin-right: 10px;
  }

  /** reviews */
  .review-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 250px;
    margin-top: 180px;
    margin-bottom: 180px;
  }

  .review-data-fade {
    opacity: 0;
    transition: opacity 1s ease;
  }

  .review-container .marks {
    position: absolute;
    width: 45px;
  }

  .review-container .mark-1 {
    top: 0;
    left: 12%;
  }

  .review-container .mark-2 {
    bottom: 0;
    right: 12%;
  }

  .review-container span {
    font-size: 32px;
    line-height: 130%;
    text-align: center;
    transition: opacity 1s ease;
    max-width: 700px;
  }

  .review-container .author {
    font-style: italic;
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
  }

  /** available on */
  .available-on-container {
    height: 448px;
  }

  .available-on-container .store-button-container {
    display: flex;
  }

  .available-on-container .store-button-container a {
    margin-top: 40px;
  }

  .available-on-container .store-button-container img {
    width: 243px;
    height: 60px;
    margin: 0;
  }

  /** contact-us  */

  .modal-content {
    border-radius: 30px;
    padding: 50px 100px;
  }

  .modal .title {
    font-weight: bold;
    font-size: var(--h2-font-size);
    line-height: 100%;
    letter-spacing: -0.02em;
  }

  .contact-us .left-col {
    background-color: var(--light-grey);
    border-radius: 16px;
    padding: 20px;
    height: 402px;
    margin-right: 20px;
  }

  .contact-us .left-col .subtitle {
    font-weight: bold;
    font-size: var(--subtitle-font-size);
    line-height: 100%;
    color: #252525;
    margin-top: 20px;
  }

  .contact-us .left-col .description {
    font-size: var(--description-font-size);
    line-height: 140%;
    color: #7f7f7f;
    margin-bottom: 20px;
  }

  .contact-us .contact-us-form .names-input {
    margin-bottom: 0;
  }

  .contact-us .contact-us-form button {
    width: 183px;
    height: 60px;
    margin-top: 40px;
  }

  .contact-us .form-confirmation {
    height: 402px;
  }

  .contact-us .form-confirmation .title {
    font-size: 34px;
  }

  .contact-us .form-confirmation .description {
    font-size: 16px;
  }

  .required {
    color: red;
  }

  /* *** ---------- BODY - END ---------- *** */
}