Help with CSS

Hi

Some elements of my CSS are not working.

In particular this bit …

@media only screen and (max-width: 414px) {
p.lost_password {
    display: none;
    bottom: -5px;
    left: 0;
}}

http://dev2.electrixinternational.com/my-account/

I have spent hours checking through my CSS and can’t find anything that is wrong with it.

I would appreciate any help that I can be given.

Nearly everything in my CSS works except the bit above and a couple of things at the bottom.

The above code used to work but doesnt any more.

These bits dont work either …

a.comment-reply-link {
    display: none !important;
}

@media only screen and (max-width : 414px) { 
#top div form .form-row .input-text {
    min-width: 360px !important;
}
}

Please help a tired, weary eyed user.