@media screen and (max-width:900px) {

	.ColRight {display:flex;margin:2em 0 0 0;width:100%}
	.cell22m {
		margin:0 20px 0 0;
		width:48%;
		float:left
	}
	.cell23m {
		margin:0;
		width:48%;
		float:right
	}
	.ColRight .cell0 {
		margin:1em 15px;
		display:flex;
		flex-direction:column;
		width:calc(50% - 30px)
	}
	.ColRight .cl3 {
		align-items:flex-start;
		flex-direction:row;
		flex-wrap:wrap
	}
	select {max-width:18em}
	.cl2 .fa-ul, .cl3 .fa-ul, .cl4 {
		display:block;
		overflow-wrap:break-word;
		word-wrap:break-word;
		-ms-word-break:break-all;
		word-break:break-all;
		word-break:break-word;
		-ms-hyphens:auto;
		-moz-hyphens:auto;
		-webkit-hyphens:auto;
		hyphens:auto;
	}
	table.tbres {
		border-collapse:collapse;
		border:0!important;
		overflow-x:auto;
		display:block;
		margin:auto;
		max-width:100%;
		vertical-align:top;
		white-space:nowrap;
		width:-moz-fit-content;
		width:fit-content
	 }
	 td.tbres , th.tbres {border:0;padding:1px}
	 th.tbres {border-top:none}
	 td.tbres {white-space:pre;border-bottom:none}
	 td.tbres:first-of-type, th.tbres:first-of-type {border-left:none}
	 td.tbres:last-of-type, th.tbres:last-of-type {border-right:none}
}

