.navbar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 0
}

.navbar-default {
    background-color: transparent;
    border: none
}

.navbar-collapse {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-nav {
    float: right;
	margin-right: 25px;
}

#dnnMenu a #logo{
	height: 75px;
	/*c5d6e6;*/
	/*background-image:url(../Images/sccvitality-logo_220.jpg); 	
	|Muli|Encode+Sans+Condensed|News+Cycle|Poiret+One|Roboto+Condensed	
	*/
	text-transform: uppercase;
	background-repeat: no-repeat;
	display: inline-block;
	position: fixed; /* changed from absolute */
	padding-left: 5px; padding-right: 5px;
	padding-top: 12px;
	left: 10px;
	box-shadow: 0 0 40px -7px #252525;
	border-bottom-left-radius: 23px;
	border-bottom-right-radius: 23px;
	color: #fdfdfd;
	background: #555;
	/*font-family: 'Lato';*/
	font-family: 'News Cycle', sans-serif;
	font-size: 3.4rem;
	font-style: normal;	
	letter-spacing :1.6px;
	white-space: nowrap;
}

#logo:hover {
	-webkit-box-shadow: 0 0 10px -3px #252525;
	box-shadow: 0 0 10px -3px #252525;
	opacity: 1;
	color: #f0C808!important;
}
#logo .brand {
	color: #54b7e6;
}

@media only screen and (min-width:824px) and (max-width:909px) { 

#dnnMenu a #logo{
	
	padding-left: 5px; padding-right: 5px;
	padding-top: 12px;
	left: 10px;
	box-shadow: 0 0 40px -7px #252525;
	border-bottom-left-radius: 23px;
	border-bottom-right-radius: 23px;
	color: #fdfdfd;
	background: #555;
	/*font-family: 'Lato';*/
	font-family: 'News Cycle', sans-serif;
	font-size: 2.6rem;
	font-style: normal;	
	letter-spacing :1.6px;
	height: 60px;
}
}

#dnnMenu {
    width: 100%;
    background: #169fa5!important;
	border-bottom: 2px solid #757575;
	position: relative; /* changed from relative */
	z-index: 10;
	top: 0; right: 0;
	display: inline-block;
	background: #252525;
	-webkit-box-shadow: rgba(0, 0, 0, .2) 0 1px 3px;
	box-shadow: rgba(0, 0, 0, .2) 0 1px 3px;
	
}

#dnnMenu ul li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#dnnMenu .subLevel a {
	color: #252525 !important;
}
#dnnMenu a:hover,
#dnnMenu a:active,
#dnnMenu a:focus {
	color: #252525 !important;
}
#dnnMenu .open a:hover {
	background: #e2e2e2 !important;
	color: #252525 !important;
}

/*#dnnMenu .topLevel>li>a {
    color: #3f3f3f
}*/

#dnnMenu .topLevel>li>a:focus,
#dnnMenu .topLevel>li>a:hover {
    color: #979797
}

#dnnMenu .topLevel>li.active>a:focus,
#dnnMenu .topLevel>li.active>a:hover {
    color: #3f3f3f
}

#dnnMenu .topLevel>.open>a,
#dnnMenu .topLevel>.open>a:hover,
#dnnMenu .topLevel>.open>a:focus {
    background: none
}

#dnnMenu .topLevel>.active.open>a,
#dnnMenu .topLevel>.active.open>a:hover,
#dnnMenu .topLevel>.active.open>a:focus {
    background-color: #e7e7e7;
	background-color: #e7e7e7;
}

#dnnMenu .navbar-default .topLevel>li>a {
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

#dnnMenu .dropdown-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #f1f1f1;
    padding: 0
}

#dnnMenu .dropdown-menu li {
    background: none;
    float: none;
    clear: both;
    width: auto;
    padding: 1px;
    border-bottom: 1px solid #172a3a;
    -o-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
	color: #252525!important;
}

#dnnMenu .dropdown-menu::after {
    bottom: 100%;
    left: 35%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(241, 241, 241, 0);
    border-bottom-color: #f1f1f1;
    border-width: 10px;
    margin-left: -30px
}

