@media (max-width: 1200px) {
	.post-nav,
	.post-notes,
	.related-posts,
	.project-container,
	.social-share-links-wrap {
		margin-left: 0 !important;
	}
	.post-notes .inner {
		padding-right: 20px
	}
}
@media (max-width: 1100px) {
	.project-container {
		margin-left: 0 !important;
		width: 100% !important;
		max-width: 100% !important;
	}
	.sidebar {
		right: 10px;
	}
	body.single .project-container .project-card {
		width: 100% !important;
	}
	body.single .project-container .project-card p {
		width: 100%;
	}
	body.single .post-nav {
		width: 100%;
		margin: 0;
	}

	.post-nav,
	.post-notes,
	.related-posts,
	.project-container,
	.social-share-links-wrap {
		width: 100% !important;
		max-width: 100% !important;
	}
}

@media (max-width: 850px) {
	.project-container .project-card {
		width: 100% !important;
		margin: 0;
		padding: 0 20px;
	}
	.post-nav {
	  margin: 0;
	  width: 100%;
	}
	.page-wrap {
		display: block;
		float: none;
		clear: both;
		width: 100% !important;
		margin: 0 !important;
	}
	.sidebar {
		position: initial;
		width: 100% !important;
		clear: both;
		float: none;
		margin: 0 !important;
	}
	body {
		/* padding-top: 100px; */
	}
	.grid-item .margin-container {
	  margin: 10px 5px;
	}
	.buttons-wrap a.search-btn {
		display: none;
	}
	.main-menu-wrap a.search-btn {
		display: block !important;
	}
	.social-links {
	  border-bottom: 1px solid #000;
	}
	.buttons-wrap .menu-btn {
		font-size: 34px;
	}
	.whats {
		width: 100%;
		float: none;
	}
	.aboutButtonsSingle {
		width: 50%;
	}
	.slideshow-section li p img {
		width: 100%;
	}
	.slideshow-section {
		padding: 0;
		margin: 0;
	}
	.owl-carousel {
		margin: 0;
		width: 100%;
	}
	.on-post-sharecard {
		width: 100%;
		margin: 20px 0 0;
	}
	.how-works-section {
		/* margin: 50px 0 50px 0; */
		margin: 50px -20px 50px -20px;
		padding: 20px;
	}
	.site-footer {
		padding: 30px 20px 50px;
	}

}

@media (max-width: 750px) {
	.main {
		/* margin-top: 20px; */
		/* padding: 10px; */
	}
	body.home .main {
		/* margin-top: 0; */
	}
	.fixed-nav-bar .logo {
		width: 40px;
	}
	.fixed-nav-bar .logo a img {
		width: 100%;
		height: auto;
		padding: 0;
	}
	.fixed-nav-bar .logo a:hover img {
		padding: 0;
	}
	.project-card p {
		font-size: 18px !important;
	}
}

@media (max-width: 650px) {

	.fixed-nav-bar .navbar {
		padding: 0 10px;
	}

	.filter-menu #filters li > a {
		padding: 3px 3px;
		margin: 0;
		font-size: 14px;
		/* font-weight: 400; */
	}
	.buttons-wrap {
		display: flex;
		flex-direction: column;
	}
	.buttons-wrap a {
		font-size: 18px;
		font-weight: 300;
		padding: 5px 0;
	}
	blockquote {
		max-width: 100%;
		width: initial;
	}

	.related-posts .jp-relatedposts-items .jp-relatedposts-post {
		width: calc(calc(100% / 2) - 20px) !important;
		margin: 0 20px 20px 0 !important;
	}

}

@media (max-width: 550px) {
	.aboutButtonsSingle {
		width: 100%;
	}
	.page .project-container .project-card-description {
	  padding-right: 0;
	}
  .single-content-inner {
    padding-right: 0;
  }

	.page-colors {
	  display: flex;
	  width: 100%;
	  margin-right: 30px;
	}
	.page-colors > div {
	  display: flex;
	  flex: 1 1 0;
	}
	.related-posts .jp-relatedposts-items .jp-relatedposts-post {
		width: calc(100% - 20px) !important;
		margin: 0 20px 20px 0 !important;
	}

}