media query css screens girls

I have a small dilemma: I am developing a page. Then, on small screens (like those of the new Macs) it does not look good: the texts move and everything. Then use media queries, nothing more than the browser is not recognizing the one I'm using for that screen size:

@media (min-width: 890px) {
    #int1{
        top: 27%;
        margin-left: -38%;
    }

    .fondoNS1{
        float: right;
        width: 60%;
        z-index: 0;
        position: absolute;
        top: 108px;
        right: 0px;
    }

    .bottomImg{
    top: 40 ;
    }

    .btnFuturo{
        top: 25%;
        left: 61%;
        position: absolute;
        z-index: 10;
        font-weight: bold;
        text-align: left;
        vertical-align: middle;
    }

    .btnPresente{
        top: 56%;
        left: 63%;
        position: absolute;
        z-index: 10;
    }
    .btnPasado {
        top: 80%;
        left: 63%;
        position: absolute;
        z-index: 10;
    }

    .int299 p{
        margin-left: 391px;
    }
}

How do you have to use the stockings for smaller screens?