@media screen and (max-width: 1100px) {
	header .kereso {
		width: 30%;
	}
	header {
		font-size: 16px;
	}
	header .kereso input[type=text] {
		font-size: 14px;
	}
	a.gomb {
		display: inline-block;
		border-radius: 5px;
		padding: 5px;
		margin: 5px;
	}
	#fomenu {
		font-size: 18px;
	}

	#pkkedvenceicsik .listaelem {
		font-size: 20px;
	}
	body {
		background: #fff;
	}
}


@media screen and (max-width: 820px) {
	body {
		padding: 0px 5px 0px 5px;
		width: calc(100% - 12px);
	}
	#fomenu {
		display: none;
		position: fixed;
		left: 0px;
		z-index: 10;
		border: none;
		font-size: 24px;

	}
	#fomenu img {
		height: 26px;
	}


	#fomenu .inner {
		display: block;
		text-align: center;
	}
	#fomenu .inner a {
		/* color:  var(--color-baselight); */
		display: block;
		padding: 15px 0px 15px 0px;
		border-top: 1px solid var(--color-baselight);
	}
	#fomenu .inner a:first-of-type {
		border-top: none;
	}


	header .header_socials {
		display: none;
	}

	header .kereso {
		display: none;
	}

	#header_social_icon, #header_search_icon {
		display: inline-block;
	}

	header img.logo {
		width: 120px;
		height: auto;
	}

	#pkkedvenceicsik {
		position: fixed;
		display: none;
		left: 0px;
		z-index: 10;
		border: none;
		width: 100%;
	}
	#pkkedvenceicsik .title {
		display: none;
	}
	#pkkedvenceicsik .inner {
		display: grid;
		grid-template-columns: 30% 30% 30%;
		justify-content: space-between;
		gap: 15px;
	}
	#pkkedvenceicsik .listaelem {
		font-size: 24px;
	}

	#mobilmenu {
		display: flex;
		justify-content: space-between;
		align-items: center;
		background-color: #fff;
	}

	#mobilsocials {
		position: absolute;
		z-index: 10;
		width: 50px;
		background-color: var(--color-basedark);
		border: 1px solid #fff; ;
		padding-top: 45px;
		box-shadow: 2px 2px 10px rgba(0,0,0,.60);
	}
	#mobilsocials a {
		display: block;
		text-align: center;
		margin: 5px;
	}


	/* slide */

	#slideshow {
		height: auto;
		background: var(--color-baselight);
	}
	#slideshow .inner {
		height: auto;
		background: none;
	}
	#slideshow .oneslide {
		height: 100%;
	}
	#slideshow .oneslide .szoveg {
		display: none;
	}



	#slideshow .oneslide .textbox {
		position: absolute;
		left: 0px;
		top: auto;
		bottom: 0px;
		text-align: center;
		width: calc(100% - 30px);
		height: auto;
		padding: 10px 15px 10px 15px;
	}

	#slideshow .oneslide h2 {
		font-size: 28px;
		font-weight: bold;
		margin-top: 0px;
		display: none;
	}
	#slideshow .oneslide h1 {
		font: bold 28px 'Abhaya Libre';
		line-height: 28px;
		margin: 0px 20px 0px 20px;
	}
	#slideshow img.prevnext {
		bottom: 6px;
		top: auto;
	}
	#slideshow img.slideimg {
		width: 100%;
		height: auto;
	}


	/* base content */

	div.leftblock, div.rightblock {
		width: 100%;
		float: none;
	}
	#slideshow img.slidespacer {
		display: block;
	}


	/* listaelemek */


	div.nagykocka .textbox {
		top: auto;
		bottom: 10px;
		left: 10px;
		width: calc(100% - 40px);
		height: auto;
		padding: 5px 10px 5px 10px;
	}

	div.nagykocka .textbox .rovat {
		font-size: 20px;
		padding: 10px 0px 10px 0px
	}
	div.nagykocka .textbox .cim {
		font-size: 28px;
		padding: 0px 0px 10px 0px
	}
	div.nagykocka .textbox .lead {
		display: none;
	}
	div.nagykocka img.listakep {
		width: 100%;
	}

	div.receptlista {
		grid-template-columns: 48% 48%;
		gap: 0px;
	}


	div.flexfeles, div.leftblock div.receptlista, #receptkereso div.gridsor {
		display: block;
	}

	#receptkereso div.gridsor div:first-of-type {
		margin-bottom: 25px;
	}

	div.receptlista .receptkocka {
		margin-bottom: 20px;
	}

	div.receptkocka .infok {
		display: block;
		text-align: center;
	}

	div.receptkocka .infok span {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		margin: 0px 20px 0px 20px;
	}
	div.receptkocka .infok span img {
		display: block;
		margin: 0px auto 0px auto;
	}


	div.kiskocka {
		margin-bottom: 20px;
	}


	/* recept oldal */

	div.receptinfok_ertekeles {
		width: 100%;
		margin: 15px auto 0px auto;
		font-size: 16px;
		font-weight: normal;
	}

	div.receptinfok_ertekeles .listaelem img {
		display: block;
		margin: 0px auto 0px auto;
	}

	div.receptinfok_ertekeles img.ikon {
		height: 20px;
		display: block;
		margin: 0px auto 0px auto;
		top: 0px;
	}
	div.receptinfok_ertekeles .listaelem {
		text-align: center;
		padding: 0px 3px 0px 8px;
	}

	#hozzavalok, #elkeszites {
		display: block;
		width: calc(100% - 40px);
		padding: 0px 20px 20px 20px;
	}
	.gridbox.hozzavalok {
		grid-template-columns: 30% 65% 96%;
		grid-gap: 5px;
		/* grid-template-columns: repeat(3, 1fr); */
	}
	.gridbox.hozzavalok div {
		text-align: center;
	}
	.gridbox.hozzavalok .ing {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 2;
	}
	.gridbox.hozzavalok select {
		width: 90%;
	}

	footer .inner {
		padding-top: 25px;
		padding-bottom: 25px;
		display: block;
		text-align: center;
	}
	footer img {
		height: 30px;
		width: auto;
	}


	#loginbox input[type=email], #loginbox input[type=password]   {
		width: 85%;
	}

	div.profil_inner {
		width: 100%;
		text-align: center;
	}
	div.profil_inner input[type=text] {
		width: 200px;
	}
	div.profil_inner .inlineblock {
		display: block;
		width: 50%;
		margin: 0px auto 0px auto;
	}
	div.profil_inner .radiolabel {
		width: 60px;
		text-align: left;
		margin: 10px auto 0px auto;
	}

	div.bannercontainer.felso970 iframe {
		width: 100%;
		height: calc(100% * 0.26); 
	}



}