@media screen and (width <= 576px) {
  .footer-resource-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }
  .footer-resource-card {
    padding: 12px !important;
    font-size: 13px !important;
    width: 100% !important;
  }
  .footer-resource-card h4 {
    font-size: 14px !important;
    margin-bottom: 6px !important;
  }
  .footer-industry-grid,
  .footer-usecase-strip__grid,
  .footer-compare-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .footer-industry-card,
  .footer-usecase-card,
  .footer-compare-card {
    padding: 12px !important;
    font-size: 13px !important;
  }
  .footer-metric__value {
    font-size: 18px !important;
  }
  .footer-metric__label {
    font-size: 12px !important;
  }
  .public-utility-bar__inner {
    flex-direction: column !important;
    gap: 8px !important;
    align-items: stretch !important;
  }
  .public-utility-bar__info,
  .public-utility-bar__actions {
    font-size: 12px !important;
    padding: 0 !important;
  }
  .public-utility-bar__actions a {
    padding: 4px 8px !important;
    font-size: 11px !important;
    display: inline-block !important;
  }
  .public-pref-select {
    font-size: 12px !important;
    padding: 4px 6px !important;
    min-width: 80px !important;
  }
  .navbar-brand.logo_name {
    font-size: 16px !important;
  }
  .brand-logo {
    height: 22px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin-right: 4px !important;
  }
  .navbar-nav > li.active > a {
    color: #14213d !important;
    font-weight: 700 !important;
    background-color: #eef4ff !important;
  }
  #sidebar,
  #side-nav,
  .sidebar-nav {
    width: 220px !important;
    position: fixed !important;
    height: 100vh !important;
    z-index: 900 !important;
    overflow-y: auto !important;
    transform: translateX(-100%) !important;
    transition: transform 0.3s ease !important;
  }
  .sidebar-open #sidebar,
  .sidebar-open #side-nav,
  .sidebar-open .sidebar-nav {
    transform: translateX(0) !important;
  }
  .sidebar-backdrop {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    background: rgb(0 0 0 / 50%) !important;
    z-index: 899 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease !important;
  }
  .sidebar-open .sidebar-backdrop {
    opacity: 1 !important;
    pointer-events: all !important;
  }
  section#header .dashboard-setting .btn,
  section#header .dashboard-setting1 .btn {
    padding: 6px 8px !important;
    font-size: 11px !important;
  }
  section#header .header-search-inline {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media screen and (width >= 577px) and (width <= 991px) {
  .footer-compare-grid,
  .footer-industry-grid,
  .footer-usecase-strip__grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
  .footer-resource-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
  }
  #sidebar,
  #side-nav,
  .sidebar-nav {
    width: 240px !important;
  }
  body:not(.appWrapper) section#content {
    margin-left: 240px !important;
  }
  section#header .header-search-inline {
    max-width: 240px !important;
  }
  .table-responsive table td {
    padding: 8px 10px !important;
    font-size: 13px !important;
  }
  .table-responsive table thead {
    display: table-header-group !important;
  }
}
@media screen and (width >= 992px) and (width <= 1199px) {
  .footer-resource-grid,
  .footer-compare-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  section#header .header-search-inline {
    max-width: 240px !important;
  }
}
@media screen and (width >= 1200px) and (width <= 1365px) {
  .container {
    max-width: 1140px !important;
  }
}
@media screen and (width >= 1366px) {
  .container {
    max-width: 1320px !important;
    margin: 0 auto !important;
  }
  .footer-resource-grid,
  .footer-compare-grid,
  .footer-industry-grid,
  .footer-usecase-strip__grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
  }
  section#header {
    max-width: 1320px !important;
    margin: 0 auto !important;
  }
  body:not(.appWrapper) section#content {
    max-width: calc(1320px - 260px) !important;
    margin-left: 260px !important;
  }
}
@media screen and (min-device-pixel-ratio: 2), screen and (resolution >= 192dpi) {
  .brand-logo {
    image-rendering: optimize-contrast !important;
  }
  .footer-resource-card,
  .dashboard-card {
    border: 1px solid rgb(0 0 0 / 5%) !important;
  }
}
@media screen and (orientation: landscape) and (height <= 500px) {
  .navbar,
  section#header {
    height: auto !important;
    padding: 8px !important;
  }
  .brand-logo {
    height: 20px !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }
  section#content {
    margin-top: 50px !important;
  }
}
@media (prefers-contrast: more) {
  .footer-resource-card {
    border: 2px solid #000 !important;
    background: #fff !important;
  }
  .navbar {
    border-bottom: 2px solid #000 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme=light]) .footer-metric__value {
    color: #e8e8e8 !important;
  }
  :root:not([data-theme=light]) .footer-metric__label {
    color: rgb(255 255 255 / 70%) !important;
  }
  :root:not([data-theme=light]) .footer-resource-card {
    background: #1e1e1e !important;
    color: #e8e8e8 !important;
  }
}
@media (width >= 0) {
  .standalone-card {
    max-width: 90vw !important;
    padding: 5vw !important;
    margin: auto !important;
  }
  .form-control {
    width: 100% !important;
    max-width: 100% !important;
  }
}
@media print {
  .navbar,
  .sidebar,
  .footer-compare-grid {
    display: none !important;
  }
  body {
    background: #fff !important;
    color: #000 !important;
  }
  .container {
    max-width: 100% !important;
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  .navbar,
  .navbar-header,
  .navbar .container,
  .navbar .container-fluid {
    max-width: 100%;
    box-sizing: border-box;
  }
  .navbar-header {
    overflow: hidden;
  }
  .navbar-default .navbar-header .navbar-brand {
    max-width: 100%;
    padding-right: 8px;
  }
  .navbar-default .navbar-header .navbar-brand img {
    max-width: 100%;
    height: auto;
  }
}
.navbar-brand.logo_name .brand-wordmark{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:991px){.public-nav-search{margin:12px 0;width:100%;padding:0 8px;box-sizing:border-box}.public-nav-search .input-group{width:100%;display:flex}.public-nav-search .form-control{flex:1;width:100%;min-width:0}.public-nav-search .form-control:focus{width:100%}.navbar-collapse{overflow-x:hidden}}
@media (min-width:992px){.public-nav-search .form-control{max-width:220px}}
html,body{overflow-x:hidden}
.public-navbar .container,.public-footer .container,footer .container{max-width:100%;padding-left:15px;padding-right:15px}
@media (max-width:767px){.navbar-header{width:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand.logo_name{flex:1;min-width:0}.navbar-brand .brand-logo{max-width:160px;height:auto}footer .row>[class*=col],.public-footer [class*=col]{width:100%;margin-bottom:16px}}