/** all devices and responsive browser windows **/

@media screen and (max-width: 992px) {

	#container {
		width: 85%;
	}
	#hongkiat-form #aligned {
		width: 85%;
		float: none;
		display: block;
	}
	#hongkiat-form #aside {
		width: 85%;
		display: block;
		float: none;
	}
	#hongkiat-form .txtinput, #hongkiat-form textarea {
		width: 60%;
	}
	#prioritycase {
		float: left;
		display: block;
	}
	#recipientcase {
		float: left;
		display: block;
		margin-right: 25px;
	}
}


@media screen and (max-width: 800px) {

	#container {
		width: 90%;
	}
	#hongkiat-form #aligned {
		width: 90%;
		float: none;
		display: block;
	}
	#hongkiat-form #aside {
		width: 90%;
		display: block;
		float: none;
	}
	#hongkiat-form .txtinput, #hongkiat-form textarea {
		width: 50%;
	}
	#prioritycase {
		float: left;
		display: block;
	}
	#recipientcase {
		float: left;
		display: block;
		margin-right: 25px;
	}
}


/* smaller screen dropoff *******/
@media only screen and (max-width: 500px) {
 	#hongkiat-form .txtinput, #hongkiat-form textarea {
		width: 55%;
	}
}

/* iPhone Landscape ********/
@media only screen and (max-width: 480px) {
	body {
		padding: 0px 0px;
	}
	select.selmenu {
		width: 250px;
	}
}

/* iPhone portrait *******/
@media only screen and (max-width: 320px) {
	body {
		padding: 0px 0px;
	}
 	#hongkiat-form .txtinput, #hongkiat-form textarea {
		width: 50%;
	}
	#hongkiat-form #aligned {
		overflow: hidden;
	}
	select.selmenu {
		width: 200px;
	}
	#recipientcase {
		margin-right: 10px;
	}
}