
@media (max-width: 1199px) {
	.portfolio-container .project-post {
		width: 24.98%;
	}

	footer ul li {
		margin-left: 22px;
	}

	.home-content h1 {
		font-size: 45px;
	}

	span.pioneer-icon {
		margin-bottom: 0;
	}
}

@media (max-width: 991px) {
	.home-content h1 {
		font-size: 35px;
	}

	ul.social-list {
		margin-bottom: 10px;
	}

	ul.social-list li a {
		width: 50px;
		height: 50px;
	}

	ul.social-list li a i {
		font-size: 18px;
	}

	ul.social-list li a i {
		line-height: 50px;
	}

	.home-content {
		margin-top: -60px;
	}

	ul.pioneer-list li {
		font-size: 14px;
	}

	ul.filter li a {
		min-width: 140px;
	}

	.portfolio-container .project-post {
		width: 33.32%;
	}

	.bx-wrapper .bx-controls-direction {
		display: none;
	}

	footer {
		text-align: center;
	}

	.copyright-line {
		margin: 20px 0;
	}
	.team-post {
		margin-bottom: 30px;
	}

	.post-tags-box {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		min-width: 0;
	}

	.post-share-box {
		float: none;
		width: 100%;
	}
}

@media (max-width: 767px) {
	.inner-header {
	    padding: 10px 0;
	    border-bottom: none;
	}

	.navbar-default .navbar-nav {
		background: #333333;
	}


	.navbar-default .navbar-nav > li {
		margin-bottom: 1px;
	}

	.home-content h1 {
		font-size: 20px;
		padding-bottom: 18px;
	}

	.home-content h1 > span:after,
	.home-content h1 > span:before,
	.home-content h1:before,
	.home-content h1:after {
		display: none;
	}

	.feature-post {
		margin-bottom: 30px;
	}

	.feature-post > div {
		float: none;
		width: 100%;
	}

	.feature-post > div i {
		display: none;
	}

	.feature-post:after {
		display: none;
	}

	ul.filter li {
		margin-bottom: 2px;
	}

	.portfolio-container .project-post {
		width: 49.98%;
	}

	.page-single {
		padding-top: 70px;
	}

	.blog-post h2 {
		font-size: 18px;
	}

	.blog-post h2:after {
		top: 8px;
	}

	.blog-post {
		padding: 50px 0;
	}

	.post-tags-box ul li {
		margin: 0 2px;
	}

}

@media (max-width: 580px) {

	.portfolio-container .project-post {
		width: 100%;
	}

	#contact-form, #comment-form {
		padding: 0 20px;
	}

	.admin-place img {
		float: none;
		margin-bottom: 20px;
	}

	.admin-text-content {
		margin-left: 0;
	}
	
}

@media (max-width: 400px) {

}