DR-WORDPRESS : How to make responsive design through media query.

At different resolution some time we need different style ( css ) for a particular div or span etc so we use media query for it.

NOTE: 980px means That less than 980px resolution   this is style is active.

 @media screen and (max-width: 980px) {

#header .inner 
{
    float: left;
    padding-left: 0px;
    width: 475px;
}

 }

Subscribe Dr-Wordpress for Important Knowledge of wordpress..your's suggestions are most welcomed.