/*Styles for screen 600px and lower*/
@media only screen and (max-width : 600px) {
	nav { border-bottom: 0; height: auto; }
	nav ul { display: none; height: auto; }
	nav a { text-align: left; width: 100%; text-indent: 25px;}
	nav a#pull { display: block; background-color: #eaeef2; width: 100%; position: relative; }
	nav a#pull:after { content:""; background: url('/images/nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 10px; }
	nav li { display: block; float: none; width: 100%; }
	nav li a { border-bottom: 1px solid #576979;}
	.cal-navi .sel_navi_pull {display:inline;}
	.cal-navi ul { display: none; }
}