/* Modern dropdown styling */
    .navbar-nav {
        font-size: 20px;
		flex-wrap: wrap;
    }

	.navbar-icons {
		flex-direction: row;
	}

	.bg-dark {
		background-color: #162d38 !important
	}

    .navbar-dark .navbar-nav .nav-link {
	    color: #fff;
	    font-weight: 500;
	}

	.navbar-dark .navbar-nav .nav-link:hover,
	.navbar-dark .navbar-nav .nav-link:focus {
	    color: #fff;
	}

	.bi {
		font-size: 1.1rem;
	}

	.dropdown-menu {
		font-size: 14px;
	    --bs-dropdown-font-size: var(--bs-body-font-size);
		background-color: #fff;
		background-clip: padding-box;
		border: 1px solid #ccc;
		border: 1px solid rgba(0,0,0,.15);
		border-radius: 4px;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
		box-shadow: 0 6px 12px rgba(0,0,0,.175);
		}

	.dropdown-menu a {
	    color: #000;
	    padding: 8px 16px;
	}

	.dropdown-menu a:hover {
	    background-color: #f5f5f5;
	    color: #000;
	}

	.dropdown-toggle::after {
	    margin-left: 0.5rem;
	    vertical-align: middle;
	}

	.navbar .dropdown-menu .dropdown-item {
	    padding-top: 0.1rem;
	    padding-bottom: 0.1rem;
	}

	.dropdown-divider {
	    margin: 0.3rem 0;
	    border-top: 1px solid #f5f5f5;
	    /* orange, or your desired color */
	}


	/* Extra small devices (phones, less than 576px) */
	/* No media query needed for "xs" as it is the default */

	/* Small devices (landscape phones, 576px and up) */
	@media (min-width: 576px) {
	
	}

	/* Medium devices (tablets, 768px and up) */
	@media (min-width: 768px) {
		
		
	}

	/* Large devices (desktops, 992px and up) */
	@media (min-width: 992px) {
		
		.navbar-nav {
			font-size: var(--bs-body-font-size);
		}
		
		.navbar > .container-fluid {
			/*display: block;*/
			align-items: start;
		}
		
		.navbar-nav {
			flex-wrap: wrap;
		}

		.navbar-nav .nav-item {
			flex: 0 0 auto;
			text-align: center;
			margin: 3px 6px;
		}

		.navbar-collapse {
			display: flex !important;
			flex-wrap: wrap !important;
			justify-content: space-between;
		}

		.navbar-nav.ms-auto {
			flex-wrap: wrap;
			justify-content: flex-end;
		}

		.navbar-nav.ms-auto .nav-item {
			margin: 4px 6px;
		}

		/* Optional: increase space between top and bottom rows */
		.navbar {
			padding-bottom: 0.5rem;
		}
	}


	/* Extra large devices (large desktops, 1200px and up) */
	@media (min-width: 1200px) {

	}

	/* Extra-extra large devices (larger desktops, 1400px and up) */
	@media (min-width: 1400px) {

	}