/*===========================================================================*/

/*480px CSS*/

/*===========================================================================*/

@media (max-width: 480px) {

	#header.header-2 .cp_side-menu {

		display: none;

	}

	.cp_side-menu {

		display: none;

	}

	#header.header-2 {

		background: #000;

		position: static;

	}

	#header.header-2 #nav li {

		display: block;

	}

	#wrapper .header-2.cp_sticky {

		position: static;

	}

	.banner-2 img {

		display: none;

	}

	.banner-2.banner-outer .caption {

		top: 0;

	}

	#header {

		padding: 10px 0;

	}

	.user-option-col {

		position: static;

		padding: 0 10px;

	}

	strong.logo {

		margin: 20px 0 0 0;

		width: 100%;

		text-align: center;

	}

	.dropdown-box .dropdown-menu {

		left: 0;

	}

	#nav li {

		float: none;

		display: block;

		padding: 0 0 25px 0;

	}

	.navigation-col .navbar-collapse {

		float: left;

		width: 100%;

	}

	#nav li ul li>ul,
	#nav li ul {

		position: static;

	}

	.banner-outer .caption .holder {

		width: 100%;

	}

	.banner-outer .caption .holder h1 {

		font-size: 24px;

		line-height: 30px;

	}

	.banner-outer .caption .holder form input[type="text"] {

		margin: 0 0 20px 0;

	}

	.browse-job-section .holder {

		width: 100%;

		margin: 20px 0;

		float: left;

	}

	.kenburnsy {

		height: 700px;

	}

	.banner-menu ul li a {

		font-size: 12px;

	}

	.popular-categories {

		padding: 30px 10px;

	}

	.theme-style-1 h2 {

		font-size: 20px;

		line-height: 20px;

		margin-bottom: 20px;
		margin-top:20px;

	}

	.padd-tb {

		padding: 30px 0;

	}

	#content-area .box .thumb {

		margin: 0 0 20px 0;

	}

	.recent-row .col-md-3 {

		clear: both;

	}

	#content-area .box .text-col h4 {

		font-size: 15px;

	}

	#content-area .box .text-col a.text {

		padding: 0 0 10px 0;

	}

	#loadMore {

		margin-bottom: 20px;

	}

	.call-action-section .text-box h2 {

		font-size: 20px;

		line-height: 30px;

	}

	.call-action-section .text-box p {

		font-size: 15px;

	}

	.price-table .box,
	.client-logo-row .holder,
	#footer .box {

		width: 100%;

	}

	.theme-style-1 .price-table .box-colo-2 {

		transform: scale(1);

		-moz-transform: scale(1);

		-webkit-transform: scale(1);

		margin: 75px 0 30px 0;

	}

	.price-table {

		padding: 30px 0;

	}

	.testimonials-section .holder {

		padding: 0;

	}

	.testimonials-section .holder .thumb::before {

		display: none;

	}

	.testimonials-section .holder .thumb {

		margin: 0 0 30px 0;

	}

	.testimonials-section .owl-next,
	.testimonials-section .owl-prev {

		top: 100%;

	}

	.client-logo-row .holder {

		padding: 0 10px;

	}

	.client-logo-row ul {

		display: block;

		text-align: center;

	}

	.client-logo-row ul li {

		float: none;

		display: inline-block;

	}

	.post-box,
	.price-table .box,
	.client-logo-row .holder,
	#footer .box {

		margin: 0 0 20px 0;

	}

	#footer {

		padding: 30px 10px;

	}

	#footer form,
	#content-area .box .text-col {

		float: left;

		width: 100%;

	}

	.bottom-row strong.copyrights {

		text-align: center;

		margin-bottom: 20px;

		line-height: 22px;

	}

	.footer-social {

		float: left;

		width: 100%;

	}

	.footer-social ul {

		text-align: center;

		display: block;

	}

	.footer-social ul li {

		display: inline-block;

		float: none;

		padding: 0 5px;

	}

	.banner-2 {

		height: 500px;

	}

	.popular-job-caregries .holder {

		width: 100%;

	}

	.process-section {

		padding: 80px 0 20px 0;

	}

	.facts-box a.facts-btn {

		margin-bottom: 30px;

	}

	.facts-box .col-md-3 {

		overflow: hidden;

	}

	.process-section .col-md-4 {

		margin-bottom: 20px;

	}

	.header-4 #nav li {

		display: block;

	}

	.video-section .video-frame .modal-dialog {

		width: 100%;

		padding: 0 10px;

	}

	.video-section .video-frame {

		width: 100%;

		background-size: 100%;

		margin: 0;

		height: 270px;

	}

	.video-section .text-box {

		margin: 250px 0 0 0;

	}

	.post-box blockquote {

		margin: 0 0 20px 0;

	}

	.post-box blockquote:before {

		display: none;

	}

	.post-box a.btn-style-1 {

		float: left;

		clear: both;

		margin: 20px 0 0 0;

	}

	.post-box .thumb iframe {

		height: 173px !important;

	}

	.pagination-box .pager li {

		margin: 0 -2px;

	}

	.blog-medium .post-box .frame {

		margin: 0;

		width: 100%;

	}

	.blog-medium .post-box .text-box {

		padding: 30px 16px 21px 16px;

		float: left;

	}

	.resumes-content .box .frame {

		margin: 0 0 20px 0;

	}

	.resumes-content .box .text-box {

		float: left;

	}

	/* .btn-row a.resume,
	.btn-row a.contact {

		margin: 0 10px 10px 0;

	} */

	.resumes-section .col-md-3 {

		clear: both;

	}

	.progress-box strong.title,
	.progress-box .progress {

		width: 100%;

	}

	.progress-box strong.title {

		padding: 0 0 20px 0;

	}

	.skills-box {

		margin-bottom: 20px;

	}

	.tags a {

		display: block;

		float: none;

		margin: 5px 0;

	}

	.candidates-search-bar form {

		width: 100%;

	}

	.candidates-search-bar form input[type="text"] {

		margin: 0 0 20px 0;

	}

	.check-filter ul {

		display: block;

		text-align: center;

	}

	.check-filter ul li {

		float: none;

		display: inline-block;

		padding: 0 4px;

	}

	.check-filter ul li:first-child {

		padding: 0 4px;

	}

	.alphabets {

		margin-bottom: 30px;

	}

	.alphabets a:first-child {

		padding: 0 0 10px 21px;

	}

	.alphabets a {

		padding: 0 0 10px 21px;

	}

	.contact-section .map-box .map_canvas {

		height: 300px;

	}

	.contact-form form {

		margin: 0 0 20px 0;

	}

	.account-option .inner-box,
	.account-option .inner-box .text-box {

		width: 100%;

	}

	.account-option .inner-box .text-box {

		margin-bottom: 20px;

	}

	.resum-form input[type="submit"] {

		width: 100%;

		padding: 20px 0;

	}

	#content-area .box .text-col a.text {

		padding: 0 10px 10px 0;

	}

	.job-detail .btn-freelance {

		margin: 0 10px 10px 0;

	}

	.theme-style-1 a.btn-style-1 {

		font-size: 13px;

	}

	#content-area .box {

		margin-bottom: 20px;

	}

	.accordion-style-1 .col-md-4 {

		clear: both;

	}

	.cp_aaccordion-row {

		margin-bottom: 10px;

		float: left;

		width: 100%;

	}

	.signup-section .holder {

		width: 100%;

	}

	.signup-section .holder em {

		padding: 10px 0 0 0;

	}

	.testimonials .inner-col {

		width: 100%;

	}

}







