PHP - CAMBIAR POSICIÓN DE MENSAJE DE ÉXITO EN FORMULARIO

Hola, me gustaría que mi mensaje de éxito saliera justo al lado o debajo del botón de enviar. Tal y como está ahora (en la parte de arriba), los usuarios no se enteran de que se ha enviado correctamente ya que queda demasiado arriba y no lo ven. Aclaro que no soy programadora. Soy autodidacta y no se nada de php por lo que vuestra ayuda me viene de maravilla y la agradezco sobremanera.

Os adjunto el código:

HTML:

<!--formulario de boda -->
<font color= "#2E3802">
<section id="contact-form-section" class="form-content-wrap">
<div class="container">
<div class="row">
<div class="tab-content">
<div class="col-sm-12">
<div class="item-wrap">
<div class="row">

<div class="col-sm-12">
<div class="item-content colBottomMargin">
<div class="item-info"><br>

</div><!--End item-info -->

</div><!--End item-content -->
</div><!--End col -->
<div class="col-md-12">


<form id="contactForm" name="contactform" data-toggle="validator" class="popup-form">
<div class="row">
<div id="msgContactSubmit" class="hidden" ></div>

<div class="form-group col-sm-3">
<div class="input-group-icon"><i class="fa fa-user"></i>&nbsp;&nbsp;<label>Nombre</label></div>
<div class="help-block with-errors"></div>
<input name="fname" id="fname" placeholder="Escribe aquí tu nombre" class="form-control" type="text" required data-error="Por favor ingresa tu nombre">
</div><!-- end form-group -->


<div class="form-group col-sm-6">
<div class="input-group-icon"><i class="fa fa-envelope"></i>&nbsp;&nbsp;<label>E-mail</label></div>
<div class="help-block with-errors"></div>
<input name="email" id="email" placeholder="Necesito tu email para poder enviarte nuestras tarifas y toda la info..." pattern=".*@\w{2,}\.\w{2,}" class="form-control" type="email" required data-error="Por favor ingresa un correo electrónico válido">

</div><!-- end form-group -->

<div class="form-group col-sm-3">
<div class="input-group-icon"><i class="fa fa-phone"></i>&nbsp;&nbsp;<label>Teléfono</label></div>
<div class="help-block with-errors"></div>
<input name="phone" id="phone" placeholder="Escribe tu número de teléfono" class="form-control" type="text" required data-error="Por favor ingresa tu número de teléfono">

</div><!-- end form-group -->

<div class="form-group col-sm-6">
<div class="input-group-icon"><i class="fa fa-question-circle"></i>&nbsp;&nbsp;<label>¿Qué estás buscando?</label></div>
<div class="help-block with-errors"></div>
<select name="subject" id="subject" class="form-control" type="subject" required data-error="Elige una opción">
<option selected value="0"> Elige el tipo de servicio que buscas* </option>
<option value="Reportaje de bodas">Reportaje de bodas</option>
<option value="Servicios para Empresa">Servicios para empresas</option>
<option value="Reportaje de embarazadas">Reportaje de embarazadas</option>
<option value="Reportaje de comunió">Reportaje de comunión</option>
<option value="Fotografía infantil">Fotografía infantil</option>
<option value="Otros">Otros servicios...</option>
</select></div>
<!-- end form-group -->

<div class="form-group col-sm-6">
<div class="input-group-icon"><i class="fa fa-home"></i>&nbsp;&nbsp;<label>Lugar dónde será el trabajo</label></div>
<div class="help-block with-errors"></div>
<input name="ciudad" id="ciudad" placeholder="Trabajamos en muchos sitios, ¡este dato es muy importante!*" class="form-control" type="text" required data-error="Por favor ingresa la ciudad donde quieres que trabajemos">

</div><!-- end form-group -->


<div class="form-group col-sm-12">
<div class="input-group-icon"><i class="fa fa-pencil"></i>&nbsp;&nbsp;<label>Detalla tu mensaje</label></div>
<div class="help-block with-errors"></div>
<textarea rows="3" name="mensaje2" id="mensaje2" placeholder="Aquí puedes solicitarnos presupuesto, contarnos lo que estás buscando, ofrecernos algún proyecto...*" class="form-control" required data-error="Esto es importante para poder asesoraros mejor"></textarea>
</div><!-- end form-group -->

<div class="form-group last col-sm-12">
<button type="submit" id="submit" class="button m20"><i class='fa fa-envelope'></i> Enviar</button>
<input type="datetime"> </div><!-- end form-group -->

<span class="sub-text">* Campos requeridos</span>
<div class="clearfix"></div>
</div><!-- end row -->
</form><!-- end form -->
</font>






</div>
</div><!--End row -->




<!-- Popup end -->

</div><!-- end item-wrap -->
</div><!--End col -->
</div><!--End tab-content -->
</div><!--End row -->
</div><!--End container -->
</section>



<!--fin formulario -->


PHP:

<?php
if (isset($_POST['fname'])){
$nombres=htmlentities($_POST['fname']);
$email_cliente=htmlentities($_POST['email']);
$telefono=htmlentities($_POST['phone']);
$subject=utf8_decode($_POST['subject']);
$mensaje=htmlentities($_POST['message']);
$fecha=htmlentities($_POST['fecha']);
$ciudad=htmlentities($_POST['ciudad']);
$info=htmlentities($_POST['info']);
$historia=htmlentities($_POST['historia']);
$mensaje2=htmlentities($_POST['mensaje2']);



/*SIGUE RECOLECTANDO DATOS PARA FUNCION MAIL*/
$message = '';
$message .= '<p>Hola, ha sido registrado un nuevo mensaje desde el formulario de contacto del sitio web, según el detalle siguiente:</p> ';
$message .= '<p>Cliente: '.$nombres.'</p> ';
$message .= '<p>Email: '.$email_cliente.'</p> ';
$message .= '<p>Teléfono: '.$telefono.'</p> ';
$message .= '<p>¿Cómo será vuestra boda?: '.$mensaje.'</p> ';
$message .= '<p>Fecha: '.$fecha.'</p> ';
$message .= '<p>Ciudad: '.$ciudad.'</p> ';
$message .= '<p>¿Cómo nos habéis conocido? '.$info.'</p> ';
$message .= '<p>¿Cómo sois? Vuestra historia '.$historia.'</p> ';
$message .= '<p>Mensaje: '.$mensaje2.'</p> ';


$header = "MIME-Version: 1.0\r\n";
$header .= "Content-type: text/html; charset=UTF-8\r\n";
$header .= "From: ". $nombres . " <" . $email_cliente . ">\r\n";
$email='[email protected]';//Ingresa tu dirección de correo


if (mail($email,$subject,$message,$header)){
echo 'success';
} else {
echo 'No se pudo enviar el mensaje.';
}
/*FINALIZA RECOLECTANDO DATOS PARA FUNCION MAIL*/


}
?>