Adjust the form width for text widgets?

Hello,

I’m using the Napoli theme and wanted to add a conact form in a text-widget, it works perfectly on the website but I can’t figure out what’s the problem in the mobile version. The width gets brighter than it should. I put it on 70% and it’s still too wide.

[code]
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
margin: 0;
padding: 0.6em 1em;
background: #425665;
color: #fff;
border: 2px solid #425665;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
text-decoration: none;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background: #FFFFFF;
color: #425665;
border: 2px solid #425665;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
padding: 0.2em 0.2em;
max-width: 70%;
border: 2px solid #425665;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
box-shadow: 5px 7px 3px #DDD;
color: #425665;
font-size: 13px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
border: 2px solid #425665;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
color: #425665;
background-color: #F3F3F3;
}

textarea {
width: 70%;
}
[/code]

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