/*===========================================================================*/

/*767px CSS*/

/*===========================================================================*/

@media (max-width: 767px) {

	#header.header-2 .cp_side-menu {

		display: none;

	}

	#header {

		padding: 10px 0;

	}

	.user-option-col {

		position: static;

		padding: 0 10px;

	}

	#header.header-2 #nav li {

		display: block;

	}

	#header.header-2 #nav {

		text-align: left;

		background: #333;

	}

	#wrapper .header-2.cp_sticky {

		position: static;

	}

	#header.header-2 #nav li ul li>ul {

		position: static;

	}

	.banner-2 img {

		display: none;

	}

	.popular-job-caregries .holder {

		width: 100%;

	}

	.cp_side-menu {

		display: none;

	}

	.dropdown-box .dropdown-menu {

		left: 0;

	}

	#nav li {

		float: none;

		display: block;

		padding: 0 0 20px 0;

	}

	.navigation-col .navbar-collapse {

		float: left;

		width: 100%;

	}

	#nav li ul {

		position: static;

	}

	.banner-outer .caption .holder {

		width: 100%;

		float: left;

	}

	.banner-outer .caption .holder h1 {

		font-size: 35px;

		line-height: 40px;

	}

	.banner-outer .caption .holder form input[type="text"] {

		margin: 0 0 20px 0;

	}

	.kenburnsy {

		height: 700px;

	}

	.browse-job-section .holder {

		width: 100%;

	}

	.browse-job-section strong.title {

		float: left;

		font-size: 12px;

	}

	#loadMore {

		margin-bottom: 30px;

	}

	.call-action-section .text-box {

		max-width: 100%;

	}

	.price-table .box {

		width: 100%;

	}

	.theme-style-1 .price-table .box-colo-2 {

		margin: 80px 0 30px 0;

		transform: scale(1);

	}

	.testimonials-section .holder {

		padding: 0 0 0 80px;

	}

	.testimonials-section .owl-next,
	.testimonials-section .owl-prev {

		top: 100%;

	}

	.client-logo-row .holder {

		padding: 10px;

		width: 100%;

	}

	.post-box {

		margin-bottom: 30px;

	}

	.padd-tb {

		padding: 30px 0;

	}

	#footer .box {

		width: 100%;

		margin-bottom: 30px;

	}

	#footer form {

		float: left;

		width: 100%;

	}

	.bottom-row strong.copyrights {

		text-align: center;

		padding: 10px 0;

		float: none;

		display: block;

	}

	.footer-social {

		float: left;

		width: 100%;

	}

	.footer-social ul {

		display: block;

		text-align: center;

	}

	.footer-social ul li {

		float: none;

		display: inline-block;

	}

	.banner-2 {

		height: 625px;

	}

	.facts-box a.facts-btn {

		margin-bottom: 30px;

	}

	.process-section {

		padding: 70px 0 20px 0;

	}

	.process-section .col-md-4,
	.facts-box .col-md-3 {

		overflow: hidden;

	}

	.process-section .col-md-4 {

		margin-bottom: 20px;

	}

	.header-4 #nav li {

		display: block;

	}

	.header-4 #nav {

		text-align: left;

	}

	.header-4 #nav li ul li>ul {

		position: static;

	}

	.header-4 strong.logo {

		margin: 0 0 0 20px;

	}

	.video-section .video-frame {

		width: 100%;

		background-size: 100%;

		margin: 0;

	}

	.video-section .text-box {

		margin: 400px 0 0 0;

	}

	.video-section .video-frame .modal-dialog {

		width: 100%;

		padding: 0 20px;

	}

	.post-box .thumb iframe {

		height: 353px !important;

	}

	.blog-medium .post-box .frame {

		margin: 0;

		width: 100%;

	}

	.blog-medium .post-box .text-box {

		padding: 30px 16px 21px 16px;

		float: left;

	}

	.resumes-section .col-md-3 {

		clear: both;

	}

	.tags a {

		float: none;

		display: block;

		margin: 4px 0;

	}

	.btn-row a.login {

		margin: 10px 0 0 0;

	}

	.progress-box strong.title {

		font-size: 14px;

	}

	.skills-box {

		margin-bottom: 20px;

	}

	.candidates-search-bar form {

		width: 100%;

	}

	.candidates-search-bar form input[type="text"] {

		margin: 0 0 20px 0;

	}

	.check-filter ul {

		display: block;

		text-align: center;

	}

	.check-filter ul li {

		float: none;

		display: inline-block;

		padding: 0 4px;

	}

	.check-filter ul li:first-child {

		padding: 0 4px;

	}

	.alphabets {

		margin-bottom: 30px;

	}

	.alphabets a:first-child {

		padding: 0 0 10px 21px;

	}

	.alphabets a {

		padding: 0 0 10px 21px;

	}

	.contact-section .map-box .map_canvas {

		height: 300px;

	}

	.contact-form form {

		margin: 0 0 20px 0;

	}

	.account-option .inner-box,
	.account-option .inner-box .text-box {

		width: 100%;

	}

	.account-option .inner-box .text-box {

		margin-bottom: 20px;

	}

	/*.resum-form input[type="submit"] {

		width: 100%;

		padding: 20px 0;

	}*/

	.accordion-style-1 .col-md-4 {

		clear: both;

	}

	.cp_aaccordion-row {

		margin-bottom: 10px;

		float: left;

		width: 100%;

	}

	.testimonials .inner-col {

		width: 100%;

	}

	.companies-section ul li {

		width: 193px;

	}

}





