/*
 * SimplySolved HR mobile-header logo correction.
 * The Elementor header template sets the logo to 100% of a 60% column on
 * mobile. These rules preserve the source aspect ratio and prevent stretching,
 * clipping and overlap with the meeting button.
 */
@media (max-width: 768px) {
  .elementor-19694 .elementor-element.elementor-element-6eb7447 {
    min-width: 0 !important;
    align-items: center !important;
    overflow: visible !important;
  }

  .elementor-19694 .elementor-element.elementor-element-cc6002b,
  .elementor-19694 .elementor-element.elementor-element-cc6002b > .elementor-widget-container,
  .elementor-19694 .elementor-element.elementor-element-cc6002b a {
    width: 100% !important;
    max-width: 190px !important;
    min-width: 0 !important;
  }

  .elementor-19694 .elementor-element.elementor-element-cc6002b img {
    display: block !important;
    width: 100% !important;
    max-width: 190px !important;
    height: auto !important;
    max-height: 50px !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  .elementor-19694 .elementskit-nav-logo > img {
    width: auto !important;
    max-width: 150px !important;
    height: auto !important;
    max-height: 48px !important;
    object-fit: contain !important;
  }
}

@media (max-width: 480px) {
  .elementor-19694 .elementor-element.elementor-element-cc6002b,
  .elementor-19694 .elementor-element.elementor-element-cc6002b > .elementor-widget-container,
  .elementor-19694 .elementor-element.elementor-element-cc6002b a,
  .elementor-19694 .elementor-element.elementor-element-cc6002b img {
    max-width: 165px !important;
  }
}