/* Default styles for larger screens */
.navbar-nav.sm-icons {
   list-style: none;
   display: flex;
   gap: 10px;
}

.navbar-nav.sm-icons li {
   margin: 0;
}

.navbar-nav.sm-icons li a {
   text-decoration: none;
   color: #333;
   display: inline-block;
}

.navbar-nav.sm-icons li a:hover {
   color: #007bff;
}

/* Media query for screens with a maximum width of 768px (adjust as needed) */
@media (max-width: 768px) {
   .navbar-nav.sm-icons {
       flex-direction: row; /* Change to row for smaller screens */
       justify-content: center; /* Center align icons horizontally */
   }
}