@media screen and (max-width: 800px) {
    #page-wrap {
        width: 100%;
        height: auto;
    }
    #explore-nav {
        width: 100%;
        height: auto;
        margin-top: 16px;
        text-align: center;
        overflow: hidden;
    }
    #explore-nav li {
        width: auto;
        height: 30px;
        padding: 0 20px;
        display: inline-block;
        margin: 5px 0;
    }
    #explore-nav li.last {
        margin-right: 0;
    }
    #explore-nav li a {
        display: block;
        line-height: 28px;
        padding: 0 30px;
        background: #fff;
        color: #aaa;
        font-size: 14px;
        text-align: center;
        border: 1px solid #aaa;
        border-radius: 4px;
    }
    #explore-nav li a:hover {
        background-color: #ddd;
        border: 1px solid #aaa;
    }
    #core,
    #jquery,
    #skill,
    #classics,
    #note {
        display: none;
    }
    #explore-nav li a.current {
        background-color: #2a63cc;
        border: 1px solid #2a63cc;
        color: white;
    }
    /*#explore-nav li#ex-core a.current, ul#core li a:hover {
	background-color: #d30000;
	color: white;
}
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover {
	background-color: #8d01b0;
	color: white;
}
#explore-nav li#ex-classics a.current, ul#classics li a:hover {
	background-color: #FE4902;
	color: white;
}*/
    #all-list-wrap {
        padding-top: 20px;
    }
    #all-list-wrap img {
        max-width: 100%;
    }
}