Media Query not working, Anyone please suggest me better solution

Issue

Please click here to see My HTML and CSS code

https://jsfiddle.net/r4cwn9db/

suggest the solution or issue here

Solution

You have a typo in your media queries (see and):

Your code:

@media screen and(max-width:1020px) {
    #container{
        width:900px;
    }
}
@media screen and(max-width:800px) {
    #container{
        width:500px;
    }
}
@media screen and(max-width:600px) {
    #container{
        width:auto;
    }
}

Working code:

@media screen and (max-width:1020px) {
    #container{
        width:900px;
    }
}
@media screen and (max-width:800px) {
    #container{
        width:500px;
    }
}
@media screen and (max-width:600px) {
    #container{
        width:auto;
    }
}

Answered By - nosTa