Making contactform7 responsive

#responsive-form{
max-width:940px /– change this to get your desired form width –/;
margin:0 auto;
width:100%;
}
.form-row{
width: 100%;
}
.column-half, .column-full{
float: left;
position: relative;
padding: 0.65rem;
width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.clearfix:after {
content: “”;
display: table;
clear: both;
}

.wpcf7 input[type=”text”], .wpcf7 input[type=”email”], .wpcf7 textarea {
width: 100%;
padding: 8px;
border: 1px solid #ccc;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.wpcf7 input[type=”text”]:focus{
background: #fff;
}
.wpcf7-submit{
float: left;
background: url(‘my button image!’) top left no-repeat transparent;
width: 201px;
height: 57px;
text-indent: -50000px;
border: none;
padding: 8px 20px;
cursor: pointer;
}

span.wpcf7-not-valid-tip{
text-shadow: none;
font-size: 12px;
color: #fff;
background: #ff0000;
padding: 5px;
}
div.wpcf7-validation-errors {
text-shadow: none;
border: transparent;
background: #f9cd00;
padding: 5px;
color: #9C6533;
text-align: center;
margin: 0;
font-size: 12px;
}
div.wpcf7-mail-sent-ok{
text-align: center;
text-shadow: none;
padding: 5px;
font-size: 12px;
background: #59a80f;
border-color: #59a80f;
color: #fff;
margin: 0;
}
/—————- Media query —————-/
@media only screen and (min-width: 48em) {
.column-half{
width: 50%;
}
.column-one-third {
width:33%;
float:left;
}
.wpcf7 textarea {
margin-left: 20px;
height: 100px;
}
.wpcf7-submit{
margin-left: 40px;
}
}