/* 
Responsive Style for theme 
*/

@media only screen and (min-width: 200px) and (max-width: 2560px) {
	@media only screen and ( max-width: 1569px ) { 
		header .inline .site-title{ font-size: xx-large; }
	}
	@media only screen and ( max-width: 1368px ) { 
		header .inline .site-title{ font-size: x-large; }
		header .inline .site-desc{ font-size: small;}
		header.sticky.fixed-top .inline .navigation-section { padding: 8px 0; }
		header .nav-wrap ul li{ font-size: 14px;}
	}
	@media only screen and ( max-width: 1172px ) {
		header .inline .site-title, body h1,body h2,body h3,body h4,body h5,body h6 { font-size: x-large; }
		header .centered .site-title { font-size: xx-large; line-height: 20px;}
		header .site-desc{ font-size: small; }
		header .inline .nav-wrap ul li a { padding: 8px 12px; line-height: 16px;}
		aside .search-form { width: 100%; }
		#sidebar aside{ padding-left: 25px; }
		.wrap { padding: 0 35px; }
		.featured-section { margin-bottom: 20px; }
		.wp-block-search .wp-block-search__inside-wrapper { position: relative;}
		.wp-block-search .wp-block-search__input { line-height: 1.8; }
		.wp-block-search .wp-block-search__button { height: 100%; position: absolute; top: 0; right: 0; }
	}
	@media only screen and (max-width: 1040px) {
		header .inline .site-title { font-size: large; }
		header.sticky.fixed-top .inline .site-title { font-size: large; }
	}
	@media only screen and (max-width: 981px) {
		header.sticky.fixed-top .inline .navigation-section { padding: 0; }
	}
	@media only screen and (max-width: 900px) {
		header .inline .site-brand,header .inline .navigation-section{ width: 100%; }
		header .centered .site-brand { width: 100%; float: left; text-align: left; }
		header .centered .navigation-section { top: -22px; }
    	.mean-nav .menu-main-menu-container{ width: 100%; }
    	#main { width: 66%; }
    	#sidebar { width: 34%; }
    	header.sticky.fixed-top .site-title, header .centered .site-title{ font-size: x-large; }
    	.post-author, .post-date { padding: 0 15px 0 0; }
    	.post-comments { padding-right: 0 !important; }
	}
	@media only screen and (max-width: 768px) {
		#main, #sidebar{ width: 100%; padding: 0;}
		#sidebar aside{ padding: 0; }
		.featured-left { height: 350px; }
		.featured-block { height: 175px; }
		.wrap { padding: 0 25px; }
		.featured-section { margin-bottom: 0px; }
	}
	@media only screen and (max-width: 640px) {
		.featured-left { height: 280px; }
		.featured-block { height: 140px; }
	}

	@media only screen and (max-width: 480px) {
		.featured-left { height: 200px; }
		.featured-block { height: 100px; }
	}
	@media only screen and (max-width: 440px) {
		header .centered .site-title  { font-size: large; }
		.nav-previous,.nav-next { width: 100%; float: left; }
		.nav-previous a, .nav-next a {display: block; text-align: left;}
		body h1,body h2,body h3,body h4,body h5,body h6 {font-size: larger;}
	}
	@media only screen and (max-width: 360px) {
		.mean-container a.meanmenu-reveal { width: 18px; height: 18px; padding: 6px 10px 8px 10px; top: -35px; }
		header .site-brand { width: 70% !important; }
		header .site-title{ font-size: medium !important; }
		header .site-desc { font-size: smaller; }
		header .navigation-section { top: 0px; }
		.featured-left { height: 170px; }
		.featured-block { height: 85px; }
	}
	@media only screen and (max-width: 320px) {
			header.sticky.fixed-top .inline .site-title { font-size: inherit; }
			header .inline .site-brand { width: 70%; }
	}
	@media only screen and (max-width: 308px) { 
		.mean-container a.meanmenu-reveal { top: -50px; }
	}
}