@media (min-width: 768px) and (max-width:999px) {
	body, html {
		min-width: 749px;
		margin:0
	}
	
	
	body div, article {max-width:100%;box-sizing:border-box}
	body img {height:auto!important;max-width:100%;box-sizing:border-box}
	body embed, body iframe, body  video {max-width:100%}
	.text table {width:100%!important;display:block;overflow-x:auto;height:auto!important;-webkit-overflow-scrolling:touch}
			
		
		.page {min-width:0}
		
		.content-col {width:30%;margin-left:3%}
		
		.wrapper {padding:0 5px}
		
	
	.article-gallery > div {display:inline-block;vertical-align:top;width:32%;padding:5px;}
			.article-gallery-fullwidth-grid-item {display:inline-block;vertical-align:top;width:32%;padding:5px!important;float:none!important;height:auto}
			
			.article_entry blockquote {margin-right:0}
			
		a.box-article {height:auto}	
		.box-desc {width:100%;display:flex;justify-content: center;align-items: center;box-sizing:border-box}		
		
		.footer-col {width:24.5%}
		
		article.article {width:calc(100% - 250px);box-sizing:border-box;padding:0}
		.article_menu_entry {width:calc(100% - 300px);margin-left:10px}
		
		.article_sidebar {float:right}
		
	
}




@media (min-width: 481px) and  (max-width: 767px) {
	body, html {
		min-width: 430px;
		margin:0;
		
	}
	
		body div, article {max-width:100%;box-sizing:border-box}
			body img {height:auto!important;max-width:100%;box-sizing:border-box}
			body embed, body iframe, body  video {max-width:100%}
			.text table {width:100%!important;display:block;overflow-x:auto;height:auto!important;-webkit-overflow-scrolling:touch}
			
		
		.page {min-width:0}
		
			nav.navigation {width:100%;text-align:center}
			.logo {float:none;margin:0 auto;padding:10px;text-align:center}
				
				
			.wrapper {padding:0 10px!important}	
			
		footer {height:auto;padding-bottom:25px}	
			.footer-col:nth-child(1),.footer-col:nth-child(2),.footer-col:nth-child(3),.footer-col:nth-child(4){display:block;width:100%;text-align:center}
			.footer-col:nth-child(3){margin-top:20px;}
			.footer-col:nth-child(4){margin-top:20px;margin-bottom:20px;}
			ul.topnav > li {display:block!important;font: bold 13px/1 sans-serif!important;}
			ul.topnav > li > a{padding:8px 10px 8px 10px!important;}
			
			.content-col {width:100%;margin:0 0 10px}
				.box-desc {width:100%;display:flex;justify-content: center;align-items: center;box-sizing:border-box}
				.box .box-menu {font-size:12px}
				
				a.box-article {height:auto;max-width:300px;margin:15px auto;clear:both}
				.box-article .article-cover {width:100%}
				.box-article .article-cover img {width:100%;object-fit:cover}
				a.box-news {width:50%;float:left;padding-right:10px;box-sizing:border-box}
				
			.person-block {margin:0 auto}	
			
			article.article {float:none;width:100%;padding:0;margin:0}
			article.article h1 {font-size:25px}
			.article img {float:none!important;margin:0 auto;display:block;}
			.article_menu_entry {width:100%;margin:10px 0;height:auto;padding:10px;box-sizing:border-box}
			.article_entry .article_menu_entry ul {margin:0}
			.article-gallery figure {margin:0;float:none}
			.article-gallery > div {display:inline-block;vertical-align:top;width:32%;padding:5px;}
			.article-gallery-fullwidth-grid-item {display:inline-block;vertical-align:top;width:32%;padding:5px!important;float:none!important;height:auto}
			
			.article_entry blockquote {margin-right:0}
			
			.discussion p, .sharing-wrap p, .rating-title {font-size:12px}
			
			.article_sidebar {width:100%}
				.module .module-topic {font-size:12px}
				.comment-form_comment, .comment-form_authorname {width:calc(100% - 80px)}
				.comment-form_button {margin:10px 0 0 75px}
		
			
		
		nav.navigation::before, nav.navigation::after {display:none}
		
		
}

	


@media (max-width: 480px) {
	body, html {
		min-width: 210px;
		margin:0;
		padding:0;
		
		height:auto;
	}
	
	
	
		body div, article {max-width:100%;box-sizing:border-box}
			body img {height:auto!important;max-width:100%;box-sizing:border-box}
			body embed, body iframe, body  video {max-width:100%}
			.text table {width:100%!important;display:block;overflow-x:auto;height:auto!important;-webkit-overflow-scrolling:touch}
			
		
		.page {min-width:0}
		
			nav.navigation {width:100%;text-align:center}
				.logo {float:none;margin:0 auto;padding:10px;text-align:center}
				
				nav.navigation.blue {position:relative;padding-left:50px;box-sizing:border-box;height:42px}
				nav.navigation.blue ul li {display:none}
				nav.navigation.blue ul li#search {display:block;float:right;width:100%}
				
			.wrapper {padding:0 10px!important}	
			
		/* footer {height:auto;padding-bottom:25px}	
			.footer-col {display:none} */
			.footer-col:nth-child(1),.footer-col:nth-child(2),.footer-col:nth-child(3),.footer-col:nth-child(4){display:block;width:100%;text-align:center} 
			.footer-col:nth-child(3){margin-top:20px;}
			.footer-col:nth-child(4){margin-top:20px;margin-bottom:20px;}
			ul.topnav > li {display:block!important;font: bold 13px/1 sans-serif!important;}
			ul.topnav > li > a{padding:8px 10px 8px 10px!important;}
	
			
			.content-col {width:100%;margin:0 0 10px}
				.box-desc {width:100%;display:flex;justify-content: center;align-items: center;box-sizing:border-box}
				.box .box-menu {font-size:12px}
				
				a.box-article {height:auto;max-width:300px;margin:0 auto}
				.box-article .article-cover {width:100%}
				.box-article .article-cover img {width:100%;object-fit:cover}
				
			.person-block {margin:0 auto}	
			
			article.article {float:none;width:100%;padding:0;margin:0}
			article.article h1 {font-size:25px}
			.article img {float:none!important;margin:0 auto;display:block;}
			.article_menu_entry {width:100%;margin:10px 0;height:auto;padding:10px;box-sizing:border-box}
			.article_entry .article_menu_entry ul {margin:0}
			.article-gallery figure {margin:0;float:none}
			.article-gallery > div {display:inline-block;vertical-align:top;width:49%;padding:5px;}
			.article-gallery-fullwidth-grid-item {display:inline-block;vertical-align:top;width:49%;padding:5px!important;float:none!important;height:auto}
			
			.article_entry blockquote {margin-right:0}
			
			.discussion p, .sharing-wrap p, .rating-title {font-size:12px}
			
			.article_sidebar {width:100%}
				.module .module-topic {font-size:12px}
				.comment-form_comment, .comment-form_authorname {width:calc(100% - 80px)}
				.comment-form_button {margin:10px 0 0 75px}
		
		
		nav.navigation::before, nav.navigation::after {display:none}
}