#dnnMenu .dropdown-menu li:hover {
    background: #7ca0c0
}

#dnnMenu .dropdown-menu li:last-child {
   /* border: none*/
}

#dnnMenu .dropdown-menu li>a {
    background: transparent
}

#dnnMenu .dropdown-menu li.active>a,
#dnnMenu .dropdown-menu li.active a:hover,
#dnnMenu .dropdown-menu li.active a:focus {
    color: #3f3f3f;
    font-weight: 600
}

#dnnMenu .dropdown-menu a:hover {
    color: #fff
}

#dnnMenu .subLevelRight::after {
    border: none
}

.caret {
	padding-left: 0px;	
	margin-left: -4px;
}

#dnnMenu .nav li ul li{
	height: auto;
	display: block;
}
#dnnMenu .nav li a {
	text-transform: none; /* was uppercase letter-spacing: 4px; */	
	color: #fdfdfd;
	padding: 1rem;
	padding-left: .8rem; padding-right: .8rem;
	border-left: 0px solid #757575;
	border-right: 0px solid #757575;
	font-family: 'Raleway'; /* */
	line-height: 2rem;
	font-size: 1.8rem;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 2px;
	text-align:center;
	white-space: nowrap;	
	
}

#dnnMenu .nav li a span{
	white-space:normal;
	line-height: 1rem;
	}

#dnnMenu .nav li ul li a{text-align:left; height: auto; }

@media only screen and (min-width:1012px) and (max-width:1340px) { /* changed from 995 px */   
    #dnnMenu .nav li a{
		font-size: 1.5rem;
    }
}

@media only screen and (min-width:955px) and (max-width:1011px) { /* changed from 995 px */ 
    #dnnMenu .nav li a{
		font-size: 1.4rem;
		padding-left: 5px; padding-right: 5px;
    }
}

@media only screen and (min-width:881px) and (max-width:954px) { /* changed from 995 px */    
	
	#dnnMenu .nav li a{
		font-size: 1.2rem;
		max-width: 182px;
		line-height: 1.3rem;
		height: 40px;
    }
	#dnnMenu .nav li a span{
		position:relative;
		top:5px;
	}
	#dnnMenu .nav li:nth-child(4) span{
		/*position:relative;
		top:0px;*/
    }
	
	#dnnMenu .nav li:nth-child(4) a{
		/*width: 160px; 	*/
    }
	
	#dnnMenu .nav li ul li a span{
		position:relative;
		top:0px;
	}
	
	#dnnMenu .nav li ul li a{
		height: auto;
    }
	
}

@media only screen and (min-width:824px) and (max-width:880px) { /* changed from 995 px */  	
	
	#dnnMenu .nav li a{
		font-size: 1rem;	
		
		letter-spacing: 2px;
		max-width: 160px; 	
		
		line-height: 1.4rem;	
		text-align:center;
		/*display: table-cell;
		vertical-align:middle!important;*/
		position:relative;
		top: 5px;
    }
	.navbar-collapse.collapse {height: 40px!important;}
}


@media only screen and (max-width:768px) { /* changed from 995 px */    
   

	/* #dnnMenu .nav li a{
		font-size: 1.4rem;
		
    }*/
}




/*@media only screen and (max-width:1340px) {

	.topLevel li a {padding-left: 5px!important; padding-right: 5px!important; font-size: 1.5rem; letter-spacing: 3px!important;}
}

@media only screen and (max-width:1170px) {

	.topLevel li a {padding-left: 3px!important; padding-right: 3px!important; font-size: 1.3rem; letter-spacing: 2px!important;}
}*/

