@media only screen and (min-width: 1680px){
.logo-wrap{
	width: 50%;
	margin: 230px 0 0 430px;
	text-align: center;
}
.form-wrap{
	width: 29%;
	padding: 60px 0 0 800px;
}
.basic-info input{
	width: 41.8%;
	float: left;
}
}
@media only screen and (min-width: 640px) and (max-width: 768px) {
.logo-wrap{
	margin: 15px 175px 0;
	text-align: center;
}
.form-wrap{
	width: 50%;
	margin-top: 100px;
    padding: 15px;
	padding-left: 175px;
}

.basic-info input{
	width: 48.4%;
	float: left;
}
}
@media only screen and (max-width: 568px) {
.logo-wrap{
    margin: 75px 0 0 150px;
	text-align: center;
}
.form-wrap{
	width: 28%;
    padding: 10px 62px 18px 270px;
}
.basic-info input{
	width: 100% !important;
	float: left;
}
}
@media only screen and (max-width: 375px) {
.logo-wrap{
    margin: 15px;
	text-align: center;
}
.form-wrap{
	width: 50%;
    padding: 15px;
}
.basic-info input{
	width: 100% !important;
	float: left;
}
}
@media only screen and (max-width: 320px) {
.logo-wrap{
	margin: 15px;
	text-align: center;
}
.form-wrap{
	width: 70%;
    padding: 15px;
	margin-top: 100px;
}
.basic-info input{
	width: 100% !important;
	float: left;
}
}