@media screen and (max-width: 1200px) {
	.hero img.bg {
		width: 100%;
	}

}

@media screen and (max-width: 1024px) {
	.burger-slider {
		top: -24px;
		transform: translateX(200px);
		/* vagy kisebb érték ha túl jobbra csúszik */
		width: 280px;
	}

	.hero {
		height: 200px;
		margin-top: 68px;
	}

	#mai-menu-bar {
		padding: 20px;
		font-size: 14px;
	}

	.kapcsolat-kartya {
		padding: 20px;
		box-sizing: border-box;
	}

	.allergen-icon {
		width: 26px;
		height: 26px;
	}
		body {
  margin: 0;
  padding-bottom: 120px; /* ugyanannyi, mint a .maiMenu magassága */
}
}

@media (max-width: 900px) {
	#mai-menu-bar {
		font-size: 14px;
		flex-direction: column;
		height: auto;
		font-size: 14px;
		line-height: 1.5;
		padding: 30px 0px 10px 0px;
	}

	#mai-menu-bar .maiMenu-label {
		left: 20px;
		top: -18px;
		transform: rotate(-2deg);
	}

	#mai-menu-bar .menu-text {
		width: 100%;
		font-size: 13px;
		white-space: normal;
	}

}

@media screen and (max-width: 768px) {
	.burger-slider {
		top: -14px;
		transform: translateX(160px);
		/* vagy kisebb érték ha túl jobbra csúszik */
		width: 200px;
	}

	.hero {
		height: 150px;
		margin-top: 50px;
	}

	.section-content {
		padding: 0px 20px;
	}

	.terkep {
		width: 100%;
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.nap {
		flex-direction: column;
		border-left-width: 5px;
		    width: 100%;
    max-width: 100%;
    overflow: hidden;
	}

	.nap-bal {
		flex-direction: column;
		/* napnév felül, alatta tartalom */
	}

	.napnev {
		/* a függőleges csíkot vízszintes fejléccé alakítjuk */
		writing-mode: horizontal-tb;
		text-orientation: initial;
		transform: none;
		min-width: 100%;
		height: 44px;
		padding: 6px 12px;
		font-size: 1rem;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.napnev-bg {
		left: 0;
		/* igazítás a teljes szélességhez */
		object-fit: cover;
		/* kitöltse a fejlécet */
		opacity: 1;
	}

	.MenuTartalom {
		padding: 12px;
	}

	.leves {
		font-size: 18px;
		margin: 8px 0 10px;
	}

	.menu-label {
		width: 22px;
		height: 22px;
		line-height: 22px;
		margin-right: 6px;
		font-size: .9rem;
	}

	.allergen-icon {
		width: 22px;
		height: 22px;
		margin-left: 4px;
		vertical-align: middle;
		opacity: .9;
	}

	.nap li {
		margin: 6px 0;
		word-break: break-word;
	}

	.nap-kep {
		order: 3;
		/* kép a kártya aljára kerül */
		padding: 0;
		min-width: auto;
	}

	.etel-kep {
		width: 90%;
		height: auto;
		max-height: none;
		border-radius: 0px;
		display: block;
	}

	.fokep {
		height: auto;
		width: 50%;
	}
	

}
@media (max-width: 600px) {
    #mai-menu-bar {
        flex-direction: column;
        height: auto;
        font-size: 14px;
        line-height: 1.5;
        padding: 12px 8px 14px;
    }
    #mai-menu-bar .maiMenu-label {
        position: static;
        transform: none;
        border-radius: 4px;
        margin-bottom: 6px;
    }
    #mai-menu-bar .menu-text {
        width: 100%;
        font-size: 13px;
        white-space: normal;
    }
	.MenuTartalom ul {
  margin-left: 1em;  /* beljebb húzza a listaelemeket */
  padding-left: 0em;
}

.MenuTartalom li {
  margin-bottom: 8px;
  line-height: 1.4;
  list-style: none;
  position: relative;
}
.menu-label {
  width: 20px;
  height: 20px;
  margin-right: 0px;
  font-size: 10px;
  line-height: 20px;
  padding: 0px;
}

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

@media screen and (max-width: 480px) {
	.burger-slider {
		top: -4px;
		transform: translateX(90px);
		/* vagy kisebb érték ha túl jobbra csúszik */
		width: 120px;
	}

	.hero {
		height: 92px;
		margin-top: 50px;
	}

	.fokep {

		width: 90%;
		margin: 18px 5%;
	}
		  .napnev {
    background: var(--main-elso-szin);
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    text-align: center;
    padding: 6px 0;
    height: auto;
    border-radius: 0;
  }
}


@media screen and (max-width: 400px) {
		.burger-slider {
		top: -4px;
		transform: translateX(70px);
		width: 100px;
	}

	.hero {
		height: 76px;
		margin-top: 50px;
	}

	.hetiMenu {
		gap: 14px;
	}

	.MenuTartalom {
		padding: 10px;
	}

  .leves {
    font-size: 15px;
    margin: 6px 0 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
  }

	.nap {
		border-left-width: 4px;
	}

	.napnev {
		height: 40px;
		font-size: .95rem;
	}

	.allergen-icon {
		width: 18px;
		height: 18px;
	}

	.kapcsolat-kartya {
		padding: 0px;
	}


}
@media screen and (max-width: 360px) {
		.burger-slider {
		top: -4px;
		transform: translateX(64px);
		width: 80px;
	}
	.hero {
		height: 65px;
	}
.section-header {
  padding: 28px 8px;
  font-size: 24px;
}
html body {
  font-size: 12px;		
}

}