@media only screen and (max-width: 823px) {
	#dnnMenu{
        position: fixed;
        top: 0;
		height: 42px;
    }
    #dnnMenu .dropdown-menu {
        padding: 0
    }
    #dnnMenu .dropdown-menu::after {
        border: none;
        pointer-events: none;
        border-color: none;
        border-width: 0
    }
    #dnnMenu .dropdown-menu.subLevel {
        padding: 0
    }
    #dnnMenu .dropdown-menu.subLevel li.active a span {
        color: #3f3f3f
    }
    #dnnMenu .dropdown-menu.subLevel li {
        background: #4a4f54;
        border-bottom: 1px solid #4a4b4c;
        padding: 0;
		
    }
	#dnnMenu .dropdown-menu.subLevel li a {
        background: #4a4f54;
		padding-left: 30px;
    }
	#dnnMenu .dropdown-menu.subLevel li a span{
        background: #4a4f54;
    }

    #dnnMenu .dropdown-menu.subLevelRight li {
        background: #5d6062;
        padding: 0
    }
    #dnnMenu .topLevel li {
        position: relative;
        background: #383c40;
        list-style-type: none;
        float: none;
        width: 100%;
        margin-bottom: 0;
        border-top: 1px solid #666;
		text-align:left;
    }
    #dnnMenu .topLevel li.active a {
        /*color: #3f3f3f;*/
        font-weight: bold
    }
    #dnnMenu .topLevel li a {
        display: block;
        color: #ddd;
        -webkit-transition: all .2s ease 0s;
        -moz-transition: all .2s ease 0s;
        -o-transition: all .2s ease 0s;
        transition: all .2s ease 0s;
        padding-top: 5px;
        padding-bottom: 5px;
		text-align:left;
    }
    #dnnMenu .topLevel li a:hover {
        background: #bbc2c8;
		background: #383c40;
    }
    #dnnMenu .topLevel li a:hover span {
        color: #3f3f3f
    }
    #dnnMenu .topLevel li a span {
        margin: 0;
        padding: 0px;
		top: 14px;
        font-size: 1.6rem;
		background: #383c40;
    }
    #dnnMenu .topLevel .dropdown.open a span {
        color: #7ca0c0
    }
    #dnnMenu .topLevel .dropdown-menu.subLevel a span {
        color: #fff
    }
    #dnnMenu .topLevel>li>a {
        color: #fff
    }
    #dnnMenu .topLevel>li>a:hover span {
        color: #7ca0c0
    }
    #dnnMenu .dropdown.open .subLevel>li a:hover span {
        color: #69849d
    }
    .navbar-nav.sm-collapsible .caret,
    .navbar-nav.sm-collapsible ul .caret {
        position: absolute;
        right: 0;
        padding: 0;
        width: 65px;
        height: 62px;
        line-height: 60px;
        text-align: center;
        border-width: 1px;
        border-style: solid;
        top: 0;
        border: none;
        background-color: #2c2f33;
        display: block;
        margin: 0;
		margin-top: 10px;
        border-radius: 0;
        font-size: 1.3em
    }
    .collapse {
        display: block;
    }
    .navbar-collapse {
        padding: 0;
        /*width: 100%;*/
    }
    .navbar-nav {/* this is the settings for the mobile menu */
        display: none;
		position:absolute;
		top: 50px;
		left: 0px;
		margin-left: 0px; margin-right: 10px;
		width: 80%;
		text-align:left;
    }
	
	#dnnMenu a #logo{
		position: relative;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 200px;
		height: 66px;
		top: -10px;
		padding-bottom: 20px;
	}   
	
	
}

 /*@media only screen and (max-width: 823px) { changed from 995 px   	
	
	#dnnMenu  {
		width: 80%;
		
	}
	.navbar-nav	{
		position: absolute;
		top: 50px;
		left: 0px;
		margin-left: 10px;
		margin-right: 10px;
		width: 80%;
	}
	
	#dnnMenu .topLevel li a {
		text-align:left!important;
		display: block;
		line-height: 1.2em;
		border-bottom: 1px solid #1c4a64;
		padding: 10px 10px;
		font-size: 16px;
		text-decoration: none;
		color: whitesmoke;
	}
	
	#dnnMenu .topLevel li a .caret{
		margin-top: 10px;
	}
	
}*/