.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 h4 {
			    margin: 0px;
			    font-weight: 400;
			    color: #333;
			}
			.box-input .grup label {
			    width: 100px;
			    float: left;
			    padding: 2px;
		        color: #0e3c5d;
			}
			.box-input .grup input {
			    border: 0;
			    padding: 0px 8px;
			    margin: 8px 0px;
			    width: calc(100% - 100px);
			    margin: 0px;
		        border: 1px solid #d7d7d7;
			    font-family: Pridi,serif;
			    font-size: 1em;
			    font-weight: 100;
			    height: 31px;
			}
			.box-input .grup.link input{
			    width: calc(100% - 257px);
			}
			.box-body .grup.link button {
		        background: #252525;
			    color: #ffffff;
			    line-height: 27px;
			    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 28px;
            margin: 10px 0px;
            display: table;
		    width: 100%;
		}
			.box-input .grup.box h4 {
			    text-align: center;
			}
			
		.box-body .box-input .hr {
		    margin: 30px;
		    text-align: center;
		    position: relative;
		}
			.box-body .box-input .hr::before ,
			.box-body .box-input .hr::after {
				content: "";
				border-bottom: 1px solid #e0e0e0;
				position: absolute;
				width: calc(50% - 50px);
				top: 50%;
				margin-top: -1px;
			}
			.box-body .box-input .hr::before {
				left: 0px;
			}
			.box-body .box-input .hr::after {
				right: 0px;
			}
				
		
	
	.box-body .box-link {
        margin: 0px auto 10px auto;
	    display: block;
		max-width: 200px;
	    width: 100%;
	}
		.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;
		}

/* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

	

}


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

	.box-body {
	    padding: 10px;
	}
	.box-body .box-input .grup {
	    width: 100% !important;
	    float: none !important;
        padding: 8px;
        margin: 0px !important;
        display: table;
	}
	.box-body .box-input {
	    width: 100%;
    }
    .box-input .grup input {
	    width: 100% !important;
        margin-top: 5px;
    }
    .box-body .grup.link button {
	    float: none;
	    margin: auto;
	    margin-top: 10px;
	}
}