@media screen and (max-width: 1280px) {
	.alapszel {
		width: 94%;
		margin: 0px 3%;
	}

	.menusorJ {
		background-color: var(--harmadik-szin);
		width: calc(96vw - 50px);
		box-shadow: 4px 4px 4px #3c3c3c;
	}

	.fejsor.small .menusorJ {
		width: calc(96vw - 16px);
	}

	.fejsor.small .fejLogo #LogoFelirat {
		margin-top: -4px;
	}
}

@media screen and (max-width: 1024px) {
	#LogoFelirat {
		margin-top: -40px;
		height: 120px;
	}

	#LogoGyerek {
		top: -12px;
		left: 145px;
		height: 60px;
	}

	.fejsorInfo {
		height: 120px;
	}

	.fejsorInfo h2 {
		font-size: 26px;
		line-height: 120px;
	}

	.fejsorInfo button {
		top: 50%;
		right: 4px;
		margin-left: 4px;
	}

	.fejsorInfo .gomb1 {
		right: 80px;
	}

	.ikonSor {
		margin: 20px 0px 0px 200px;
	}

	.ikonSor span {
		font-size: 16px;
		margin: 4px 2px;
	}

	.ikonSor h2 {
		font-size: 30px;
		margin: 8px 0px 4px -8px;
	}

	.fejsor.small .ikonSor {
		margin: 20px 0px 0px 130px;
		transition: 1s;
	}

	.menusor {
		margin-top: 80px;
	}

	.menusorKieg {
		margin-top: 130px;
	}

	.menusorJ,
	.menusorB {
		height: 20px;
	}

	.cimsor {
		width: 94%;
		margin-top: -50px;
	}
}

@media screen and (max-width: 768px) {
	.fejsorInfo h2 {
		font-size: 26px;
		line-height: 120px;
		text-align: left;
	}

	.hirdoboz {
		width: 300px;
		height: 270px;
		margin: 8px;
	}

	.hirdoboz.dupla {
		width: 620px;
	}

	#cimsorKieg {
		width: 50%;
	}

	.szovegbox {
		padding: 0px 40px;
	}
}

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

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

	.labBlokk,
	.labBlokk:not(:last-child) {
		width: 100%;
		margin: 0px;
		padding: 8px;
		text-align: center;
		border-right: 0px solid var(--masodik-szin);
	}

	#narancskieg {
		background-color: var(--harmadik-szin);
		border-bottom: 0px solid var(--harmadik-szin);
		width: 100%;
		margin-left: 0px;
		z-index: 1;
		height: 20px;
		bottom: 0px;
	}

	.szovegbox {
		padding: 0px 20px;
	}

	.fejsorInfo h2 {
		font-size: 16px;
		line-height: 120px;
		z-index: 5000;
	}

	.hirdoboz,
	.hirdoboz.dupla {
		width: 360px;
		height: 230px;
		margin: 8px 0px;
	}

	.szovegbox {
		padding: 0px 18px;
		margin: 0px;
	}
	.terkep {
	margin: 0px;
  float: none;
  width: 100%;
  height: 400px;
  box-sizing: border-box;
}

}

@media screen and (max-width: 400px) {
	.menusor {
		width: 100%;
	}
		#LogoFelirat {
		margin-top: -40px;
		height: 100px;
	}

	.ikonSor h2 {
		display: none;
	}

	.ikonSor {
		position: fixed;
		top: 24px;
		right: 8px;
	}

	.fejsor.small .ikonSor {
		display: none;
	}

	#cimsorKieg {
		width: 100%;
		height: 50px;
	}

	.cimsor h1 {
		margin: 18px 4px 0px 0px;
		font-size: 18pt;
	}

	.cimsor h2 {
		font-size: 12pt;
	}

	.fejsorInfo h2 {
		display: none;
	}
		#LogoFelirat {
		margin-top: -12px;
	}
	#LogoGyerek {
		top: 20px;
		left: 118px;
		height: 60px;
	}
	.fejsor.small  .fejLogo #LogoGyerek{
		top: -12px;
		left: 168px;
		height: 50px;
}
	.hirdoboz,
	.hirdoboz.dupla {
		width: 300px;
		height: 230px;
		margin: 8px 0px;
	}
}
@media screen and (max-width: 360px) {
.hirdoboz,
	.hirdoboz.dupla {
		width: 280px;
		height: 230px;
		margin: 8px 0px;
	}
}