@media screen and (max-width : 1023px) {
	.padding-content {padding: 50px 0;}
	
	.post-align {padding: 0 0 0 30px;}
	.post-title {font-size: 1.25rem !important;}
	
	.post-listing .post-blog + .post-blog {margin: 50px 0 0 0;}
	
	.ast-separate-container .ast-archive-description, .ast-separate-container .ast-author-box {padding: 50px 0;}
}

@media screen and (max-width : 921px) {	
	#blog-top-before {margin: 50px 0;}
	#blog-top-before h1 {font-size: 1.5rem; margin: 0 0 7px 0;}
}

@media screen and (max-width : 860px) {
	#post-share {position: relative; top: auto; pointer-events: auto; width: 100%; margin: 20px 0 0 0;}
	#post-share p {writing-mode: horizontal-tb; line-height: 100%; margin: 0 0 20px 0; padding: 0;}
	#post-share li {display: inline-block; margin: 0 5px;}
}

@media screen and (max-width : 767px) {
	#blog-top .left {width: 100%; padding: 0 0 20px 0;}
	#blog-top .right {width: 100%; border-left: 0; border-top: solid 1px var(--blue); padding: 20px 0 0 0;}
	
	.blog-dropdown .value {padding-left: 0;}
	
	.blog-featured-posts li {padding: 0 15px 0 0;}
	
	.post-image {width: 100%;}
	.post-align {width: 100%; padding: 30px 0 0 0;}
	
	.blog-single-post-content .content {width: 100%;}
}

@media screen and (max-width : 599px) {
	#header-order-button {padding: 0 10px; line-height: 36px; font-size: 0.75em; font-weight: normal;}
}

@media screen and (max-width : 467px) {
	.post-date-tags {margin: 0 0 15px 0;}
	.post-date {width: 100%;}
	.post-tags {width: 100%; text-align: left; margin: 10px 0 0 0;}
	.post-tags li {margin: 0 9px 9px 0;}
	
	.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {display: none;}
	
	#post-share li {margin: 0 2px;}
	#post-share li a {width: 40px; line-height: 40px;}
}