.parent {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 0px;
	margin-top: 25px;
	margin-bottom: 30px;
	}

	.parent .p-col  	{ padding:0; background-color: #efefef; }
	.parent .til		{ font-weight:bold; line-height:normal; padding:10px 15px; background-color: #fbeee9; color: #f05a28; }
	.parent .selbox		{ line-height:normal; padding:10px 15px; background-color: #efefef; }
	
	label.l-align   	{ display: flex; align-items: baseline}
	label.l-align span  { padding-left:8px; }


	/* ------- Style Placeholder Text ------- */
	::-webkit-input-placeholder { color: #ffffff;}
	:-moz-placeholder 			{ color: #ffffff;}
	::-moz-placeholder 			{ color: #ffffff;}
	:-ms-input-placeholder 		{ color: #ffffff;}
	.placeholder 				{ color: #ffffff !important;}


	/* ------- Style 1 ------- */
	.form-2cols {width:75%;}
    .form-2cols .mandatory,
    .form-2cols .row .error 	{ color:red; display:block; font-size:80%; font-style:italic;}

	.form-2cols .mandatory 		{ text-align:right;}
    .form-2cols .row .error		{ text-align:left; font-weight:normal; padding-left:20px; display:none}

	.form-2cols .row 			{}
	.form-2cols .row .r-col1 	{ float:left; width:40%; margin-top:6px; text-align:right;}
	.form-2cols .row .r-col2 	{ float:left; width:60%; margin-top:6px;}
	.form-2cols .row:after 		{ content: ""; display:table; clear:both}


	.form-2cols .row input[type=text],
	.form-2cols .row select,
	.form-2cols .row textarea 	{ width:100%; padding:12px 20px; resize:vertical;
					  display:block; border: 1px solid #fff; color:#333;
					  font-family:"roboto-regular", sans-serif; font-size:16px; line-height:normal;
								 background: #ececec;
							-moz-transition: all 0.3s ease-in-out;
							  -o-transition: all 0.3s ease-in-out;
					  	 -webkit-transition: all 0.3s ease-in-out;
							 -ms-transition: all 0.3s ease-in-out;
							     transition: all 0.3s ease-in-out; }

	.form-2cols .row label 		{ padding:8px 12px 12px 0; display:inline-block;}
	.form-2cols .row span.star  { color:red; font-weight:bold; padding-right:5px}
	.form-2cols .row p 			{ position:relative;}
	.form-2cols .row p select 	{ color:#333; padding:12px 20px; width:100%; border: 1px solid #ccc; font-size:16px; color:#333; 
					  				 outline: none;
								  appearance: button;
						  -webkit-appearance: none; }

	.form-2cols .row p::before {  content: "\f107"; font-family:FontAwesome;
								  width:98%; height:100%; text-align:right; font-size:20px; line-height:45px; color:#333; padding-right:5px;
								  position:absolute;
				  				  pointer-events:none;
				   			      transition: all 0.3s ease-out;}

	.form-2cols .row p select:focus 	{ }
	.form-2cols .row p select option 	{ padding: 30px;}

	.form-2cols .row select:focus,
    .form-2cols .row input:focus              { border:1px solid #333;} 

	.form-2cols .row.button 			{ text-align:right; margin-top:10px}
/*	.form-2cols .row.button .btn-sty1	{ background-color:green; color:#fff; border:none; padding:15px 32px; margin:4px 2px;
	  									  text-align:center; text-decoration:none; display:inline-block; font-size:16px;
	  									  cursor:pointer; transition: all 0.3s ease-out;}
	.form-2cols .row.button .btn-sty1:hover 	{ background-color:pink}*/




	/* ==========================================================================
		Media
	============================================================================= */

	@media only screen and (max-width:1300px) {
	}

	@media only screen and (max-width:1100px) {
	.form-2cols {width:100%;}

	}

	@media only screen and (max-width:1024px) {
	.form-2cols { width:100%;}


	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.parent 		{ display:block; }
	.parent .p-col  { margin-bottom:15px; }
	}



	@media screen and (max-width: 767px) {
	.form-2cols .row .r-col1,
	.form-2cols .row .r-col2,
	.form-2cols .row input[type=text],
	.form-2cols .row select,
	.form-2cols .row textarea 	{ width:100%; margin-top:0;}

	.form-2cols .row .r-col1 	{ text-align:left;}
	.form-2cols .row label 		{ padding-bottom:0}

	.parent 		{ display:block; }
	.parent .p-col  { margin-bottom:15px; }
	}