@media only screen and (max-width:800px) {
	.vp, .nombl, .www, footer .social {display:none!important}
	.central, .ColRight {flex-direction:row}
	.tbl_td4 {margin:3px 5px}
	.tbres::-webkit-scrollbar{width:.3em;height:.3em}
	.tbres::-webkit-scrollbar-thumb{background:#ccc;background:var(--gri)}
	.tbres::-webkit-scrollbar-track{background:none}
	body .tbres {scrollbar-face-color:#ccc;scrollbar-face-color:var(--gri);scrollbar-track-color:none}
	::-moz-scrollbar-button:decrement, ::-moz-scrollbar-button:increment, ::-webkit-scrollbar-button:decrement, ::-webkit-scrollbar-button:increment {width:0}
	.cell_email, .cell_tbl {margin:0;width:100%}
	.img6 {
		width:30%;
		height:auto;
		float:left;
		margin:3px
	}
	.imgauto {height:auto!important;width:100%}
}

@media only screen and (max-width:600px) {
	.logo-3 {order:3}
	.logo-4 {order:4;flex-grow:1;margin:0!important}
	.box{width:70%}
	.img30.div-caption{width:100%}
	.popup {width:70%}
}

@media only screen and (max-width:530px) {
	h2 {text-transform:initial}
	h3 {font-size:1.1rem}
	article ul, article ol {padding:0 0 0 1rem;text-align:left;text-indent:0}
	article h2, article .t2 {margin:2rem 0 1rem 0}
	article a h2, article a .t2 {margin:1.2rem 0}
	article h3 {margin:2rem 0 1rem 0 !important;text-indent:0;text-align:left}
	article .cell2 h3 {margin:0 0 10px 0;text-indent:0;text-align:center}
	.central ul li {padding-top:.2rem;padding-bottom:.2rem}
	.ColRight {margin:0;display:block}
	.ColRight .cl3 {flex-direction:column}
	.ColRight .fa-ul li {margin:0 0 1rem}
	ul.linside, ol.linside {list-style-position:outside}
	ul.linside li, ol.linside li {
		padding-left:0;
		text-indent:0;
		width:100%
	}
	.cell0, .cell22 {
		background:var(--fundal-up);
		-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
		-moz-box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
		box-shadow:0 2px 5px 0 rgba(0,0,0,.26);
		margin:0 0 1em 0 !important;
		padding:1rem .5em;
		width:100%
	}
	.cell22 .cell2, .cell23 .cell2 {
		border:0;
		height:auto;
		margin:0;
		overflow:auto;
		padding:.5em
	}
	.cl1, .cl2, .cl3, .cl4 {margin:.5rem 0}
	th {font-size:.75em}
	.bordered tr td, .corner tr td, .border_jos tr td {padding:.5em !important}
	th.vert {padding-top:.6rem!important}
	.meta.col-auto {margin:0 0 .5em .5em}
	.cell_st4 {width:45%}
	.cell2d3 {padding:0 0 20px 0}
	.cl0 {margin:0 0 10px 0}
	.cl2 h3, .cl3 h3, .cl4 h3 {flex:0 1 auto}
	.cell350, .cell350fl {width:95%;padding:0;margin:1rem}
	.tbl_td2 {margin:10px 0 0 0;padding:0}
	.tbl_td3, .tbl_td3 {padding:0;margin:0}
	.tbl_td4 {width:44%;padding:0;margin:0}
	ol.breadcrumbs {
		margin:.7rem 0 0 0;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap
	}
	.sign {margin:3em 0 2em 0}
	.avatar {width:8em;height:8em}
	.scroll {bottom:5.5rem}
	footer {
		background:transparent;
		color:var(--gri-5);
		line-height:1.7;
		margin:0
	}
	footer a:link, footer a:visited, footer a:active {
		color:var(--gri-9)
	}
	footer .secondary {margin:0}
	footer .secondary a:link, footer .secondary span a:link, footer .secondary span a:visited, footer .secondary span a:active {
		border-left:0 solid transparent;
		margin:1rem 0 0;padding:0
	}
	footer .secondary a:link, footer .secondary a:link, footer .secondary a:visited, footer .secondary a:active {margin:0 0 0 1rem;padding:0}
	.policy, footer .copyright {display:block}
	footer .copyright {margin:.5rem 0 0 0}
	a .dtover {left:10px;top:10px}
	.fldr,.flst{float:none}
	.w-10.flst {display:block;float:left;width:20%}
	.img20ev, .img30ev, .img30drev {
		width:calc(100% - 5em);
		height:auto;
		margin:0 0 10px 0
	}
	.img30, .img30dr, .img30st, .img20, .img20dr, .img50, .img50c, .w-50, .w-30, .w-25 {
		display:block;
		float:none;
		margin:0 0 1.5rem 0!important;
		height:auto;
		max-height:400px;
		width:100%!important;
		z-index:0
	}
	.img50dr, .img50drfl {
		height:auto;
		margin:0 0 1em 0;
		position:relative
	}
	.img6 {
		height:auto;
		float:left;
		margin:3px
	}
	.col-3 {height:7em;width:auto}
	.panel {padding:0}
	.g-recaptcha {margin:0 0 1em -10px}
	.afisare {padding:5px 10px 5px 5px}
	#afisare_ok {font-size:1rem;width:auto}
	.roops {display:none}
	ul.fa-ul {margin:0 0 0 1rem}
	.fa-ul li::before {top:.55rem}
	#real-accessability {top:100px}
	#real-accessability a#real-accessability-btn {left:-32px;width:32px;height:32px}
	#real-accessability a#real-accessability-btn i {font-size:23px}
}
@media only screen and (max-width:480px) {
	.menu-trigger {top:1rem;right:1rem}
}
@media only screen and (max-width:360px) {
	.sigla10 {width:30%;height:auto}
	.logo-4 a {font-size:.875rem}
}
@media only screen and (max-width:320px) {
	.central {font-size:1em}
	h1 {margin:30px 0 20px 0}
}
@media only screen and (max-width:280px) {
	.menu-trigger {top:.75rem}
	.header_flex img {height:30px} 
	td.calendar > a, td.calendarToday > a {padding:.4rem;font-size:.75rem}
	.calendarHeader {font-size:1em}
}
@media only screen and (max-width:230px) {
	.logo-4 a {font-size:.75rem}
}