Contact form 7 doesn’t fit the content mobile version

Hallo.

I’m having a problem with a contact form 7. It used to be centered and with % so it fit the content (mobiles, tablets), now it’s all messed up in the mobile version.

Is the footer contact form that appear in all pages except the Home Footer Contact Form 7 .

It used to fit the content in the mobile version, now it is like: Image Link I have no idea why it is appearing like that.

The code I have:

input.wpcf7-form-control.wpcf7-submit {
display: block;
margin: 0 auto;
	 width: 150px;
}

.one-half,
.one-third {
    position: relative;
    margin-right: 4%;
    float: left;
        margin-bottom: 20px;
 
}
 
.one-half { width: 48%; }
.one-third { width: 30.66%; }
 
.last {
    margin-right: 0 !important;
    clear: right;
}
 
@media only screen and (max-width: 767px) {
    .one-half, .one-third {
        width: 100%;
        margin-right: 0;
}

Best regards,

Irina

The page I need help with: [log in to see the link]