Media Queries

[juandedios]

Hola, tengo un problema al usar los medias queries, he buscado por internet y creo que estoy bien, pero no me sale, espero que me puedan ayudar. Lo que yo tengo es asi:

Código HTML:

<div class="col-md-6 col-xs-12 center-phone">
  <img src="<?php echo base_url(); ?>img/logo.png" alt="Logo" class="img-responsive">
</div>
 

Código CSS:

@media (min-width: @screen-sm-min) {
  .center-phone {
    text-align: center;
  }
}
 

La idea es que cuando se vea en una tablet en orientación vertical y en un teléfono el logo se vea centrado.

Espero que me puedan ayudar.

Gracias de antemano,