.editorForm td {
	padding: 5px;
	vertical-align: top;
}
.editorForm td.label {
	text-align: right;
}
.editorForm td input.text {
	padding: 5px;
	max-width: 300px;
	background: #ffffff;
	border: 1px solid #cccccc;
	width:100%;
	max-width:400px;
}
.editorForm td input.submit {
	padding: 6px;
}
.editorForm td select {
	padding: 5px;
	max-width: 300px;
	border: 1px solid #cccccc;
}
.editorForm td textarea {
	max-width: 380px;
	padding: 5px;
	height: 120px;
	border: 1px solid #cccccc;
}

@media only screen and (max-width: 640px) {
  /*   .editorForm td.label {
	     text-align: left;
     }
		/* Force table to not be like tables anymore */
		/*table, thead, tbody, th, td, tr {
			display: block;
		}

		/* Hide table headers (but not display: none;, for accessibility) */
	/*	thead tr {
			position: absolute;
			top: -9999px;
			left: -9999px;
		}

		tr { border: 1px solid #ccc; }

		td {
			/* Behave  like a "row" */
/*			border: none;
			border-bottom: 1px solid #eee;
			position: relative;
			padding-left: 50%;
		}

		td:before {
			/* Now like a table header */
//			position: absolute;
			/* Top/left values mimic padding */
/*			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
    */
		/*
		Label the data
		*/
	}

	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
		body {
	//		padding: 0;
//			margin: 0;
			//width: 320px; 
      }
		}

	/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
		body {
//			width: 495px;
		}
	}
  
::-webkit-input-placeholder { /* WebKit browsers */
    color: transparent;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: transparent;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: transparent;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: transparent;
}

textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: transparent;
}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: transparent;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: transparent;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: transparent;
}

.lA input::-webkit-input-placeholder { /* WebKit browsers */
    color: black !important;
}

.lA input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: black !important;
}
.lA input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: black !important;
}
.lA input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: black !important;
}

.lA textarea::-webkit-input-placeholder { /* WebKit browsers */
   color: black !important;
}
.lA textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: black !important;
}
.lA textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: black !important;
}
.lA textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: black !important;
}
.lA{width:500px;}
.lA textarea {width:82%;max-width: inherit !important;}
.lA .label{display:none;}
.lA .submit  {width: 83%;border-radius: 50%;}

/*----------*/
.lB input::-webkit-input-placeholder { /* WebKit browsers */
    color: black !important;
}

.lB input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: black !important;
}
.lB input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: black !important;
}
.lB input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: black !important;
}

.lB textarea::-webkit-input-placeholder { /* WebKit browsers */
   color: black !important;
}
.lB textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: black !important;
}
.lB textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: black !important;
}
.lB textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: black !important;
}
.lB{width:500px;}
.lB tr{float: left;width: 245px;}
.lB td{width: 230px;}
.lB tr.fieldtext, .lB tr.fieldcaptcha{width:100%; max-width: inherit !important;}
.lB .fieldcaptcha td, .lB .fieldtext td{width:476px; max-width: inherit !important;}
.lB .fieldtext textarea{width:100%;max-width: inherit !important;}
.lB .fieldcaptcha input{width:100%;max-width: inherit !important;}
.lB .label{display:none;}
.lB .fieldsubmit  {width: 100%;}
.lB .fieldsubmit td {width: 500px;}
.lB .submit  {width: 97%;}

/*----------*/
.lC input::-webkit-input-placeholder { /* WebKit browsers */
    color: black !important;
}

.lC input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: black !important;
}
.lC input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: black !important;
}
.lC input:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: black !important;
}

.lC textarea::-webkit-input-placeholder { /* WebKit browsers */
   color: black !important;
}
.lC textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: black !important;
}
.lC textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: black !important;
}
.lC textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
   color: black !important;
}
.lC{width:500px; position: relative;}
.lC tr{float: left;width: 100%;}
.lC .label{display:none;}
.lC tr.fieldtext{position: absolute;left: 50%;top: 0;}
.lC .fieldtext textarea{width: 274px;max-width: inherit !important;height: 245px;}
.lC .fieldsubmit{float:none;}
.lC .fieldsubmit td,.lC .fieldsubmit input{width:100%}


.lC .fieldrealname {background: url('../pub/images/icons/person.png') no-repeat scroll;background-size: 33px;padding-left: 30px;}
.lC .fieldemail {background: url('../pub/images/icons/openmail.png') no-repeat scroll;background-size: 33px;padding-left: 30px;}
.lC .fieldphone {background: url('../pub/images/icons/phone.png') no-repeat scroll;background-size: 33px;padding-left: 30px;}
.lC .fieldtext {background: url('../pub/images/icons/messages.png') no-repeat scroll;background-size: 33px;padding-left: 30px;}
.lC .fieldsubject,.lC .fieldcaptcha {background: url('../pub/images/icons/pen.png') no-repeat scroll;background-size: 33px;padding-left: 30px;}

@media only screen and (min-device-width: 360px) and (max-device-width: 550px) {
		.contactForm, .lA,.lB,.lC {width: 360px;}
    .lA textarea{width:100%}
    
    
    .lB tr {float: left;width: 176px;}
    .lB td {width: 160px;}
    .lB .fieldcaptcha td, .lB .fieldtext td {width: 360px;}
    .lB .fieldsubmit td {width: 360px;}
    
    .lC td {width: 350px;}
    .lC tr.fieldtext {position: inherit; left: 0;}
    .lC .fieldtext textarea {width: 100%; height: 100px;}
}