#hero.hero-blog-post {
	width: 100%;
	height: auto;
	position: relative;
}

#hero.hero-blog-post #hero-styles {
	position: relative;
	width: 100%;
	height: auto;
}

#hero.hero-blog-post #hero-caption {
	padding: 200px 20px 150px 20px;
}

.search-wrap {
	position: absolute;
	max-width:600px;
	left:0;
	right:0;
	margin:0 auto;
	width: 100%;
	max-height: 0px;
	opacity:0;
	top: -240px;
	text-align:center;
	transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.2s;
	-webkit-transition: all 0.6s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0.2s;
}

.search-wrap.active {
	opacity: 1;
	max-height: 160px;
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.search-title {
	font-family: 'Oswald', sans-serif;
	font-size: 84px;
	line-height: 90px;
	font-weight: 700;
	margin-bottom: 30px;
	display: block;
	color:#000;
	opacity:0;
}

.light-content .search-title {
	color:#fff;
}

.search-box {
	display: block;
	max-width: 800px;
	width: 90%;
	position: relative;
	z-index: 10;
	margin: 0 auto;
	opacity:0;
}

#search-field {		
	color: #999;		
	font-size:14px;
	font-weight: 300;
	text-align:center;
	font-family: 'Poppins', sans-serif;
	padding: 12px 10px 12px 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.light-content #search-field {		
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

.search-box label {
	background-color:#000;
}

.light-content .search-box label {
	background-color:#fff;
}


#blog {
	position:relative;
	max-width:1480px;
	margin:0 auto;
	box-sizing: border-box;
	padding-bottom:50px;
	opacity:0;
}

#blog::after {
	clear: both;
	content: " ";
	display: table;
}

#blog::before {
	content: " ";
	height:1px;
	background-color:rgba(0,0,0,0.07);
	position:fixed;
	left:0;
	bottom:0;
	width: 100vw;
	margin-left: calc(-100vw / 2 + 1480px / 2);
	margin-right: calc(-100vw / 2 + 1480px / 2);
}

.light-content #blog::before {
	background-color:rgba(255,255,255,0.07);
}

.post-content-full {
	position:relative;
	box-sizing: border-box;
	max-width:1480px;
	margin:0 auto;
	padding-top: 140px;
	opacity:0;
}

.post-content-full.padding-above {
	padding-top:60vh;
}

.post-content-full .full .container {
	padding:0!important;
}

.post-content-full::after, .article-meta-data::after, .post-content-container::after {
	clear: both;
	content: " ";
	display: table;
}

.blog-title-container {
	text-align: center;
	padding-top: 200px;
	padding-bottom: 100px;
}

article {
	width: 50%;
	margin-bottom: 60px;
	position: relative;
	float: left;
	box-sizing: border-box;
	padding: 0 50px;
}

article.featured {
	max-width: none;
	width: 100vw;
	margin-left: calc(-100vw / 2 + 1480px / 2);
	margin-right: calc(-100vw / 2 + 1480px / 2);
	height: 100vh;
	margin-top: 50px;
	margin-bottom: 150px;
	overflow: hidden;
	padding: 0;
}

article.featured:first-child {
	margin-top:0px;
}

article:last-child {
	margin-bottom:0!important;
}

article::after {
	clear: both;
	content: " ";
	display: table;
}

article .post-image {
	width: 100%;
	height: auto;
	border-radius: 3px;
	overflow: hidden;
}

article.featured .post-image {
	background-color:#000;
	width:100%;
	height:100vh;
	float:none;
	border-radius:0px;
	overflow:hidden;
	text-align:center;
}

article.featured .post-bg-image {
	background-size:cover;
	position:absolute;
	background-position:center center;
	width:100%;
	height:100%;
	z-index:0;
	opacity:0.7;		
}

article.featured .outer {
	position:relative;
	z-index:1;
}

article .post-image img {
	width: 100%;
	height: auto;
}

article .article-content {
	max-width: 100%;
	width: auto;
	box-sizing: border-box;
	padding: 30px;
}

.article-footer {
	position: relative;
	margin-top: 10px;
}

article.featured .article-footer, #hero .article-footer {
	position: absolute;
	bottom: 80px;
	right: 0;
	left: 0;
	margin:0 auto;
}

article .post-image::after, article .article-content::after {
	clear: both;
	content: " ";
	display: table;
}

article .clapat-button {
	margin-right:0;
}

.article-left, .article-right {
	padding:0 125px;
	box-sizing: border-box;
	display:block;
	width:60%;
	text-align:center;
	position:relative;
	margin:0 auto;
}

