@media all and (max-width: 1220px) {
#header, #page, .find-all-job, .job-type, .footer-stat, .footer-stat2, #footer, .login-page, .listing-list {
	padding-left: 10px;
	padding-right: 10px;
}
.search-job {
	margin-left: 10px;
	margin-right: 10px;
}
}
@media all and (max-width: 1000px) {
.job-categ, .consultant {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.recruit {
	width: 100%;
}
.apps {
	float: none;
	display: block;
	width: 50%;
	margin: auto;
	margin-top: 12px;
}
.devider {
	display: block;
}
}
@media all and (max-width: 900px) {
.cat-list {
	width: 31.5%;
	margin: 0.8%;
}
.categ {
	width: 31%;
	margin: 0 1%;
}
.apps {
	width: 60%;
}
.foot {
	width: 31%;
	margin: 0 1% 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid #CCC;
}
}
@media all and (max-width: 768px) {
.foot-social {
	margin-top: 10px;
}
.login-form {
	float: left;
	width: 100%;
}
.login-feat {	
	width: 100%;
}
.banners {
	height: 360px;
}
.categ {
	width: 48%;
	margin: 0 1%;
}
.apps {
	width: 70%;
}
.logo {
	float: none;
	display: block;
	margin: auto;
	max-width: 180px;
}
.job-post {
	margin: 22px 0 0 0px;
}
}
@media all and (max-width: 600px) {
.foot-social {
	margin-top: 10px;
	float: left;
}
.cat-list {
	width: 48%;
	margin: 0.8%;
}
.jtype {
	width: 50%;
}
.recruit-p {
	width: 100%;
}
.apps {
	width: 80%;
}
.foot {
	width: 48%;
}
}
@media all and (max-width: 500px) {
.categ {
	width: 96%;
	margin: 0 2%;
}
.apps {
	width: 90%;
}
.job-post {
	float: none;
	display: block;
	margin: auto;
	background: #666;
	margin: 22px 0 0 0px;
	text-align: center;
	padding: 11px 0;
	border-radius: 5px;
}
.top-nav {
	float: left;
	max-width: 350px;
}
}
@media all and (max-width: 440px) {
.jtype {
	width: 90%;
	margin-left: 5%;
}
.foot {
	width: 100%;
}
.loger {
	float: none;
	display: block;
	margin: auto;
	text-align: center;
	clear: both;
}
}