/* For screens 1000px and above */
@media (min-width: 1000px) {

}

/* For screens 760px and above */
@media (max-width: 999px) {
    /* Make the <ul> items smaller */
    .navbar-nav li {
        font-size: 12px; /* Adjust the font size as needed */
    }

     /* Remove flex properties for horizontal display */
     .container-fluid.flex-row {
        display: block;
        text-align: center; /* Center the contents horizontally */
    }
}

/* For screens 760px and below */
@media (max-width: 760px) {
   
    /* Styling for the dropdown menu */
    .navbar-nav.collapsible {
        display: block;
        background-color: #0d6efd; /* Set the background color to blue */
        padding: 10px; /* Adjust padding as needed */
    }

    /* Style the links in the dropdown menu */
    .navbar-nav.collapsible a {
        color: white;
        display: block;
        padding: 10px; /* Adjust padding as needed */
    }
}

/* For screens 760px and below */
@media (max-width: 560px) {
   
    /* Styling for the dropdown menu */
    .navbar-nav.collapsible {
        display: block;
        background-color: #0d6efd; /* Set the background color to blue */
        padding: 10px; /* Adjust padding as needed */
    }

    /* Style the links in the dropdown menu */
    .navbar-nav.collapsible a {
        color: white;
        display: block;
        padding: 10px; /* Adjust padding as needed */
    }

    .navbar-brand span {
        font-size: 12px; /* Adjust the font size as needed */
    }
}