.article-left {
	width:100%!important;
	padding:0 130px;
}

.article-left::after {
	clear: both;
	content: " ";
	display: table;
}

.article-right {
	margin-bottom:160px;
}

.post-categories {
	margin:0;
}

.entry-meta {
	margin:0;		
}

.entry-meta {
	display:inline-block;
	position:relative;
	margin-right:20px;
	padding-left:25px;
}

.entry-meta.entry-categories {
	padding-left:0;
	margin-right:0;
}

.entry-categories li a::after, .entry-tags li a::after {
	content: ",";
	position: absolute;
	right: -2px;
}

.entry-categories li:last-child a::after, .entry-tags li:last-child a::after {
	content: "";
	display:none;
}
	

.entry-meta.entry-date::before {
	width: 100%;
	height: 30px;
	width: 20px;
	position: absolute;
	font-size: 16px;
	font-family: 'FontAwesome';
	content: "\f017";
	color: #000;
	left: 0px;
	top: 4px;
	-webkit-transition: opacity 0.2s ease-in-out 0.2s;
	transition: opacity 0.2s ease-in-out 0.2s;
}

article.featured .entry-meta::before {
	color:#fff;
}

.entry-meta.entry-comments::before {
	width: 100%;
	height: 30px;
	width: 20px;
	position: absolute;
	font-size: 16px;
	font-family: 'FontAwesome';
	content: "\f086";
	color: #000;
	left: 0px;
	top: 3px;
	-webkit-transition: opacity 0.2s ease-in-out 0.2s;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.entry-meta.entry-tags::before {
	width: 100%;
	height: 30px;
	width: 20px;
	position: absolute;
	font-size: 16px;
	font-family: 'FontAwesome';
	content: "\f02c";
	color: #000;
	left: 0px;
	top: 4px;
	-webkit-transition: opacity 0.2s ease-in-out 0.2s;
	transition: opacity 0.2s ease-in-out 0.2s;
}

.entry-meta.entry-tags {
	float:right;
}

.light-content .entry-meta.entry-comments::before, .light-content .entry-meta.entry-date::before, .light-content .entry-meta.entry-tags::before { 
	color:#fff;
}
	
#hero-caption .entry-meta {
	opacity:0;
	-webkit-transform:translateY(100px);
	transform: translateY(100px);		
}

.entry-meta.entry-date li {
	margin-right:0;
}

#hero .entry-meta.entry-date li {
	margin-right: 0;
	color: #999;
	font-size: 14px;
}

#hero.has-image .entry-meta.entry-date li {
	color: #fff;
}

.entry-meta li {
	list-style:none;
	display:inline-block;
	position:relative;
	margin-right:4px;
	padding-right:2px;
}

.entry-tags li {
	margin-right: 8px;
}

.entry-meta li:first-child {
	margin-left:0;		
}

.entry-tags li:first-child {
	display:none;
}

.entry-tags.entry-meta li:first-child::after {
	background-color:rgba(0,0,0,0);		
}

.light-content .entry-meta li::after {
	background-color:rgba(255,255,255,0.2);
}

.entry-meta li a {
	color: #999;		
	font-size:14px;
	display: block;
}

article.featured .entry-meta li a, article.featured .entry-meta li a:hover, article.featured .entry-meta li span {
	color: #fff;
}

.entry-meta li a:hover {
	color:#000;
}

.light-content .entry-meta li a {
	color: rgba(255,255,255,1);
}

.entry-meta li a:before {
	content: '';
	position: absolute; 
	bottom: -3px; 
	left: 0;
	width: 100%;
	height: 2px;
	z-index:2;
	background: rgba(0,0,0,1);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .2s ease-out, opacity .2s ease-out 0.3s;
}

article.featured .entry-meta li a:before {
	background: #fff;
}

.light-content .entry-meta li a:before {
	background: rgba(255,255,255,1);
}

.entry-meta li a:hover::before {
	transform: scaleX(1);
	transform-origin: left;
}

.article-meta-data {
	padding: 60px 80px;
	position: relative;
	width: 100vw;
	margin-left: calc(-100vw / 2 + 1480px / 2);
	margin-right: calc(-100vw / 2 + 1480px / 2);
	box-sizing: border-box;
	margin-top: 100px;
	border-top:solid 1px rgba(0,0,0,0.07);
	border-bottom:solid 1px rgba(0,0,0,0.07);
}

.without-row .article-meta-data {
    margin-left: calc(-100vw / 2 + 1100px / 2);
    margin-right: calc(-100vw / 2 + 1100px / 2);
}

.light-content .article-meta-data {
	border-top:solid 1px rgba(255,255,255,0.07);
	border-bottom:solid 1px rgba(255,255,255,0.07);
}

