.box-body {
    display: flow-root;
    padding: 7px 10px 10px 0px;
    position: relative;
}		
	.box-body .box-input {
        width: 87%;
		margin: auto;
	    padding: 16px 0px;
	}
		.box-body .box-input .grup {
		    padding: 10px 28px;
		}
			.box-input .grup label {
			    width: 160px;
			    float: left;
			    padding: 2px;
		        color: #0e3c5d;
			}
			.box-input .grup input ,
			.box-input .grup .select ,
			.box-input .grup select {
			    border: 0;
			    padding: 0px 8px;
			    margin: 8px 0px;
			    width: calc(100% - 160px);
			    margin: 0px;
		        border: 1px solid #d7d7d7;
			    font-family: Pridi,serif;
			    font-size: 1em;
			    font-weight: 100;
			    height: 31px;
			}
			.box-input .grup input[type="radio"] {
		        width: 18px !important;
			    margin-right: 5px;
			    margin-bottom: 4px;
			    vertical-align: middle;
			}
			.box-input .grup.link input[type="email"] {
			    width: calc(100% - 317px);
			}
			.box-body .grup.link a {
		        background: #252525;
			    color: #ffffff;
			    line-height: 31px;
			    height: 31px;
			    width: 150px;
			    float: right;
			    border-radius: 4px;
			    display: block;
			    text-align: center;
			    margin-left: 3px;
			    font-family: Pridi,serif;
			    font-size: 1em;
			    font-weight: 100;
			    border: 0;
			}
			
		.box-body .box-input .grup.box {
		    background: #efefef;
	        padding: 20px 28px 20px 189px;
            margin: 10px 0px;
            display: table;
		    width: 100%;
		}
			.box-input .grup.box > label {
			    position: absolute;
			    margin-left: -160px;
			}
				.box-body .box-input .grup.box .grup {
				    padding: 10px 0px;
				    width: 100%;
				}
					.box-body .box-input .grup.box > div {
					    float: left;
					}
						.box-input .grup.box input+label {
						    float: none;
						    margin-right: 33px;
					        color: #6d6d6d;
						}
						.g-recaptcha {
						    padding-left: 160px;
						}
				
		.box-body .box-input .grup2 {
		    display: table;
		    width: 100%;
		}
			.box-body .box-input .grup2 .grup {
			    width: 50%;
			    float: left;
			}
	
	.box-body .box-link {
        margin: 0px auto 10px auto;
	    display: block;
		max-width: 200px;
	    width: 100%;
	}
	.box-body .box-link.w50 {
	    max-width: 400px;
	}
		.box-body .box-link [type="submit"], .box-body .box-link a {
		    background: #252525;
		    color: #ffffff;
		    line-height: 31px;
		    height: 31px;
		    border-radius: 4px;
		    width: 100%;
		    margin-top: 15px;
		    display: inline-block;
		    text-align: center;
		    margin-left: 3px;
		    font-family: Pridi,serif;
		    font-size: 1em;
		    font-weight: 100;
		    cursor: pointer;
		    border: 0;
		}
		.box-body .box-link [type="submit"], .box-body .box-link a {
		    width: 100%;
		}
		.box-body .box-link.w50 [type="submit"], .box-body .box-link.w50 a {
		    width: calc(50% - 8px);
		}
		
/* ---------------------------------------------------**** thankyou.php ****--------------------------------------------------- */
.thankyou .box-body {
    color: #252525;
    text-align: center;
    padding: 30px;
    max-width: 700px;
    margin: 20px auto;
}
	.thankyou .box-body h3 {
	    font-weight: 500;
	    margin: 0px;
	    font-size: 1.5em;
        text-transform: uppercase;
	}
	.thankyou .box-body p {
	    margin: 0px;
	    font-weight: 400;
	}
	.thankyou .box-body .box-link {
	    color: #fff;
	    max-width: 100%;
	    padding: 30px;
	    margin-top: 30px;
	    margin-bottom: 0px;
	}
		.thankyou .box-body .box-link a {
		    max-width: 200px;
		    display: block;
		    margin: auto;
		    margin-top: 14px;
		}
		
/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.box-body .box-input .grup2 .grup {
	    width: 100%;
    }

}


/* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
@media only screen and (min-width: 320px) and (max-width: 767px) {

	.box-body {
	    padding: 10px;
	}
	.box-row {
	    display: inherit;
	}
	.box-body .box-input .grup {
	    width: 100% !important;
	    float: none !important;
        padding: 8px;
        margin: 0px !important;
        display: table;
	}
	.box-body .box-input .grup.box {
	    padding: 10px;
	    display: table;
	}
	.box-input .grup label {
	    width: 100%;
	}
	.box-body .box-input {
	    width: 100%;
    }
    .box-input .grup input {
	    width: 100% !important;
        margin-top: 5px;
    }
    .box-body .box-input .grup.box > div {
	    width: 100%;
	    padding-left: 55px;
	}
    .box-body .grup.link a {
	    width: 100px;
    }
    .box-input .grup.box > label {
	    position: initial;
	    margin-left: 0px;
	}
    .box-input .grup.box input+label {
	    margin-right: 5px;
    }
    .g-recaptcha {
	    padding-left: 0px;
    }
	.g-recaptcha > div, .g-recaptcha iframe {
	    max-width: 100% !important;
	}
	.box-footer-main .box-top .box-Register input[type="email"] {
	    width: calc(100% - 92px);
    }
}