@media all and (max-width: 1301px) {
	.paralImg img {width: inherit; left:0;position: static;margin-left: 50%;}
	#headerCont {height: auto;}
}


@media all and (min-width: 1201px) {
	.wrapper {width: 1200px; margin: 0 auto;}
}

@media all and (max-width: 1200px) {
	.wrapper {width: 100%; left:0px;}
	#siteMapLinks {display: block;}
	.wrapper {width: 100%; left:0px;}

}


@media all and (max-width: 1024px) {
	#divMenuBck, #divMenu {display: none;}
	#divHeaderMob {height:80px; }
	#contMenuMob {margin-top: 80px;height:80px;}
    .wrapper {overflow-x: hidden;}
	#divBody {padding-top:0;}
	.sliCircle, .sliIcon {left: 5%;}
	.rightLogo[animed="1"] {right: -100px;}
	.leftLogo[animed="1"] {left: -100px;}
	.quart {margin: 20px 0;
    width: 95%;
    padding: 30px 30px 30px 80px;
    box-sizing: border-box;
    height: inherit;}
	.flag {
		position: static;
		display: inline-block;
		top:inherit;
		margin: 25px 0 0 10px;
		float: left;
	}
	#flagHUN {		margin: 25px 0 0 10px;}
}

@media all and (max-width: 800px) {
	.sliderPic {width: 95%;}
	#siteMap {width: inherit; margin: 0; padding: 20px 0;}
	.partnerImg {width: 95%;}
	.divRef, .divRefPart {width: 44%;}
	.tile3 {width: 45%;}
	.blogRow > .blogImg {width: 66%;}
	.contact {width: 83%; min-height: inherit;}
	.userForm {width: 95%;}
	.headerTxt {font-size: 2rem;}
	.akt, .prj {width: 48%;}
	.inlineBlock {width: 100%; margin-bottom: 50px;}
	.subpagePicc {flex: 100%;  max-width: 100%;}
}

@media all and (max-width: 640px) {
		.divRef, .divRefPart {width: 95%;}
		.tile3 {width: 95%;}
		.blogRow > .blogImg {width: 100%;}
		/* body, html {font-size: 13px;} */
		.rightLogo, .leftLogo {display: none;}
		.wrapper {padding: 25px 4%;}

}

@media all and (max-width: 480px) {
		html {font-size: 14px;}
		.akt, .prj {width: 100%;}
		.headerTxt {font-size: 1.25rem;}
}