/* Shared responsive overrides for the static marketing pages. */

/* Tighten the portrait image beside "Extra training online". The source stays
   untouched; object-fit crops the surplus from its top and bottom. */
.elementor-58 .elementor-element.elementor-element-2f1a4eb img {
  display: block;
  width: 100%;
  height: 440px;
  object-fit: cover;
  object-position: center center;
}

@media (max-width: 767px) {
  .elementor-58 .elementor-element.elementor-element-2f1a4eb img {
    height: 380px;
  }
}

/* The full six-link navigation needs more room than Elementor's default
   1024px tablet breakpoint provides. Use the existing menu button sooner. */
@media (min-width: 768px) and (max-width: 1200px) {
  .elementor-54 .elementor-element.elementor-element-eab6b0e {
    width: 20%;
    order: 1;
  }

  .elementor-54 .elementor-element.elementor-element-baf38c1 {
    width: 69%;
    order: 2;
  }

  .elementor-54 .elementor-element.elementor-element-4c4ddf8 {
    width: 11%;
    order: 3;
  }

  .elementor-54 .elementor-element.elementor-element-2a2b7e0 > .elementor-widget-container {
    display: block !important;
  }

  .elementor-54 .elementor-element.elementor-element-2a2b7e0 .elementor-nav-menu--main {
    display: none !important;
  }

  .elementor-54 .elementor-element.elementor-element-2a2b7e0 .elementor-menu-toggle {
    display: flex !important;
    margin-left: auto;
  }

  .elementor-54 .elementor-element.elementor-element-2a2b7e0 .elementor-nav-menu--dropdown {
    display: block !important;
  }
}