.tool-product-nav { display: flex; align-items: center; justify-content: flex-end; gap: 8px; margin-left: auto; }
.tool-product-nav a { display: inline-flex; min-height: 42px; align-items: center; gap: 8px; padding: 0 14px; border: 1px solid #dfe7eb; border-radius: 4px; color: #53636c; font-size: 12px; font-weight: 800; white-space: nowrap; transition: .2s ease; }
.tool-product-nav a i { color: #789300; font-size: 15px; }
.tool-product-nav a:hover, .tool-product-nav a.is-active { border-color: #b5d334; background: #f2f6df; color: #16212b; }
@media (max-width: 767px) { .tool-product-nav { gap: 5px; } .tool-product-nav a { min-height: 36px; padding: 0 8px; font-size: 11px; } .tool-product-nav a i { font-size: 14px; } .header-mid-one-wrapper.wrapper-two { flex-wrap: wrap; row-gap: 0; } .header-mid-one-wrapper.wrapper-two .logo-area { flex-basis: 100%; padding: 14px 0 8px; } .header-mid-one-wrapper.wrapper-two .tool-product-nav { width: 100%; justify-content: stretch; padding-bottom: 12px; } .header-mid-one-wrapper.wrapper-two .tool-product-nav a { flex: 1 1 0; justify-content: center; } }