/* for menu */
@media screen and (max-width: 600px) {
	.nav {
		position: relative;
		min-height: 40px;
	}	
	.nav ul {
		width: 180px;
		padding: 5px 0;
		position: absolute;
		top: 0;
		left: 0;
		border: solid 1px #aaa;
		background: #000 url(../images/icon-menu-G.png) no-repeat 10px 11px;
		border-radius: 5px;
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
	}
	.nav li {
		display: none; /* hide all <li> items */
		margin: 0;
	}
	.nav .current {
		display: block; /* show only current <li> item */
	}
	.nav a {
		display: block;
		padding: 5px 5px 5px 32px;
		text-align: left;
	}
	.nav .current a {
		background: none;
		color: #666;
	}

	/* on nav hover */
	.nav ul:hover {
		background-image: none;
	}
	.nav ul:hover li {
		display: block;
		margin: 0 0 5px;
	}
	.nav ul:hover .current {
	background-image: url(../images/icon-check-G.png);
	background-repeat: no-repeat;
	background-position: 10px 7px;
	}

	/* right nav */
	.nav.right ul {
		left: 40%;
		right: 0;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -90px;
	}
    .nav li li {
	display: inline-block;
    }
	.nav ul ul {
	 top: 0;
}
}
@media screen and (max-width: 800px) {
	#feb14-form #aligned {
		width: 100%;
		float: none;
		display: block;
	}
	#feb14-form #aside {
		width: 100%;
		display: block;
		float: none;
	}
	#feb14-form .txtinput, #feb14-form textarea {
		width: 85%;
	}
	#prioritycase {
		float: left;
		display: block;
	}
	#recipientcase {
		float: left;
		display: block;
		margin-right: 55px;
	}
}
@media screen and (max-width: 768px) {
   .headerinfo {
	   width: 75%;
   }
   h1 {
	font-size: 70%;
	}
}

@media screen and (max-width: 600px) {
   .headerinfo {
	margin-top: 0px;	   
   }
   .logo {
	   width:40%;
	   display: block;
   }
   #feb14-form .txtinput, #feb14-form textarea {
		width: 80%;
	}
	.grid {
		width:40%;
	}
	
}
@media only screen and (max-width: 480px) {
	select.selmenu {
		width: 190px;
	}
}
@media screen and (max-width: 360px) {
	.headerinfo {
	   width: 65%;
   }
      h1 {
	font-size: 50%;
	}
	.homespecialbox {
		display:block;
		width: 90%;
	}
	.sliderbox {
		display:block;
		width: 90%;
	}
   .grid {
	   width: 99%;
	   display:block;

}
}
/* iPhone portrait *******/
@media only screen and (max-width: 320px) {
	#feb14-form .txtinput, #feb14-form textarea {
		width: 70%;
	}
	#feb14-form #aligned {
		overflow: hidden;
	}
	select.selmenu {
		width: 160px;
	}
	#recipientcase {
		margin-right: 30px;
	}
}