html{-webkit-text-size-adjust: 100%;}

.HEADER .navbar{ width:60%; float:right; text-align:right;}

.navbar-brand{ padding:0px;}
.navbar-brand img{ height:100%; width:auto; padding:0%;}


@media all and (max-width: 1620px){
}

@media all and (max-width: 1280px){
}

@media all and (max-width: 1140px){

	#wiki_content ul.grid li .label{ width:100%;}
	.gallery_container .title{ max-width:100%; padding:4%; font-size:1rem; line-height:1.2rem;}

	#FOOTER .inner{ padding:0 2% !important;}
	#FOOTER .section{ width:85%; text-align:right !important;}

	#ext_search > div{ width:33.3% !important;  }
	#ext_search > div:nth-child(4),#ext_search > div:nth-child(5){ margin-top:1rem;}

	.HEADER .navbar{ width:60%; position:fixed; top:0; right:0;  text-align:right; z-index:999999;}
	.HEADER .system .inner{ background:none !important;}
	.HEADER .navbar ul{ background-color:rgba(255,255,255,.9) !important; padding:.5rem;  margin:0px !important;}
}

@media all and (max-width: 995px){
	.short_info li{ width:100%; min-height:0; border-bottom:1px dashed #ccc;}
}

@media all and (max-width: 870px){

	.LS{ left:100%;}
	.MS{ width:100%; left:0px;}
	#MOBILE_NAV{ display:block;}
	#nav_main{ top:2.5rem; position:absolute; width:80%; height:auto; z-index:10; width:80%; left:-80%}
	#nav_main li{ width:100%; margin:0px;}
	#nav_main li.separator{ display:none;}

	.contacts .contacts_content, .contacts #contactForm{ width:96%;}
	.contacts .contacts_content{ padding-top:2rem; border-top:1 px solid #666;}


}

@media all and (max-width: 700px){
}

@media all and (max-width: 640px) {


}

@media all and (max-width: 500px){

}



@media all and (max-width: 1600px){

}
@media all and (min-width: 961px){
	.isotope { display:block;}
	.isotope li, .listed_items_mozaik .item{ width:calc(33% - 3rem);}
}
@media all and (max-width: 960px){
	.isotope { display:block;}
	.isotope li, .listed_items_mozaik .item{ width:calc(50% - 3rem);}
	h1, .section_title, .h1_class{ font-size: 1.6rem;}
	h2{font-size: 1.3rem}
	h3{font-size: 1.2rem}
	h4{font-size: 1.1rem}
}
@media all and (max-width: 640px){
	.isotope { display:block;}
	.isotope li, .listed_items_mozaik .item{ width:calc(100% - 3rem); }

}
@media all and (min-width: 1600px){
	.isotope { display:block;}
	.isotope li, .listed_items_mozaik .item{ width:calc(25% - 3rem);}

}