@media (max-width: 980px) {
	#container { width: 100%; }
}

@media (max-width: 840px) {
	.col-scs { flex-direction: column; }
	.site-main .container { flex-direction: column; }
	.col-home-center { width: 100%; order: 1; }
	#slider { order: 0; padding: 0 8px; }
	#content, .col-scs > #content { width: 100%; order: 1; padding: 0 8px; }
	.content-area { width: 100%; padding: 0 8px; }
	#sidebar-left { width: 100%; order: 2; padding: 0 8px; }
	#sidebar-right { width: 100%; order: 3; padding: 0 8px; }
	#widgets-wrap-sidebar-left, #widgets-wrap-sidebar-right { margin-top: 0; }
	#widgets-wrap-sidebar-left .frontier-widget, #widgets-wrap-sidebar-right .frontier-widget { margin-bottom: 15px; }
}

@media (max-width: 640px) {
	.postthumb { width: 50px; height: 50px; border-radius: 50%; }
	.relatedthumb { width: 50px; height: 50px; border-radius: 50%; }
	.Trendsthumb { width: 50px; height: 50px; border-radius: 50%; }
	.Weeklythumb { width: 50px; height: 50px; border-radius: 50%; }
	.sidebarthumb { width: 40px; height: 40px; border-radius: 50%; }
	.related-posts-grid { grid-template-columns: repeat(2, 1fr); }
	.single-title { font-size: 13px; padding: 4px 6px; margin: -6px -8px 6px -8px; }
	.blog-title { font-size: 16px; padding: 4px 6px; margin: -6px -8px 6px -8px; }
	.single-view { padding: 6px 8px; }
	.blog-view { padding: 6px 8px; }
	.top-view { padding: 6px 8px; }
	.archive-title { font-size: 16px; padding: 4px 6px; margin: -6px -8px 6px -8px; }
	.archive-info { padding: 6px 8px; }
	#comment-header .respond-link { float: none; display: block; margin-top: 3px; }
}

@media (max-width: 480px) {
	#basic-slider { max-width: 100%; }
	#basic-slider h4.slider-element { font-size: 14px; bottom: 35px; }
	#basic-slider p.slider-element { font-size: 11px; }
	.blog-view { margin: 0 0 5px; padding: 5px 6px; }
	.single-view { padding: 5px 6px; }
	.top-view { padding: 5px 6px; }
	.postthumb { width: 45px; height: 45px; }
	.relatedthumb { width: 45px; height: 45px; }
	.Trendsthumb { width: 45px; height: 45px; }
	.Weeklythumb { width: 45px; height: 45px; }
	.sidebarthumb { width: 35px; height: 35px; }
	.single-title { font-size: 12px; padding: 3px 4px; margin: -5px -6px 5px -6px; }
	.blog-title { font-size: 15px; padding: 3px 4px; margin: -5px -6px 5px -6px; }
	.archive-title { font-size: 15px; padding: 3px 4px; margin: -5px -6px 5px -6px; }
	.archive-info { padding: 5px 6px; }
}