.article-meta-data::after {
	clear: both;
	content: " ";
	display: table;
}

.article-meta-data .entry-meta {
	margin: 0;		
}

.post-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 25px;
	display: block;
	color:#000;
}

.light-content .post-title {
	color:#fff;
}

article.featured .post-title, .hero-title.post-title {
	font-family: 'Oswald', sans-serif;
	font-size: 48px;
	font-weight: 700;
	line-height: 60px;
	display: block;
	color: #fff;
	max-width: 1000px;
	margin: 0 auto;
	margin-bottom: 20px;	
}

.hero-blog-post .hero-title.post-title {
	color: #000;
}

.post-excerpt {
	margin-bottom:30px;
	line-height:28px;
	color: #aaa;
	margin-bottom:40px;
}
	
.article-discusion {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	margin-top:160px;
	margin-bottom:160px;
	padding: 0 50px;
	box-sizing: border-box;
}
	
.comments-navigation {
	margin-bottom: 60px;
}

.user_comment {
	color: #000;
	margin-top:30px;
	margin-bottom: 40px;
	padding-left: 80px;
	position:relative;
}

.user-image {
	border-radius: 2px;
	height: 60px;
	overflow: hidden;
	width: 60px;
	position:absolute;
	left:0px;
}

.user-image img {
	width:100%;
	height:auto;
}

.comment-head {
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
	color:#000;
	margin-bottom: 10px;
}

.light-content .comment-head {
	color:#fff;
}

.comment-head span {
	font-weight:300;
	font-size:14px;
	color:#999;
}

.comment-head span a {
	color:#000;
	font-weight:400;
}

.light-content .comment-head span a {
	color:#fff;
}

.comment-head span a:hover {
	text-decoration:underline;
}

.comment-text {
	color: #999;
	margin-bottom:5px;
}

.user_comment_reply {
	position:relative;
	color: #000;
	padding-left: 80px;
	margin-top: 40px;
	display:block;
}

.add-comment .caption-content {
	padding:0;
}

.article-formular {
	text-align:center;
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	padding: 0 50px;
	box-sizing: border-box;
}

.article-formular textarea {
	margin-bottom:50px;
}

.light-content .article-formular a {
	color:#fff;
}

.form-submit, .post-password-form input[type="submit"] {
	color: #fff;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	padding: 14px 28px;
	line-height: 16px;
	cursor: pointer;
	border: none;
	box-sizing: border-box;
	text-align: center;
	background-color: #000;
	display: inline-block;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
	margin-top:40px;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.post-password-form input[type="submit"] {
	margin-top:0px;
}

.form-submit::after, .post-password-form input[type="submit"]::after {
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	background: #333;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .2s ease-out;
	-webkit-transition: transform .2s ease-out;
}

.form-submit input[type="submit"] {
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	z-index: 10;
	position: relative;
}

.form-submit:hover::after, .post-password-form input[type="submit"]:hover::after {
	transform: scaleX(1);
	transform-origin: left;
}

.single-post #project-nav {
	padding-top:20px;
}

.post-title, .single-post .hero-title span {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.post-password-form input[type="password"] {
	background-color: #eee;
	display: block;
	margin-top: 10px;
	max-width: 30%;
	width: 100%;
	padding:12px 20px;
	border-radius: 1px;
	box-sizing: border-box;
	border: 1px solid rgba(0,0,0,0.1);
	margin-bottom:30px;
	color: #000;
}

.post-password-form label {
	color: #333;
	display: block;
	line-height: 1.5;
}


/* WordPress Styles */

.post.sticky {
	background-color: #eee;
	width: calc(50% - 100px);
	margin-left: 50px;
	margin-right: 50px;
	padding: 0;
}

.post.sticky .article-right {
	margin-bottom: 100px;
}


.single-post .clapat-caption {
	table-layout:fixed;
}

.post-title, .post-title-no-link {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright, .wp-caption.alignright, img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
	clear: both;
	margin-top: 0.4em;
	margin-bottom: 1.6em;
}

.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
	margin-bottom: 1.2em;
}
	
.post-comments-textarea.comment_area_loggedin {
	position:relative;
}

.bypostauthor > article .fn:before {
	content: "";
	margin: 0 2px 0 -2px;
	position: relative;
}

.wp-caption {
	margin-bottom: 1.6em;
	max-width: 100%;
}

.screen-reader-text {
	display:none;
}

.wp-caption-text {
	font-size: 11px;
	font-weight: 400;
	color:#999;
}

.post-password-form label {
	color: #333;
	display: block;
	line-height: 1.5;
}
	
