/***********************
HAT MEDYA 2017
www.hatmedya.com
info@hatmedya.com
chrome10+, ie9+, ff4+
***********************/
.ikform {font: 14px/36px 'Roboto', sans-serif;}
.ikform input[type="text"], .ikform textarea {font: 14px/20px 'Roboto', sans-serif; color: #333; padding: 7px; background: #fff; border: 1px solid #ccc;}
.ikform textarea {width: 1154px; resize: none; overflow: auto;}
.ikform div {padding: 5px;}
.ikform label {display: block;}
.ikform h3 {background: #222; color: #fff; font-size: 18px; padding: 12px; margin: 20px 0;}
.ik1 div:nth-child(odd) {background: #eee;}
.ik1 label {display: inline-block !important; width: 260px;}
.ik1 input[type="text"] {width: 274px;}
.ik2 div:nth-child(even) {background: #eee;}
.ik2 input[type="text"] {width: 244px;}
.ik3 label {display: inline-block !important; width: 300px;}
.ik3 input[type="text"] {width: 834px;}
.ik3 div:nth-child(odd) {background: #eee;}
.ikform input[type="submit"], .ikform input[type="reset"] {display: inline-block; font: italic 16px/36px 'Roboto', sans-serif; color: #fff; border: 1px solid #ccc; background: #222; margin-top: 25px; padding: 1px 20px; cursor: pointer;}
.ikform input[type="submit"]:hover, .ikform input[type="reset"]:hover {background: #fff; color: #222; border: 1px solid #ccc;}



@media only screen and (min-width: 768px) and (max-width: 1170px) {
	.ikform textarea {width: 752px;}
	.ik1 label {width: 184px;}
	.ik1 input[type="text"] {width: 162px;}
	.ik2 input[type="text"] {width: 154px;}
	.ik3 label {width: 196px;}
	.ik3 input[type="text"] {width: 546px;}
	}
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.ikform textarea {width: 464px;}
	.ik3 label {width: 454px;}
	.ik3 input[type="text"] {width: 454px;}
	}
@media only screen and (max-width: 479px) {
	.ikform textarea {width: 304px;}
	.ik1 label {display: inline-block !important; width: 280px;}
	.ik1 input[type="text"] {width: 294px;}
	.ik2 input[type="text"] {width: 294px;}
	.ik3 label {width: 294px;}
	.ik3 input[type="text"] {width: 294px;}
	}