.kc-logo > span.kcb-logo-mark {
  width: var(--kcb-logo-width, 48px) !important;
  min-width: var(--kcb-logo-width, 48px) !important;
  height: var(--kcb-logo-width, 48px) !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

.kc-logo > span.kcb-logo-mark > i {
  display: none !important;
}

.kc-logo > span.kcb-logo-mark img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.kc-logo.kcb-full-logo > span.kcb-logo-mark {
  width: var(--kcb-logo-width, 180px) !important;
  min-width: var(--kcb-logo-width, 180px) !important;
  height: 58px !important;
}

.kc-logo.kcb-full-logo > strong {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (max-width: 540px) {
  .kc-logo.kcb-full-logo > span.kcb-logo-mark {
    width: min(var(--kcb-logo-width, 160px), 170px) !important;
    min-width: min(var(--kcb-logo-width, 160px), 170px) !important;
    height: 48px !important;
  }
}