.community-meta-mobile {
	display: none;
}

.community-meta-desktop {
	display: block;
}

@media screen and (max-width: 776px){
	.community-meta-mobile {
		display: block;
	}

	.community-meta-desktop {
		display: none;
	}
	.single.community-single .content-wrap {
		width: 100%;
	}

	.single.community-single .sidebar {
		display: none;
	}
	
	.now-page-wrapper, .community-single-page .ej-elephantnow {
		padding-left: 40px;
		padding-right: 40px;
	}
	.now-page-wrapper:after {
		content: " ";
		clear: both;
		display: block;
	}
	div.posts ul li.nowpost:nth-child(5n+1) {
		clear: none;
	}
}
@media screen and (max-width: 767px){
	.now-page-wrapper, .community-single-page .ej-elephantnow {
		padding-left: 0px;
		padding-right: 0px;
	}

	.comm-mobile {
		display: block;
	}
	.comm-desktop {
		display: none;
	}
	.compost-loop .compost {
		margin-top: 25px;
		padding-top: 0;
	}
	.compost-loop .compost .comm-featured-image {
		margin-top: 12px;
	}
	.compost-loop .compost .comm-featured-image,
	.compost-loop .compost .comm-featured-image img.featured-bg {
		height: 100% !important;
		text-align: center;
	}
	.compost-loop .compost .comm-featured-image img.featured-bg {
		opacity: 0.2;
	}
	.comm-featured-image img.featured-fg, 
	.compost-loop .compost .comm-featured-image img.featured-fg {
		max-height: 175px;
		height: auto !important;
		width: auto !important;
		float: none;
	}
	.compost-loop .compost .comm-featured-image {
		margin-bottom: 12px;
	}
	.compost-loop .compost .compost-copy.withumb {
		width: 100%;
		float: none;
	}
	.ej-elephantnow .post-meta span {
		display: inline-block;
		width: auto;
		float: none;
		margin: 5px 5px 0 0;
		font-weight: 600;
	}
	#ej-community label.gfield_label,
	#ej-community .gform_wrapper .gfield_description {
		font-size: 15px;
		line-height: 18px;
	}
	#ej-community .gform_footer {
		border-bottom: 6px solid #CDCDCD;
		border-top: none;
		margin-top: 0;
	}
	#ej-community .ginput_container_checkbox {
		margin-top: 0 !important;
	}
	#ej-community .hide-label label {
		display: none;
	}
	.ej-comments {
		padding: 5px 15px;
	}
	.comment-list .comment-author {
		display: block;
	}
	#comment-input {
		height: 100px;
		padding: 25px 15px 15px; 
		font-size: 15px; 
		line-height: 18px;
	}
	.community-single .comment-list p {
		font-size: 13px;
		line-height: 18px;
	}
	.ej-comments {
		padding: 15px 30px;
	}
	.ej-comments .comment-list .children {
		margin: 0px 0px 0px 20px;
	}
	#comments .form-submit input[type="submit"] { 
		padding: 10px 20px; 
		text-transform: uppercase; 
		font-weight: 700; 
		font-size: 12px; 
		line-height: 13px; 
	}
	.community-single .content-wrap, .community-single p { 
		margin: 5px 0;
		font-size: 20px;
		line-height: 36px;
	}
	.comment-list .comment.depth-1 { 
		padding-top: 30px; 
	}
	.comm-views span.number-views {
		color: #343434;
		font-size: 12px;
		line-height: 22px;
		font-weight: 600;
		margin: 0;
		text-align: left;
	}
	.community-meta .comm-views.shares a {
		top: 0;
	} 
	.community-meta .shares .facebook-count {
		line-height: 40px;
	}
	.ej-elephantnow .post-meta span {
		margin: 0px 10px 0 0;
		color: #a8b6b9;
	}
	.ej-elephantnow .post-meta span.author-meta {
		display: block;
		text-align: left;
		margin-top: 3px;
	}
	.compost-copy h3 {
		line-height: 24px;
	}
	.back-to-landing {
		left: 20px;
	}
	.back-to-share {
		left: 140px;
	}
	.back-to-landing.after-article {
		left: 0;
		margin-bottom: 20px;
	}
	.comm-filters a {
		font-size: 14px;
		line-height: 16px;
	}
	.comm-filters .no-mobile {
		display: none;
	}
}

@media screen and (max-width: 560px){
	.single.community-single {
		padding: 0 30px;
	}
	
	.single.community-single .community-meta {
		margin: 0 0 10px;
	}
	
	.community-meta .shares {
		width: 50%;
		text-align: center;
	}
	
	.community-meta .shares.comm-views {
		text-align: left;
	}
	
	.single.community-single .content-wrap {
		width: 100%;
	}

	.single.community-single .sidebar {
		display: none;
	}
	
	.community-single h1 {
		font-size: 28px;
		line-height: 38px;
		margin: 50px 0 20px 0;
		font-weight: 700;
	}
	.community-meta .author.small {
		display: block;
		float: none;
		width: 100%;
	}
	.community-meta .shares {
		width: 100%;
		float: none;
		clear: both;
	}
	.community-meta .shares .reads, 
	.community-meta .shares .date {
		line-height: 22px;
	}
	.community-meta .shares .reads {
		float: none;
		margin: 0;
	}
	.community-meta .shares a {
		float: right;
		position: relative;
		top: -10px;
	}
}

@media screen and (max-width: 460px){
	.community-single .content-wrap, .community-single p { 
		font-size: 18px;
		line-height: 32px;
	}
	.single.community-single {
		padding: 0 20px;
	}
}