.form-subscribe { display: inline-block; position: relative; background: #000; } @media screen and (max-width: 600px) { .form-subscribe { display: block; } } .form-subscribe br { display: none; } .form-subscribe p { margin: 0; display: inline-table; } @media screen and (max-width: 600px) { .form-subscribe p { display: block; } } .form-subscribe input[type="email"] { display: inline-block; position: relative; font-size: 18px; line-height: 26px; padding: 12px 15px; width: 100%; border: none; } @media screen and (max-width: 600px) { .form-subscribe input[type="email"] { text-align: center; } } .form-subscribe.invalid input[type="email"] { width: 120%; } .form-subscribe input[type="submit"] { display: inline-block; width: auto; font-size: 17px; line-height: 26px; padding: 12px 27px; } @media screen and (max-width: 600px) { .form-subscribe input[type="submit"] { display: block; width: 100%; } } .form-subscribe.invalid input[type="submit"] { float: right; position: relative; left: -1px; } @media screen and (max-width: 600px) { .form-subscribe.invalid input[type="submit"] { float: none; margin-bottom: 20px; position: relative; left: 0; } } .form-subscribe.invalid input[type="email"] { min-width: 270px; } .form-subscribe .your-email { display: inline-block; width: 290px; } @media screen and (max-width: 600px) { .form-subscribe .your-email { width: 100%; } } .form-subscribe .wpcf7-form-control-wrap { margin-top: 0; } div.wpcf7 .form-subscribe .ajax-loader { display: none; } .form-subscribe div.wpcf7-validation-errors, .form-subscribe div.wpcf7-mail-sent-ok { font-size: 16px; padding: 10px; margin: 0; max-width: 440px; color: #fff; border: 2px solid #333; } .form-subscribe div.wpcf7-mail-sent-ok { margin-top: 20px; } .form-subscribe .wpcf7-not-valid-tip { color: #fff; padding: 20px 0; display: inline-block; }