@media screen and (min-width:700px){
.responsive-level-1{display:block}
.responsive-level-2,
.responsive-level-3{display:none}
}


@media screen and (max-width:700px) {
.responsive-level-2{display:block}

#navigation #searcher,
.responsive-level-3,
.responsive-level-1{display:none}

#navigation{
    text-align:center;
    padding:35px 10px
    }

#navigation a{
    border:0;
    margin:0 5px;
    padding:0 5px
    }

#sidebar,
.entry,
.entry .media iframe,
.permalink-box{
    width:500px !important
    }

#sidebar,
.entry{
    margin:0 auto 40px auto
    }
}

@media screen and (max-width:500px) {
.responsive-level-3{display:block}
.responsive-level-1{display:block}
.responsive-level-2{display:none}

#sidebar,
.entry,
.entry .media iframe,
.permalink-box{
    width:300px !important
    }

#sidebar,
.entry{
    margin:0 auto 30px auto
    }

}