/* Phone only: home banner compact like KVT Concrete (was 543px tall) */
@media (max-width: 767px) {
  .et_pb_section_1 { height: 240px !important; min-height: 0 !important; padding: 18px 0 0 !important; overflow: hidden; position: relative;
                     background-size: cover !important; background-position: center 40% !important; }
  .et_pb_section_1 > .et_pb_row { padding: 0 !important; margin: 0 auto !important; width: 88% !important; }
  .et_pb_section_1 .dnxte_multi_heading_3 h2, .et_pb_section_1 .dnxte_multi_heading_3 .header-level { font-size: 34px !important; line-height: 1.1 !important; padding: 0 !important; }
  .et_pb_section_1 .dnxte_multi_heading_3 { height: auto !important; margin: 0 !important; }
  .et_pb_section_1 .et_pb_image_3 { width: 48px !important; margin: 0 0 -6px !important; }
  .et_pb_section_1 .dnxte_multi_heading_4 h2, .et_pb_section_1 .dnxte_multi_heading_5 h2,
  .et_pb_section_1 .dnxte_multi_heading_4 .dnxt-text-two, .et_pb_section_1 .dnxte_multi_heading_5 .dnxt-text-two { font-size: 40px !important; line-height: 1.1 !important; }
  .et_pb_section_1 .dnxte_multi_heading_4, .et_pb_section_1 .dnxte_multi_heading_5 { margin: 0 !important; }
  /* decorations: smaller and pinned to the bottom corners */
  .et_pb_section_1 .et_pb_image_4 { position: absolute !important; left: 0; bottom: 0; width: 80px !important; margin: 0 !important; z-index: 2; }
  .et_pb_section_1 .et_pb_image_5 { position: absolute !important; right: 0; bottom: 0; width: 120px !important; padding: 0 !important; margin: 0 !important; z-index: 1; }
  .et_pb_section_1 video, .et_pb_section_1 .et_pb_section_video_bg { height: 100% !important; object-fit: cover; }
}
@media (max-width: 767px) {
  .et_pb_section_1 .et_pb_row, .et_pb_section_1 .et_pb_column, .et_pb_section_1 .et_pb_module { position: static !important; }
  .et_pb_section_1 .et_pb_image_4 { position: absolute !important; left: 0 !important; bottom: -6px !important; top: auto !important; width: 70px !important; }
  .et_pb_section_1 .et_pb_image_5 { position: absolute !important; right: -10px !important; bottom: -20px !important; top: auto !important; width: 110px !important; }
  .et_pb_section_1 .et_pb_image_3 { position: absolute !important; left: 22px !important; top: 72px !important; width: 38px !important; z-index: 3; }
  .et_pb_section_1 .dnxte_multi_heading_4, .et_pb_section_1 .dnxte_multi_heading_5 { padding-left: 34px !important; margin-top: 8px !important; }
  .et_pb_section_1 .dnxte_multi_heading_4, .et_pb_section_1 .dnxte_multi_heading_5 { position: relative !important; z-index: 4; }
}
@media (max-width: 767px) {
  /* the two "Travel Mode" layers (outline + fill) must sit on top of each other */
  .et_pb_section_1 .dnxte_multi_heading_4, .et_pb_section_1 .dnxte_multi_heading_5 { height: 50px !important; overflow: visible; }
  .et_pb_section_1 .dnxte_multi_heading_5 { margin-top: -50px !important; }
  .et_pb_section_1 .et_pb_row_6 { margin-top: 18px !important; }
}
/* v2: phone banner matches the desktop layout (big "Travel Mode", butterfly on the M, rock + lizard bottom-left) */
@media (max-width: 767px) {
  .et_pb_section_1 { height: 250px !important; padding-top: 30px !important; }
  .et_pb_section_1 .dnxte_multi_heading_3 { display: none !important; }            /* "Let'sGo" not shown on desktop either */
  .et_pb_section_1 .et_pb_row_6 { margin-top: 0 !important; width: 94% !important; }
  .et_pb_section_1 .dnxte_multi_heading_4, .et_pb_section_1 .dnxte_multi_heading_5 { padding-left: 0 !important; height: 70px !important; text-align: center !important; }
  .et_pb_section_1 .dnxte_multi_heading_5 { margin-top: -70px !important; }
  .et_pb_section_1 .dnxte_multi_heading_4 h2, .et_pb_section_1 .dnxte_multi_heading_5 h2,
  .et_pb_section_1 .dnxte_multi_heading_4 .dnxt-text-two, .et_pb_section_1 .dnxte_multi_heading_5 .dnxt-text-two { font-size: 64px !important; line-height: 1 !important; }
  .et_pb_section_1 .dnxte_multi_heading_4 .wrapper, .et_pb_section_1 .dnxte_multi_heading_5 .wrapper,
  .et_pb_section_1 .dnxte_multi_heading_4 h2, .et_pb_section_1 .dnxte_multi_heading_5 h2 { justify-content: center !important; text-align: center !important; width: 100% !important; }
  .et_pb_section_1 .et_pb_image_3 { left: 57% !important; top: 18px !important; width: 44px !important; }
  .et_pb_section_1 .et_pb_image_5 { left: 0 !important; right: auto !important; bottom: -30px !important; width: 170px !important; }
  .et_pb_section_1 .et_pb_image_4 { left: 0 !important; bottom: -4px !important; width: 90px !important; z-index: 3 !important; }
}
@media (max-width: 767px) {
  .et_pb_section_1 .et_pb_row_6, .et_pb_section_1 .et_pb_row_6 .et_pb_column { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding: 0 !important; }
  .et_pb_section_1 .dnxte_multi_heading_4 *, .et_pb_section_1 .dnxte_multi_heading_5 * { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; left: auto !important; transform: none !important; }
  .et_pb_section_1 .dnxte_multi_heading_4 h2, .et_pb_section_1 .dnxte_multi_heading_5 h2 { display: block !important; white-space: nowrap; }
  .et_pb_section_1 .dnxte_multi_heading_4 h2, .et_pb_section_1 .dnxte_multi_heading_5 h2,
  .et_pb_section_1 .dnxte_multi_heading_4 .dnxt-text-two, .et_pb_section_1 .dnxte_multi_heading_5 .dnxt-text-two { font-size: 54px !important; }
  .et_pb_section_1 .et_pb_image_3 { left: 55% !important; }
}
@media (max-width: 767px) {
  .et_pb_section_1 .dnxte_multi_heading_4, .et_pb_section_1 .dnxte_multi_heading_5 { left: 0 !important; top: 0 !important; }
}
/* v3: same arrangement as the desktop banner */
@media (max-width: 767px) {
  .et_pb_section_1 { height: 260px !important; padding-top: 0 !important; }
  /* "Let'sGo" top-left, blue (as on desktop) */
  .et_pb_section_1 .dnxte_multi_heading_3 { display: block !important; position: absolute !important; left: 7% !important; top: 16px !important;
       width: auto !important; height: auto !important; z-index: 5; margin: 0 !important; }
  .et_pb_section_1 .dnxte_multi_heading_3 h2, .et_pb_section_1 .dnxte_multi_heading_3 .dnxt-text-one { font-size: 36px !important; line-height: 1 !important; padding: 0 !important; }
  /* "Travel Mode" big, centred, below Let'sGo */
  .et_pb_section_1 .et_pb_row_6 { position: static !important; margin-top: 0 !important; padding-top: 78px !important; }
  .et_pb_section_1 .et_pb_row_5 { padding: 0 !important; height: 0 !important; }
  /* butterfly sitting on the top of the "M" of Mode (as on desktop) */
  .et_pb_section_1 .et_pb_image_3 { left: 55% !important; top: 70px !important; width: 42px !important; z-index: 6 !important; }
}