@media only screen and (max-width:767px) {
#search {
display: none; /* Hide the search section by default */
}
}
document.getElementById('search-icon').addEventListener('click', function() {
var searchSection = document.getElementById('search');
var searchIcon = document.getElementById('search-icon');
if (searchSection.style.display === 'none') {
searchSection.style.display = 'block'; // Show the search section
searchIcon.classList.add('active'); // Add the class to the search icon
} else {
searchSection.style.display = 'none'; // Hide the search section
searchIcon.classList.remove('active'); // Remove the class from the search icon
}
});
