body .navbar{
	margin-bottom: 0px;
	transition: all 150ms;
    -webkit-transition: all 250ms;
}
body.notover .navbar{
    background-color: #fff;
}    
body.compact.notover{
    padding-top: 60px;
}	
body.compact .navbar{
    position: fixed;
    width: 100%;
    height: 60px;
    left: 0px;
    top: 0px;
    z-index: 10000;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
    border-bottom: 1px solid #e5e5e5;
}
.navbar-top{
    float: left;
    width: 100%;
    height: 30px;
    background-color: #efefef;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 12px;
    padding-top: 3px;
    color: #666;
    overflow: hidden;
    transition: all 150ms;
    -webkit-transition: all 250ms;
}	
body.compact .navbar-top{
	height: 0px;
	opacity: 0;
	padding: 0px;
	margin: 0px;
}
.navbar-top .user-link{
	float: right;
}
.navbar-top .topsocial{
	float: right;
	margin: 0px;
}
.navbar-top .topsocial .social{
    float: left;
    width: 25px;
}
.navbar-top .user-link a {
	display: inline-block;	
}
.nav-dark.navbar .navbar-nav>li>a{
	color: #fff;
}
body.compact .nav-dark.navbar .navbar-nav>li>a{
	color: #292929;
}

@media screen and (max-width:992px) {
	body .collapse{
		display: none;
	}
	body.compact .nav-dark.navbar .navbar-nav>li>a{
		color:#aaa;
	}
	body .navbar{
		position: fixed;
		z-index: 10000;
		width: 100%;
	}
	
	body .topres_nav{
		margin-top: 70px;
	}
	
	body #navbar-collapse-1{
		background: #1e1e1e;
		overflow-y: auto;
		width: 100%;
		float: none;
		padding-left: 0;
		padding-right: 20px;
		margin:0;
		max-height: 340px;
	}
	body .list-unstyled li{
		border-bottom: none;
		color: #fff;
	}
	body .navbar .navbar-nav li li a{
		color: #fff;
		font-weight: 300;
	}

	
	
	
	.compact .navbar-brand{
		transition: all 150ms;
		-webkit-transition: all 250ms;
	}
	
	.compact .king_res_cart{
		top: 24px;		
	}
	
	.compact .navbar-toggle{
		margin-top: 13px;
	}
}


@media screen and (min-width:768px) and (max-width:992px) {
	.compact .navbar-brand{
		padding-top: 5px;
	}
	
	.compact .navbar-brand>img{
		max-height: 40px
	}
	#box-shadow-bottom{
		display: none !important;
	}
}

@media only screen and (min-width: 640px) and (max-width: 767px){
	
}

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

@media only screen and (min-width: 480px) and (max-width: 639px){
	
}

@media screen and (max-width:479px) {
	.compact .navbar-brand>img{
		height: 80%;
	}
}