@media screen and (max-width: 1024px) {
	/*Default Texts*/
	h2 {font-size: 25px;}
	h4 {font-size: 16px;}

	/*Navbar Header*/
	.navbar-header .logo img {width: 130px;}
	.top-bar-btn {margin-top: 0;}

	/*Header*/
	.navbar-toggle {margin-top: 15px;}
	/*Home Banner*/
	.bannerv2 {padding: 20px 0 50px 0;}
	.bannerv2 h1 {font-size: 45px; margin-bottom: 30px;}
	.bannerv2 h5 {font-size: 22px;}
	.bannerv2 .advantages ul li {font-size: 16px;}

	/*Why Outsource Section*/
	.whyoutsource-ph {background: none;}

	/*Haven't found Section*/
	.havent-found-wrap {text-align: center;}
}

@media screen and (max-width: 600px) {
	/*Default Texts*/
	h1 {font-size: 26px;}
	h2 {font-size: 25px;}
	h3 {font-size: 20px;}
	h4 {font-size: 16px;}

	.section, section {padding: 30px 0;}
	.item {width: 100%;}
	.worker-btn {font-size: 12px;}
	.worker-btn .badge {font-size: 10px;}
	.oj-pagination li a { margin-right: 7px !important; padding: 6px 12px !important; font-weight: 400 !important; min-width: 35px !important;}
	
	/*Job post*/
	.col-11 h2 {margin-bottom: 10px !important; font-size: 24px !important; line-height: normal !important;}

	/*Home Banner*/
	.bannerv2 {padding: 20px 0 50px 0;}
	.bannerv2 h1 {font-size: 30px;}
	.bannerv2 h5 {font-size: 16px;}
	.bannerv2 .advantages ul {margin-bottom: 20px;}
	.bannerv2 .advantages ul li {font-size: 16px;}
	.bannerv2 .advantages ul li img {width: 45px;}
	.bannerv2 .btn-blue {font-size: 20px;}
	.cta span {margin: 0 15px;}
	.cta form input {width: 190px; height: 40px;}
	.cta form button {height: 30px; padding: 6px 12px;}

	/*Why Outsource Section*/
	.whyoutsource-ph ul {font-size: 14px;}

	/*Home search;*/
	.banner h1 {font-size: 32px;}
	.form-wrapper {margin: 0; background: transparent; border: none; text-align: center; margin-top: 30px;}
	.form-wrapper input {margin-left: 0; padding: 10px; width: 75%; text-align: left; font-size: 14px; padding-left: 60px; border-radius: 3px; float: none; margin-right: 10px; height: 45px;}
	.form-wrapper i {left: 65px; top: 10px;}
	.form-wrapper button {float: none;}
}

@media screen and (max-width: 400px) {
	/*Home Banner*/
	.bannerv2 h5 {font-size: 16px;}
	.bannerv2 .advantages ul li {font-size: 14px;}
	.cta span {display: block; margin: 15px 0 10px 0;}

	/*Home search;*/
	.banner h1 {font-size: 30px;}
	.form-wrapper input {width: 95%; text-align: center; padding-left: 30px;}
	.form-wrapper i {left: 15px; top: 10px;}
}