// Navigation Responsive Classes


// Large Devices, Wide Screens
@media (min-width: 1200px) {
  
}


// Medium Devices, Desktops
@media (min-width: 992px) and (max-width: 1199px) {
  
}


// Small Devices, Tablets 
@media (min-width: 768px) and (max-width: 991px) {
  
}


// Extra Small Devices Phones
@media (max-width: 767px) {
 
 	// Navigation container
	.page-navigation-container-navbar{
		background-color: @siteGreyDark;
		border-color: transparent;
		min-height: auto;
	}

	// Navigation Toggle
	.page-navigation-container-navbar-toggle{
		border-color: @siteGreyDark;
	}

	// Navigation Icon Bars
	.page-navigation-container-navbar-toggle-icon-bar{
		background-color: #888;
	}

	// Nav link items
	.page-navigation-container-navbar-collapse-menu-links-item{
		margin: 0px;
	}

	// Dropdown Nav link items
	.page-navigation-container-navbar-collapse-menu-links-dropdown{
		margin: 0px;
	}

	// Dropdown Nav
	.page-navigation-container-navbar-collapse-menu-links-dropdown-menu
	{

		position: relative;
		float: none;
		text-align: center;
		margin: 8px 0;
		background-color: @siteGreyDark;

		& > li
		{

			padding-right: 0;
			padding-left: 0;

			a{
				padding: 7px 20px;
			}

		}
		
	}

	.nav > li > a {
		padding: 4px 0px !important;
		text-align: left;
	}

}


@media (max-width: 480px) {
  
}


@media (max-width: 320px) {

}