div#main-wrapper {width:100%; max-width:100%; }

#content {float:unset;max-width: var(--layout-max-width); margin: 0 auto 0 auto;}


ol#downloads {
	float:right; width:100%;
	list-style-type:none;
	margin:10px 0;padding:0;
	background:none}

#downloads LI {
	float:left; width:100%; position:relative; overflow:hidden; margin:0 0 2rem;
	 padding:2rem; }
	#downloads LI:last-child { border-bottom:none}

	/*#downloads LI H3 { float:left; width:100%; margin:0; padding:0; text-align:left}*/
	
	div.description	{ float:left; width:80%;  padding-left:20px; padding-right:50px; text-align:left; background:none }
	.date {
			float:left; width:80px;
			color:#878787}

	/* div.preview			{ float:left; width:25%; min-width:200px;  margin:0 5% 10px 0; overflow:hidden}
	.preview IMG			{ max-width:200px; max-height:200px } */
	
	div.link {	position:relative; float:right;  margin:0 0 0;}


/* 	.link a.download_lnk	        { display:block;  color:		#fff; background:#10a19a; width:100%;   text-align:center; transition: all ease 0.3s; font-size: 1.1em;padding: .5em 1em !important;margin: 30px 0 0;border-radius: 2px !important; }
	.link a.download_lnk:hover   { background:#555; color:#fff}
		.link a.download_lnk::after {	display: inline-block;font: normal normal normal 1em/1 FontAwesome;content: "\f063"; margin:0 0 0 1em} */



	/*#support .downloads {list-style:none; width:100%;}*/
	#downloads li { float:left; list-style-type:none; width:100%; position:relative; border-bottom: 1px dotted #c0c0c0;margin:0;padding:20px 0 20px 0; display:flex; /* flex-wrap:wrap; */align-items:flex-start;}
	/* #support .downloads li:last-child {border-bottom:0;} */
	
	#downloads li .description button {display: none;}
	#downloads li .preview { float:left; width:110px;background:;}
	#downloads li .preview img { width:100px; }
	
	#downloads li  h3 { font-size:1.2em;font-weight:bolder;margin-top:0; }
	
	#downloads li  .description { width:calc(100% - 0px); padding:0 20px; /*margin-left:120px; */background:; }
	#downloads li .description button {display:none;}
	
	#downloads .btn-rounded { margin-top:1rem;min-width:190px;}
	#downloads .btn-rounded::after { content:"\f019"; font-family: FontAwesome; }
	
	/* #support .link { background:;  } */


#down-desc {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
 }

/* #down-desc *:not(.section) { max-width:var(--layout-max-width); width:100%;margin:0 auto 0 auto; padding:2rem;} */



@media screen and (max-width:960px ) {
	div.preview{ width:100%;}
	div.description { margin:1rem 0 0 0}
	div.link { width:25%; min-width:230px;}
	div.link a.download_lnk{margin: 1rem 0 0;}
	
}


@media screen and (max-width:820px ) {
	div.description, div.link { width:100%;}
	div.description,
	div.link a.download_lnk {margin: 1rem 0 0;}
}
@media screen and (max-width:480px) {
	
	#content {padding:1rem;}
	
	#downloads li {flex-wrap:wrap;}
	#downloads li .description {order:0;width:100%;position:relative;padding:0; }
	#downloads li .description * { display:none; }
	#downloads li .description h3 { display:block;}
	#downloads li .description.fulltext * {display:block;}
	#downloads li .description button { display:block;position:absolute; right:0; top:0;background:none;border:none; width:30px; height:30px;}
	#downloads li .description button::before { content:"\f078"; font-family:FontAwesome;}
	#downloads li .description.fulltext button::before { content:"\f077"; font-family:FontAwesome;}
	
	#downloads li .preview {order:1; width:80px}
	#downloads li .link {order:2;width:calc(100% - 80px); text-align:right;}
}



















	


/* - ----------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------*/
/* Page Navigation */

div.navigation-wrapper		{ float:left; width:650px; height:25px; line-height:25px; background:none;margin:0px }
div#count-articles		{ float:left; width: 200px; text-align:left }
div.page-navigation		{ float:right; width:  290px; text-align:right; font-size:12px; background:none; line-height:25px; margin-right:0px }

div.page-navigation a		{ display: inline-block; padding:0 3px 0 3px; font-size: 12px; font-weight:normal; background:none; color:#565656 }
.page-navigation a img		{ position:relative; top:2px; margin:0 2px 0 7px; padding:0  }
.page-navigation img		{ position:relative; top:2px; margin:0 5px 0 10px; padding:0  }

.page-navigation span.nav_active, .page-navigation a:hover { font-size:12px; color:#0a98da; font-weight:bolder }

/*-------------------------------------------------------------------------------------*/