/*------------------------------------*\
    Responsive Navigation
\*------------------------------------*/
/* Navigation styling */
nav{ border-bottom:1px solid #ececec;}
.nav-item{ 
	position:relative;
	display:inline-block;
	*display:inline;
	zoom:1;
}
.nav-item a{ 
	position:relative;
	display:block; 
	font-size:12px; 
	line-height:22px; 
	padding:17px 54px;   
	color:#606060; 
}
.nav-item:first-child a{ padding-left:0px;}
.nav-item:last-child a{ padding-right:0px;}
.nav-item a span.home-icon { display:block; height:23px; overflow:hidden;}
.nav-item a:hover span.home-icon img{ margin-top:-64px;}
.nav-item a span.notification-col{ 
	color:#ff0000; 
	border:#ff0000 solid 1px; 
	height:25px; 
	width:25px; 
	line-height:25px; 
	position:absolute; 
	top:12px; 
	right:28px; 
	text-align:center;
	-o-border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.nav-item:last-child a{}
.nav-item:last-child a:hover{}
.nav-item a:hover,
.nav-item a.active{
	color:#d93128; 
	text-decoration:none;  
}
.nav-item a:hover::before,
.nav-item a:hover::after,
.nav-item a.active:before,
.nav-item a.active:after{/* content:""; position:absolute; height:14px; width:1px; background:#ff6c00; top:26px; */}
.nav-item a::before {left:0px;}
.nav-item a::after {right:0px;}
/* Mobile Navigation */
.nav-mobile {
	display:none; /* Hide from browsers that don't support media queries */
	cursor:pointer;
	position:absolute;
	top:14px;
	right:0;
	background:#d93128 url(../images/viewList.png) no-repeat center center;
	height:36px;
	width:45px; 
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media only screen and (min-width: 320px) and (max-width: 768px){}

@media only screen and (min-width: 320px) and (max-width: 767px){
.nav-list { float: none; }
.nav, 
.nav-item a {  }
.get-quote-btn { margin-right:60px;}
.nav-item a {   border-top:#ececec solid 1px; }
.nav-mobile { display:block;}
.nav { width:100%; background:none;	padding:0px 0px;}
.nav-list {	display:none;}
.nav-item {	width:100%;	float:none;	}
.nav-item a {padding:8px 10px;}
.nav-item:first-child a { }
.nav-item:last-child a {}
.nav-active { display:block;}
.nav-item a:hover::before,
.nav-item a:hover::after,
.nav-item a.active:before,
.nav-item a.active:after { display:none; }
}