/* w ≥ 756 */
@media only screen  and (min-device-width : 756px) and (orientation : landscape), only screen  and (min-width : 756px) {/*and  (max-width : 755px)*/
	
	div.formbox .message {
		width: 50% !important;
	}
	
	div.formbox .input_text {
		width:30%;
	}

}

/* 440 ≤ w ≤ 755 */
@media only screen and  (min-width : 440px) and (max-width : 755px) {
	div.formbox .message {
		width: 80% !important;
	}
	
	div.formbox .input_text {
		width: 60%;
	}

}

/* w ≤ 439*/
@media only screen  and (max-device-width : 439px) and (orientation : landscape), only screen  and (max-width : 439px) {
	
	div.formbox .message {
		width: 100% !important;
	}
	
	div.formbox .input_text {
		width: 80%;
	}
	
}

div.formbox {
		
				position:relative;
			}
			
			div.formbox h1 { 
				color:#ffffff;
				font-size:18px;
				padding:5px 0 5px 0px;
			}

			div.formbox label {
				float:none;
				width:100%;
				display: block;
				color:#333;
				border-top:1px solid #CCC;
				padding:10px 0 10px 0;
			}
			
			div.formbox label:first-child {
				border-top: none;
			}
	
			div.formbox .input_text {
				outline: none;
				padding:10px;
				color:#333;
				border-radius:6px;
				border-bottom: 1px double #999;
				border-top: 1px double #999;
				border-left:1px double #999;
				border-right:1px double #999;
			}

			div.formbox .input_text:focus{
				border-bottom: 1px double #06F;	border-top: 1px double #06F;border-left:1px double #06F;border-right:1px double #06F;
			}
			
			div.formbox .input_text:hover {
				border-bottom: 1px double #06F;	border-top: 1px double #06F;border-left:1px double #06F;border-right:1px double #06F;
			}

			div.formbox .image{
				outline: none;
				width:40%;
				color:#333;
				border-radius:6px;	
				border-bottom: 1px double #999;
				border-top: 1px double #999;
				border-left:1px double #999;
				border-right:1px double #999;
			}

			div.formbox .image:focus{border-bottom: 1px double #06F;	border-top: 1px double #06F;border-left:1px double #06F;border-right:1px double #06F;}

			div.formbox .image:hover{border-bottom: 1px double #06F;	border-top: 1px double #06F;border-left:1px double #06F;border-right:1px double #06F;}

			input[type="file"] {color: #333;}

			input[type="checkbox"] {padding: 10px; margin-right:10px;}

			div.formbox .message {
				outline: none;
				padding:7px;

				color:#333;

				border-radius:6px;

				border-bottom: 1px double #999;

				border-top: 1px double #999;

				border-left:1px double #999;

				border-right:1px double #999;

				overflow:hidden;

				resize: none;

				height:150px;

			}


			div.formbox .message:focus{

				border-bottom: 1px double #06F;	border-top: 1px double #06F;border-left:1px double #06F;border-right:1px double #06F;}

			div.formbox .message:hover{	border-bottom: 1px double #06F;	border-top: 1px double #06F;border-left:1px double #06F;border-right:1px double #06F;}

			#form_submit {
				font-family: 'Roboto Condensed', sans-serif; 
				font-size: 14px; 
				font-weight: 700; 
				border: 2px solid #CBA1A5; 
				padding: 10px 20px; 
				border-radius: 5px; 
				margin: 40px auto 0 auto;
				background-color: #CBA1A5;
				color: white;
				display: block;
				cursor: pointer;
				transition: color 0.9s,background-color 0.9s; 
			}
			
			#form_submit:hover {
				color: #CBA1A5;
				background-color: white; 
				transition: color 0.9s,background-color 0.9s; 
			}

			
			.lbl {
				font-size: 15px;
				margin-bottom: 4px;
				font-family: 'Open Sans', sans-serif;
				font-weight: 600;
				color: #666666;
			}