Website resizes locally but not on server, what did I do wrong?

I managed to have the website resize depending on width, however when I upload it into my server, it wont work.

Picture shows both the local and website

@media(max-width: 990px){

    .jumbotron img{
        width:80%;
}
    .jumbotron video{
        display: none;

    }
@media(min-width: 200px) and (max-width:780px ){

    .jumbotron img{
        width:180%;
    }

    .jumbotron #Tag-Line{
        font-size: 25px;

    }

    #aboutme h1{
        font-size: 20px;
    }

    #aboutme img{
        display: none;
    }

    #skills p{
        font-size: 16px;
    }
    }