/*------------------------------------*\
    Responsive Navigation
\*------------------------------------*/
/* Navigation styling */

.nav-list { float:right; }
.nav-item { position:relative; 
	  font-family: 'MyliusModern-Regular';
	float:left;
	*display:inline;
	zoom:1;
	color:#172e4d;  
}
.nav-item a { position:relative;
	display:block; 
	font-size:0.88rem;   
	padding:1.90em 18px;   
	color:#172E4D;  
}



.no-padding { padding-right:0px!important; }


/*
.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:#172e4d;  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:#172e4d; text-decoration:none;  font-family: 'MyliusModern-Bold'; 
}

.nav-item a:hover::before,
.nav-item a:hover::after,
.nav-item a.active:before,
.nav-item a.active:after   { content: ""; position:absolute;  color:#172e4d;  }
.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:0;
	right:12px;
	background:url(../images/viewList.png) no-repeat center center;
	height:29px;
	width:27px; 

	
}

/*------------------------------------*\
    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 { }

.nav-item a {   border-top:#ececec solid 1px; }
.nav-mobile { display:block;}
.nav { width:100%; background:none;	  }
.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-mobile-open {
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	
}


.nav-item a:hover::before,
.nav-item a:hover::after,
.nav-item a.active:before,
.nav-item a.active:after    { display:none; }


}