/* This LESS file was added becasue one fine day, out of the blue, I looked at the site navigation, and it was broken. */
/* I do not know why it happened, but in the future, it you are having nav problems, remove the styling from this file first. */
/* Then try to troubleshoot the nav. */


/* Main Navigation Styles */

.dx1app2016 .main-nav .navbar-collapse .nav.navbar-nav, .dx1app2016 .web-main-nav .navbar-collapse .nav.navbar-nav{
    margin: 0;
    background: 0 0;
    width: auto;
    height: auto;
}


@media (max-width:767px){

	.dx1app2016 .main-nav .navbar-collapse .nav.navbar-nav li.dropdown, .dx1app2016 .web-main-nav .navbar-collapse .nav.navbar-nav li.dropdown{
		width:100%;
	}

}

@media (min-width:768px){

	.dx1app2016 .main-nav .navbar-collapse .nav.navbar-nav li a, .dx1app2016 .web-main-nav .navbar-collapse .nav.navbar-nav li a{
		color: #fff;
	    line-height: normal;
	    text-shadow: none;
	    height: 100%;
	    outline: 0!important;
	    padding: 30px 10px;
	}

	.dx1app2016 .main-nav .navbar-collapse .nav.navbar-nav li.dropdown .dropdown-menu li a:before{
		display:none!important;
	}

	.dx1app2016 .nav>li.dropdown, .dx1app2016 .nav>li.dropdown.open{
		position:relative!important;
	}

	.dx1app2016 .main-nav .navbar-collapse .nav.navbar-nav li.dropdown .dropdown-menu, .dx1app2016 .web-main-nav .navbar-collapse .nav.navbar-nav li.dropdown .dropdown-menu{
		border: none;
	    border-top: 1px solid #222222;
	    border-radius: 0px 0px 10px 10px;
	    box-shadow: none;
	    font-size: 1em;
	    margin: 0;
	    padding: 0;
	    top: 100%;
	    background: rgba(0, 0, 0, .9)!important;
	    width: auto;
	    text-align: left;
	    max-width: 450px;
	    left:auto;
	    left: 0;
	    min-width: 400px;
	    width: 100%;
	}

	.dx1app2016 .main-nav .navbar-collapse .nav.navbar-nav li.dropdown .dropdown-menu li a, .dx1app2016 .web-main-nav .navbar-collapse .nav.navbar-nav li.dropdown .dropdown-menu li a{
		color: #fff;
	    line-height: normal;
	    border-bottom: 1px solid #222222;
	    border-radius: 0px 0px 10px 10px;
	    padding: 9px 20px;
	    font-size: 14px;
	    letter-spacing: 0.5px;
	}

	.dx1app2016 .main-nav .navbar-collapse .nav.navbar-nav li.dropdown .dropdown-menu li{
		border: none;
	    width: 50%!important;
	    float: left;
	}
	
	.dx1app2016 .main-nav .navbar-collapse .nav.navbar-nav.navbar-right li a{
		padding-right: 10px;
		padding-left: 10px;
	}
	

} /* 768px media query */

@media (min-width:850px){
	.dx1app2016 .main-nav .navbar-collapse .nav.navbar-nav.navbar-right li a{
		padding-right: 40px;
		padding-left: 40px;
	}
}

/* End Main Navigation Styles