@media screen and (max-width: 768px) {
	body, h1 {font-size: 1.2rem}
	h1, h2, h3, .mainContent li {text-align: left}
	.header {
		height: 180px;
		padding: 1em 2em
	}
	.logo {margin: 5px 5px 0 0}
	.main-inner {
		padding: 0;
		overflow: visible
	}
	.container {font-size: 1rem}
	.mainContent {
		margin: -35px 0 0;
		padding: 0 10px 20px
	}
	.sidebar {width: 100%; margin: 0 0 1em 0; padding: 0 10px}
	h1 span {padding: 15px 0 0 0}
	.cell22 {width: 47%}
	.logobar, #fontsize, footer span {display: none}
	.logobar_short {
		color: #fff;
		display: block !important;
		float: left;
		font-size: 2em;
		font-weight: 400;
		left: 1em;
		position: relative;
		text-align: center;
		top: 25px;
		z-index: 1
	}
	.logobar_short a {color: #fff}
	.logobar_short a:hover {color: rgba(255,255,255,.7)}
	.nav li {
		position: relative;
		margin: 0;
		padding: 0
	}
    .nav > li {display: block}
    .nav > li > .parent {background-position: 95% 50%}
    .nav li li .parent, .nav li li a {
		background-color: #1565C0 ;
        background-position: 95% 50%;
		margin:0
    }
	.nav > li > ul > li > .parent::before {
		font-family: "FontAwesome";
		content: "\f107";
		width: 11.35px ;
		height: 17.6px
    }
	.nav li li li a {
		background-color: #1E88E5;
        background-position: 95% 50%;
		margin: 0
    }
    .nav {
        float: left;
		font-size: 1.2em;
		position: relative;
		top: 5px;
		width: 100%
    }
    .nav ul {
        display: block;
        width: 100%
    }
   .nav > li.hover > ul , .nav li li.hover ul {
		background-color: #1976d2;
		padding: 0;
		position: static;
   }
	.img_res {
		width: 100%;
		height: auto
	}
	.imgdr {
		width: 100%;
		height: auto;
		float: right;
		margin: 0 0 10px 0
	}
	.footer {width: 100%; margin: 0;padding: 2em 1.5em; clear: both;  position: relative}
	.footer .fltrt {float: none; margin: 0 0 1em 0 !important}
	li, li ul li {margin: .3em 0;padding:.3em 0}
	ul .center {width:100%}
	.a1, .a2, .a3, .a4, .m2 { width: 100%; padding: 0; margin: 0; font-weight: 600}
	.cell23 .cell_in ul {margin: 0;padding: 0 0 0 1em}
	.tab button{padding:.75em .4em}
	button.tablinks {flex:1;justify-content: space-around !important}
	.fbar span {display: block; line-height: 1.5; font-size: .875em}
	.cell_uno {
		margin: 0 5px 20px 5px;
		text-align: left
	}
	.icons {margin: 0 0 .5rem 0}
	.icons li {margin: .5em 0;padding:.3em 0 .3em 20px}
	.icons li::before {font-size: .875em;top: 5px}
	.icons li.py-0::before {top: 0}
	.icons li.link::before {top: 6px}
	 a .fa-angle-double-up {
		display: block !important;
		position: absolute;
		right: .5em;
		top: -.8em;
		background-color: #1976d2;
		border-radius: 50%;
		font-size: 2em;
		width: 1.5em;
		height: 1.5em;
		text-align: center;
		vertical-align: middle;
		padding: .2em 0 0 0
	}
	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: 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}
	 .table-responsive {
		min-height: .01%;
		width: 100%;
		margin: 0;
		overflow-x: auto;
		overflow-y: hidden;
		display: flex;
		white-space: pre;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
	 }
	.table-responsive > table {margin-bottom: 0}
	.table-responsive::-webkit-scrollbar, .tbres::-webkit-scrollbar{width:.3em;height:.3em}
	.table-responsive::-webkit-scrollbar-thumb, .tbres::-webkit-scrollbar-thumb{background:#ccc}
	.table-responsive::-webkit-scrollbar-track, .tbres::-webkit-scrollbar-track{background:none}
	body .table-responsive, body .tbres{scrollbar-face-color:#ccc;scrollbar-track-color:none}
	.table-responsive > table > thead > tr > th,	.table-responsive > table > tbody > tr > th, .table-responsive > table > tfoot > tr > th, .table-responsive > table > thead > tr > td, .table-responsive > table > tbody > tr > td, .table-responsive > table > tfoot > tr > td {white-space: nowrap;padding: 3px}
	::-moz-scrollbar-button:decrement, ::-moz-scrollbar-button:increment, ::-webkit-scrollbar-button:decrement, ::-webkit-scrollbar-button:increment {width: 0}

}
@media screen and (max-width: 600px) {
	.cell {flex-direction: column}
	article, .cell22, .cell33, .cell23, .cell33c, .cell33_dr, .cell44 {width: 100%}
	.cell4m {width:50%}
	.cell4m ul {margin:0 ; padding:0 }
	.cell_in {margin: 0}
	.first {order: 2}
	.second {order: 1}
	input[type="text"], input[type="email"], input[type="tel"], input[type="file"], textarea {padding: 5px; width: 100%}
	.logo, .centenar {
		float: none;
		height: 40px;
		margin: 10px 10px 0 10px;
		width: auto
	}
	.logos {
		float: left;
		text-align: center;
		width: auto
	}
	.header {
		height: 180px;
		padding: 1em
	}
	.logobar_short {
		font-size: 1.5em;
		font-weight: 300;
		left: .2em
	}
	.tab button {font-size:.875em}
	.highslide-gallery .highslide img {width: calc(100%/3 - 4px)}

}