/*===========================================================================*/

/*768px And 992px CSS*/

/*===========================================================================*/

@media (min-width: 768px) and (max-width: 992px) {

	#nav li ul li>ul {

		left: inherit;

		right: 0;

	}

	.banner-outer .caption .holder {

		float: left;

		width: 100%;

	}

	.banner-menu ul li {

		padding: 0 14px;

	}

	.banner-menu ul li a {

		font-size: 14px;

	}

	.browse-job-section .holder {

		width: 100%;

	}

	.kenburnsy {

		height: 450px;

	}

	.browse-job-section strong.title {

		float: left;

	}

	.call-action-section .text-box {

		max-width: 100%;

	}

	.call-action-section .text-box h2 {

		font-size: 34px;

	}

	.price-table .box {

		width: 240px;

	}

	.price-table .box ul li {

		font-size: 13px;

	}

	.testimonials-section .holder {

		padding: 0 0 0 100px;

	}

	.client-logo-row .holder {

		padding: 10px;

		width: 100%;

	}

	.client-logo-row ul {

		display: block;

		text-align: center;

	}

	.client-logo-row ul li {

		display: inline-block;

		float: none;

	}

	.post-box .text-box h4 {

		font-size: 14px;

	}

	#footer .box {

		width: 100%;

		margin: 0 0 30px 0;

	}

	#footer form {

		width: 100%;

	}

	.bottom-row strong.copyrights {

		float: none;

		display: block;

		text-align: center;

		padding: 10px 0;

	}

	.footer-social {

		float: left;

		width: 100%;

	}

	.footer-social ul {

		display: block;

		text-align: center;

	}

	.footer-social ul li {

		float: none;

		display: inline-block;

		padding: 0 5px;

	}

	#footer {

		padding: 30px 10px;

	}

	.user-option-col {

		position: static;

		padding: 0 10px;

	}

	#header.header-2 {

		position: static;

		background: #222;

	}

	#header.header-2 strong.logo {

		margin: 0;

	}

	#header.header-2 .navigation-col {

		float: left;

		width: 100%;

	}

	.dropdown-box .dropdown-menu {

		left: 0;

	}

	.banner-outer .caption .holder form input[type="text"] {

		margin: 0 0 20px 0;

	}

	.banner-2 img {

		display: none;

	}

	.banner-2 {

		height: 500px;

	}

	.banner-2.banner-outer .caption {

		top: 0;

	}

	.popular-job-caregries .holder {

		width: 100%;

	}

	#header.header-2 .navigation-col .navbar-collapse {

		margin: 0;

	}

	.process-section .col-md-4 {

		overflow: hidden;

		margin: 20px 0;

	}

	.banner-2.banner-3 .caption .holder form {

		padding: 20px 0 0 0;

	}

	.facts-box .col-md-3.col-sm-6 {

		margin-bottom: 20px;

	}

	.header-4 .navigation-col {

		float: left;

	}

	.video-section .video-frame {

		width: 100%;

		background-size: 100%;

		height: 250px;

	}

	.video-section .video-frame .modal-dialog {

		width: 100%;

		padding: 0 20px;

	}

	.post-box blockquote {

		margin: 0 74px 28px 65px;

	}

	.post-box .thumb iframe {

		height: 274px !important;

	}

	.blog-medium .post-box .frame {

		margin: 0;

		width: 100%;

	}

	.blog-medium .post-box .text-box {

		padding: 30px 16px 21px 16px;

		float: left;

	}

	.resumes-content .box .text-box {

		float: left;

	}

	.resumes-content .box .frame {

		margin: 0 0 20px 0;

	}

	.btn-row a.resume {

		margin: 0 20px 20px 0;

	}

	.tags a {

		float: none;

		display: block;

		margin: 4px 0;

	}

	.progress-box strong.title {

		font-size: 14px;

	}

	.candidates-search-bar form {

		width: 100%;

	}

	.candidates-search-bar form input[type="text"] {

		margin: 0 0 20px 0;

	}

	.check-filter ul {

		display: block;

		text-align: center;

	}

	.check-filter ul li {

		float: none;

		display: inline-block;

		padding: 0 4px;

	}

	.check-filter ul li:first-child {

		padding: 0 4px;

	}

	.alphabets {

		margin-bottom: 30px;

	}

	.alphabets a:first-child {

		padding: 0 0 10px 21px;

	}

	.alphabets a {

		padding: 0 0 10px 21px;

	}

	.address-box address strong,
	.address-box address a {

		font-size: 14px;

	}

	.account-option .inner-box,
	.account-option .inner-box .text-box {

		width: 100%;

	}

	#content-area .box .thumb {

		margin: 0 0 10px 0;

	}

	.cp_aaccordion-row {

		margin-bottom: 10px;

		float: left;

		width: 100%;

	}

	.testimonials .inner-col {

		width: 100%;

	}

}







