/* Mobile */
@media (max-width: 767px) {

  .mortgage-header-inner {
    height: 85px;
    padding: 0 36px 0 42px;
  }

  .header-logo-wrapper {
    flex: 1;
  }

  .logo-responsive {
    width: auto;
    height: 62px;
    max-width: 275px;
    object-fit: contain;
  }


  /* hide desktop menu */
  .desktop-navigation {
    display: none;
  }


  /* show mobile actions */
  .mobile-navigation {
    display: flex;
    align-items: center;
    gap: 16px;
  }


  .mobile-contact-button {

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 155px;

    padding: 13px 24px;

    font-size: 18px;

    white-space: nowrap;
  }

}


/* Smaller phone */
@media (max-width: 575px) {

  .mortgage-header-inner {
    padding-left: 18px;
    padding-right: 12px;
  }


  .logo-responsive {
    height: 48px;
    max-width: 200px;
  }


  .mobile-navigation {
    gap: 8px;
  }


  .mobile-contact-button {
    min-width: auto;
    padding: 10px 16px;
    font-size: 15px;
  }


  .mobile-menu-button {
    width: 46px;
    height: 46px;
  }


  .mobile-menu-button span {
    width: 28px;
  }


  .mobile-menu-button:hover span {
    width: 32px;
  }

}


/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {

  .logo-responsive {
    width: 30%;
  }

}


/* Desktop */
@media (min-width: 1024px) {

}