Podmiana styli za pomoca media queries

Witam, jak podmienić styl za pomocą media queries? Mam oto taki kod

    .pull-right{
       float:right !important;
    }
    .nav-pills > li
    {
        float:left;
    }
@media screen and (max-width: 768px) {

    .pull-right{
       float:left!important;
    }
    .nav-pills > li
    {
        float:none;
    }
}

W inspektorze style w media screen są przekreślone i nie działają ;/ Jak mogę rozwiązać ten problem?

zmniejsz okno przeglądarki poniżej 768 to będzie działać

http://i.imgur.com/ZBNf3qB.gifv

zmieniam i właśnie nic się nie dzieje..

Na gifie Ci pokazałem, że działa. Jeżeli nie działa to dałeś za mało kodu żeby stwierdzić dlaczego.

Korzystam z bootstrap'a więc tego kodu jest bardzo dużo. Jednak znalazłem te dwie klasy, które po podmianie powinny działać. W inspektorze po odznaczeniu pierwotnych styli załączają się style z media screena i wszystko gra. Dlaczego style w media są przekreślone?

kolejność styli, bootstrap musi być pierwszy dodany do html potem twoje style, często też ma wpływ sam selector jak nie działa daj !important , może nie do końca poprawnie ale ruszy :p

Zadziałało dziękuje za pomoc :)