/* Small alignment fixes for phones. Desktop layout is unchanged. */

@media only screen and (max-width: 768px) {
  /* Timeline (Sustainability, Clean Energy): every dot sits on the line */
  .timeline-item.left::after,
  .timeline-item.right::after {
    left: 9px !important;
    right: auto !important;
  }
}

@media only screen and (max-width: 640px) {
  /* Page title (Sustainability, Clean Energy, Water Conservation, Sustainable Material):
     even line spacing and the title stays inside the screen on narrow phones */
  .fusion-page-title-bar h1.entry-title {
    font-size: min(54px, calc((100vw - 60px) / 6.6)) !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    line-height: 1.2 !important;
    margin-top: 14px !important;
    margin-bottom: 10px !important;
  }

  /* Product and Kids Wear hero: text lines up with the page edges instead of being squeezed */
  body.page-id-2758 .fusion-builder-column-6 > .fusion-column-wrapper,
  body.page-id-2595 .fusion-builder-column-6 > .fusion-column-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.page-id-2758 .fusion-builder-column-6 .fusion-builder-row-inner .fusion-column-wrapper,
  body.page-id-2595 .fusion-builder-column-6 .fusion-builder-row-inner .fusion-column-wrapper {
    padding-right: 0 !important;
  }

  /* Contact page: less side padding in the "Get in Touch" box and the form box */
  body.page-id-2326 .fusion-builder-column-6 > .fusion-column-wrapper,
  body.page-id-2326 .fusion-builder-column-7 > .fusion-column-wrapper {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  /* Footer map fits inside the footer like the text above it */
  .fusion-tb-footer iframe {
    max-width: 100%;
  }

  /* Home: space between "Our Global Clients" and "Certificate" */
  body.home .fusion-builder-row-5 {
    margin-bottom: 0 !important;
  }

  /* Water Conservation and Sustainable Material: the two list boxes stack instead of two narrow columns */
  body.page-id-2450 .fusion_builder_column_inner_1_2,
  body.page-id-2455 .fusion_builder_column_inner_1_2 {
    --awb-width-small: 100% !important;
  }
}