.form-submit1 {
	display: table;
	margin-top: 20px;
	margin-bottom: 40px;
	position: relative;
	width: 100%;
	text-align: center;
	width: auto;
	margin: 0 auto;
	padding-top: 40px;
}

article .page-links {
	margin-bottom:40px;
}

.article-footer .page-links {
	margin-bottom:10px;
}

.page-links a {
	font-weight:400;
}

.page-links a:hover {
	text-decoration:underline;
}

.gallery {
	margin-bottom: 1.6em;
}

.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}

.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
	display: none;
}		

.bottom-post {
	text-align: center;
	margin-top: 60px;
}

.pingback {
	padding-left: 0;
}

.search_results {
	text-align:center;
}

/*--------------------------------------------------
02. Blog Navigation
---------------------------------------------------*/		

#blog-navigation {
	width:100%;
	max-width:550px;
	margin:0 auto;
	box-sizing:border-box;
	height:80px;
	position:relative;
	margin-top:130px;
	margin-bottom:100px;
}

#blog-navigation::after {
	content: "";
	width: 150px;
	height: 1px;
	background-color: #000;
	opacity:0.1;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.light-content #blog-navigation::after {
	background-color: #fff;
	opacity:0.15;
}

#blog-navigation .blog-prev-wrap, #blog-navigation .blog-next-wrap {
	width: 80px;
	height: 80px;
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	float:left;
	overflow:hidden;
	z-index:1;
	-webkit-transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out;
	transition: width 0.2s ease-in-out, opacity 0.2s ease-in-out;		
}

#blog-navigation .blog-prev, #blog-navigation .blog-next {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	z-index: 10;
	position: relative;
}

#blog-navigation .blog-prev-wrap {
	float:left;
}

#blog-navigation .blog-next-wrap {
	float:right;
}

#blog-navigation i {
	line-height:40px;
	width:40px;
	color:#ddd;
	position:absolute;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.light-content #blog-navigation i {
	color:#fff;
	opacity:0.2;
}

#blog-navigation a i {
	color:#000;
}

.light-content #blog-navigation a i {
	color:#fff;
	opacity:1;
}

#blog-navigation .blog-prev a i, #blog-navigation .blog-prev i {
	left:0px;
}

#blog-navigation .blog-prev:hover a i {
	left:-7px;
}

#blog-navigation .blog-next a i {
	right:0px;
}

#blog-navigation .blog-next:hover a i, #blog-navigation .blog-next:hover i {
	right:-5px;
}

.blog-numbers {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	padding: 0 80px;
	height: inherit;
	z-index:0;
	color: #000;
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	font-size: 48px;
	font-weight:700;
	left:0;
	z-index:0;
}

.light-content .blog-numbers {
	color: #fff;
}

.blog-numbers .blog-active {
	width:30%;
	float:left;
	text-align:center;
	line-height:80px;
}

.blog-numbers .blog-total {
	width:30%;
	float:right;
	text-align:center;
	line-height:80px;
}

/*--------------------------------------------------
03. Next Post Navigation
---------------------------------------------------*/	


#blog-nav {
	width: 100%;
	height: 120px;
	overflow: hidden;
	text-align: center;
	box-sizing: border-box;
	color: #000;
	position: relative;
	max-width: 600px;
	margin: 0 auto;
	margin-top: 140px;
	margin-bottom:100px;		
}

#blog-nav a{
	color:#000;
}

.light-content #blog-nav a{
	color:#fff;
}

.nav-title {
	font-weight: 700;
	font-family: 'Oswald', sans-serif;
	font-size:80px;
	line-height:120px;	
	display:inline-block;
}

.nav-blog-title {
	font-weight: 600;
	font-size:36px;
	line-height:120px;	
	display:inline-block;
}

#blog-nav.from-bottom {
	z-index: 120;
}

#blog-nav .nav-blog-title {
	position: absolute;
	height: 101%;
	width: 100%;
	left: 0;
	-webkit-transition: -webkit-transform .0s;
	transition: -webkit-transform .0s;
	transition: transform .0s;
	transition: transform .0s, -webkit-transform .0s;
}

#blog-nav .nav-blog-title {
	-webkit-transform: translateY(101%);
	transform: translateY(101%);
}

#blog-nav.from-bottom .nav-blog-title {
	transition: transform .2s ease;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

#blog-nav.from-bottom-end .nav-blog-title {
	transition: transform .2s ease 0s;
	-webkit-transform: translateY(-101%);
	transform: translateY(-101%);
}



