@media (max-width: 600px) {
.logo-search-mobile {
justify-content: flex-start !important;
margin-left: 16px;
}
#search-icon-mobile {
display: flex !important;
}
#search-icon {
display: none !important;
}
.logo {
position: relative;
z-index: 2;
}
header > div[style*="display: flex"] {
position: static !important;
}
#search-form {
/* position: fixed !important; */
top: 12px !important;
left: 50% !important;
right: unset !important;
transform: translateX(-50%) !important;
min-width: unset !important;
width: 90vw !important;
padding: 6px 4vw !important;
border-radius: 24px !important;
z-index: 9999 !important;
box-sizing: border-box !important;
}
#search-form input[type="text"] {
width: 50vw !important;
min-width: 0 !important;
font-size: 16px !important;
}
#search-form button {
min-width: 48px !important;
padding: 6px 12px !important;
font-size: 16px !important;
}
}
nav ul li a.active {
color: #01b4e4 !important;
font-weight: bold;
/* border-bottom: 2.5px solid #01b4e4; */
background: rgba(1,180,228,0.07);
border-radius: 2px 2px 0 0;
transition: all 0.2s;
}