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,

[robert_98]

Que tal juandedios, creo que la manera correcta, es:

Código CSS:

@media screen and (min-width: 700px){...}
 

Obviamente 700px, es la medida del dispositivo, estas reglas seran aplicadas para dispositivos mayores a 700px, aqui te dejo un link donde estan los valores de la consulta:

https://developers.google.com/web/fundamentals/design-and-ui/responsive/fundamentals/use-media-queries?hl=es

[kakashi20]

tambien la clase:
col-md-6 col-xs-12

es de boostrap y probablemente te pueda causar un conflicto de style con la clase "center-phone" al cual le aplicas media query