#blog-nav .nav-title  {
	position: absolute;
	height: 101%;
	width: 100%;
	left: 0;
	-webkit-transition: -webkit-transform .0s;
	transition: -webkit-transform .0s;
	transition: transform .0s;
	transition: transform .0s, -webkit-transform .0s;
}
#blog-nav .nav-title  {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
	transition: transform .2s ease;
}

#blog-nav.from-bottom .nav-title  {
	transition: transform .2s ease;
	-webkit-transform: translateY(-101%);
	transform: translateY(-101%);
}

#blog-nav.from-bottom-end .nav-title  {
	transition: transform .0s ease 0s;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}	


/*--------------------------------------------------
16. Responsive
---------------------------------------------------*/			
		


@media only screen and (max-width: 1466px) {


.search-wrap {
	top: -200px;
}

.search-title {
	font-size: 64px;
	line-height: 70px;
	margin-bottom:10px;
}

#blog {
	max-width:none;
	width: calc(100% - 160px);
}

#blog::before {
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
}

article.featured {
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	margin-bottom: 100px;
	margin-top: 0;
}

article {
	padding: 0 20px;
}

article .article-content {
	padding: 20px;
}

article.featured .post-title, .hero-title.post-title {
	font-size: 40px;
	line-height: 52px;
}

.entry-meta ul {
	margin:0;
}

#main-content .entry-meta {
	max-width: 100%;
}

.post-content-full {
	max-width: none;
	width: 100%;
}

.article-meta-data {
	padding: 60px;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
}

#blog-navigation {
	margin-top: 100px;
	margin-bottom: 50px;
}

#blog-nav {
	margin-top: 100px;
	margin-bottom: 60px;
}

.nav-title {
	font-size: 64px;
}

.nav-blog-title {
	font-size: 30px;
}

.post.sticky {
	width: calc(50% - 40px);
	margin-left: 20px;
	margin-right: 20px;
}

}


@media only screen and (max-width: 1024px) {


.search-wrap {
	top: -180px;
}

#blog {
	max-width: none;
	width: calc(100% - 80px);
}

article.featured {
	margin-bottom: 80px;
}

article {
	margin-bottom: 40px;
}

.post-title {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
}

.article-discusion, .article-formular {
	padding: 0 60px;
}

.single-post .container {
	padding: 0 35px;
}

.container_post, .article-discusion {
	padding: 0 60px;
	box-sizing: border-box;
	margin-top: 100px;
	margin-bottom: 100px;
}

.user_comment {
	padding-left: 70px;
}

.user_comment_reply {
	padding-left: 70px;
}

.user-image {
	height: 40px;
	width: 40px;
	margin-left: 20px;
}

article .post-image {
	width: 100%;
}

}


@media only screen and (max-width: 767px) {


article {
	width: 100%;
	padding: 0;
}	

.article-discusion, .article-formular {
	padding: 0 40px;
}

.single-post .container {
	padding: 0 25px;
}

.post-content-full {
	padding-top: 100px;
}

.article-meta-data {
	padding: 50px;
}

.article-meta-data .entry-meta {
	float:none;
	width: 100%;
}

.user_comment {
	padding-left: 0;
}

.user_comment_reply {
	padding-left: 80px;
	margin-left:-80px;
}

.user-image {
	display:none;
}	

.post-categories li:last-child {
	margin-right: 0;
	margin-bottom: 0;
}

#blog-navigation::after {
	width: 60px;
}

.blog-numbers {
	font-size: 36px;
}

.post.sticky {
	width: 100%;
	margin: 0;
	margin-bottom:30px;
}


}


@media only screen and (max-width: 479px) {

.search-wrap {
	top: -140px;
}
	
.search-title {
	font-size: 36px;
	line-height: 50px;
	margin-bottom: 10px;
}

.article-discusion, .article-formular {
	padding: 0 30px;
}

.single-post .container {
	padding: 0 15px;
}

article .article-content {
	padding: 20px 0;
}

article.featured .post-title, .hero-title.post-title {
	font-size: 24px;
	line-height: 36px;
}

.post-content-full {
	padding-top: 60px;
}

.article-meta-data, .container_post, .article-discusion {
	margin-top: 60px;
}

.user_comment {
	padding-left: 0;
}

.user_comment_reply {
	padding-left: 80px;
	margin-left:-80px;
}

.user-image {
	display:none;
}

#blog-navigation::after {
	width: 30px;
}

#blog-nav {
	margin-top: 60px;
	margin-bottom: 40px;
}

.nav-blog-title {
	font-size: 18px;
}

.nav-title {
	font-size: 36px;
}

.post.sticky .article-content {
	padding: 20px;
}
	
}