// Crematoriums 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) {
	.crematoriums-navigation-container-navbar-collapse-menu-links-dropdown a,
	.crematoriums-navigation-container-navbar-collapse-menu-links-item a {
		white-space: normal;
	}
}


// Extra Small Devices Phones
@media (max-width: 767px) {
 
 	// Navigation container
	.crematoriums-navigation-container-navbar{
		background-color: @siteGreen;
		border-color: transparent;
	}

	// Navigation Toggle
	.navbar-toggle {
	    border: none;
	    background: transparent !important;
	    margin: 0;

	    &:hover {
	        background: transparent !important;
	    }

	    .icon-bar {
	        width: 22px;
	        transition: all 0.2s;
	        background-color: #FFF;
	    }
	    .top-bar {
	        transform: translateX(3px) rotate(45deg);
	        transform-origin: 10% 10%;
	    }
	    .middle-bar {
	        opacity: 0;
	    }
	    .bottom-bar {
	        transform: translateX(3px) rotate(-45deg);
	        transform-origin: 10% 90%;
	    }
	}

	.navbar-toggle.collapsed {
	    .top-bar {
	        transform: rotate(0);
	    }
	    .middle-bar {
	        opacity: 1;
	    }
	    .bottom-bar {
	        transform: rotate(0);
	    }
	}

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

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

	// Dropdown Nav
	.crematoriums-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;
			}

		}
		
	}

}


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


@media (max-width: 320px) {

}