.toibox{
	width:90%;
	margin:0 auto;
	display:block;
	background:rgba(255,255,255,0.7);
	border:4px solid #FFFFFF;
	padding:4%;
}
.toibox .toiform>div{
	padding:20px 15px;
}
.toibox .toiform>div:nth-of-type(2n+1){
	width:30% !important;
	background:rgba(150,150,150,0.2);
}
.toibox .toiform>div:nth-of-type(2n){
	width:70% !important;
	background:rgba(200,200,200,0.2);
}
.toibox textarea{
	height:100px;
}
.toibox input[type="text"]{
	width:80% !important;
}
.toipost{
	padding:10px 0;
}
.toipost input{
	width:200px;
	margin:10px;
}
.toibox input[type="submit"]{
	height:40px;
	background-color:#e83f22;
	border:none;
	color:#fff;
	font-size:13px;
	font-weight:700;
	text-align:center;
	
}
.toibox input[type="submit"]:hover{
	background-color:#761c0c !important;
	color:#fff;
}
.toibox input[type="reset"],.toibox input[type="button"]{
	height:40px;
	background-color:rgba(1, 131, 194, 1);
	border:none;
	color:#fff;
	font-size:13px;
	font-weight:700;
	text-align:center;
	
}
.toibox input[type="reset"]:hover,.toibox input[type="button"]:hover{
	background-color:rgba(1, 111, 164, 1) !important;
	color:#fff;
}

@media screen and (max-width: 420px) {
	.toibox .toiform>div{
		-webkit-flex-direction: column;
	    flex-direction: column;
		align-items: center;	
		-webkit-align-items: center;	
	}
	
	.toibox .toiform>div:nth-of-type(2n+1){
		width:100% !important;
	}
	.toibox .toiform>div:nth-of-type(2n){
		width:100% !important;
	}
	
	.toibox input[type="text"]{
		width:100% !important;
	}

}