/*===========================================================================*/

/*1200px CSS*/

/*===========================================================================*/

@media (min-width: 1200px) {

	#nav li ul li>ul {

		right: inherit;

		left: 100%;

	}

	.banner-outer .caption .holder {

		width: 1200px;

	}

	.price-table .box {

		width: 370px;

	}

	.client-logo-row .holder {

		width: 1200px;

		padding: 20px 0 20px 30px;

	}

	.client-logo-row ul li {

		width: auto;

	}

	strong.logo {

		margin: 0 150px 0 0;

	}

	.cp_side-menu {

		margin: 12px 0 0 50px;

	}

	.sidebar .box .text-box a.btn-apply {

		font: 900 14px/14px 'Roboto', sans-serif;

	}

	#footer form {

		float: right;

	}

	#header.header-2 .cp_side-menu {

		margin: 12px 50px 0 50px;

	}

	strong.logo {

		margin: 0 0 0 65px;

	}

	.user-option-col {

		position: absolute;

		padding: 0;

	}

	.banner-2 {

		padding: 0;

	}

	.popular-job-caregries .holder {

		width: 1200px;

	}

	#header.header-3 .navigation-col {

		width: auto;

		float: none;

	}

	.header-4 .navigation-col {

		float: none;

	}

	.dropdown-box .dropdown-menu {

		left: inherit;

	}

	.video-section .video-frame {

		background: url(../images/video-frame.png) no-repeat left top;

		width: 689px;

		height: 456px;

	}

	.video-section .video-frame .modal-dialog {

		width: 1000px;

		padding: 0;

	}

	.btn-row a.login {

		margin: 0 20px 0 0;

	}

	.check-filter ul li {

		padding: 0 0 0 38px;

	}

	.candidates-search-bar form {

		width: 1200px;

	}

	.alphabets a {

		padding: 0 0 0 21px;

	}

	.alphabets a:first-child {

		padding: 0;

	}

	.address-box address strong {

		font: 500 18px/22px 'Roboto', sans-serif;

	}

	.address-box address a {

		font: 500 18px/18px 'Roboto', sans-serif;

	}

}







/*===========================================================================*/

/*1400px CSS*/

/*===========================================================================*/

@media (max-width: 1480px) {

	.cp_side-menu {

		margin: 10px 0 0 10px;

	}

	strong.logo {

		margin: 0;

	}

	.bottom-row {

		margin: 30px 0 0 0;

	}

	.banner-2 {

		padding: 50px 0;

	}



	.navigation-col .navbar-collapse {
		float: left;
	}



	#footer .text-box,
	#footer .box {
		width: 25%;
		margin: 0 20px 0 0
	}

	#footer form {
		width: 25%;
	}





}





@media (max-width: 1900px) {





	#footer .text-box,
	#footer .box {
		width: 25%;
		margin: 0 20px 0 0
	}

	#footer form {
		width: 25%;
	}

}