.loginForm {
    max-width: 700px;
    background-color: #fff;
    margin: 20px auto;
    overflow: hidden;
    padding: 25px;
    color: #4c4e56;
}

.loginForm label {
    width: 100%;
    margin-bottom: 10px;
}


.loginForm .loginchild {
    width: 100%;
    float: left;
    font-size: 18px;
    
    margin-top: 20px;
    position: relative;
}

.loginForm .loginchild .form-group {
    float: left;
    margin-bottom: 15px;
}

.loginForm .loginchild .form-control {
    
    padding: 0 16px;
}


.loginForm .uidlabel {
    width: 49%;
   
}
.loginForm .uidexist {
    width: 49%;
   
}



.loginForm .fname {
    width: 100%;
   
}
.loginForm .email {
    width: 49%;
}
.loginForm .pass {
    width: 100%;
    margin-right: 10px;
}
.loginForm .passconf {
    width: 100%;
    margin-right: 10px;
}
.loginForm .g-recaptcha {
    width: 20px;'
    margin-right: 10px;
/*
     position: relative;
overflow: hidden;*/
}

.loginForm .uid {
    width: 49%;
   margin-right: 10px;
}

.loginForm #but-sub {
    width: 100%;
    margin-top: 25px;
}

.loginForm .loginchild .btn {
    width: 100%;
    margin-top: 3px;
        background-color: #3295D2;
font-size: 20px;
    color: white;
}

.loginForm .loginchild .btn:hover {
    color: #3295D2; 
  background-color: #ffffff; 
  border-color: #3295D2;
}

.loginForm .loginchild select {
    padding: 10px;
    margin-right: 10px;
}

.transparent {
    opacity: 0.2;
}

@media(max-width: 650px) {

.loginForm .passconf-field,
.loginForm .pass-field,
.loginForm .email-field,
.loginForm .uid-field,
.loginForm .fname-field,
   .loginForm .uidlabel,
   .loginForm .uidexist,
   .loginForm .fname,
   .loginForm .email, 
   .loginForm .uid,
   .loginForm .pass,  
   .loginForm .passconf,
   .creditCardForm #confirm-logon
    {
        width: 100%;
        
    }


 .g-recaptcha{
        transform:scale(0.75);
        transform-origin:50% 50%;
    }

}