Hola en mi portatil se ve bien la web. y si redimensiono la web a resolucion movil se ve también bien. pero cuando subo al ftp la web y la veo desde mi movil muchas cosas no funcionan como el menu, el border-radius: 50% de una imagen o dos iconos de fontawesome no cogen los estilos css.
No sé por donde mirar para solucionarlo. la imagen que debe ser circular se ve normal(cuadrada).
<article id="work">
<div class="container">
<h2 class="text-center">trabajos</h2>
<section class="showcase text-center">
<ul class="row">
<li class="col-sm-6 col-md-4">
<a href="#">
<img src="images/1.png" alt="work preview">
</a>
</li>
</ul>
</section>
</div>
</article>
#work .showcase li a {
border: 10px solid #f2f2f2;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
overflow: hidden;
-moz-transition: border-color .5s ease;
-o-transition: border-color .5s ease;
-webkit-transition: border-color .5s ease;
transition: border-color .5s ease; }
#work .showcase li a:hover {
border-color: #fff; }
#work .showcase li a img {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
opacity: 0.5;
-moz-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
-webkit-transition: opacity .5s ease;
transition: opacity .5s ease; }
#work .showcase li a:hover img {
opacity: 1; }
#work .showcase li img {
max-width: 100%; }