@media (min-width: 320px) and (max-width: 1024px)
{
	body {
		background-image: none;
	}
	div.felsosor a.logo{
		margin-left: 10px;
	}
	div.felsosor{
		width: 100%;
		position: relative;
	}
	div.felsosor > .fb-like{
		display: none;
	}
	div.felsosor div.belso{
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	div.felsosor div.belso > div.belso2{
		display: none;
	}
	div.felsosor div.belso > div.mobil-menu{
		display: block;
		width: 100%;
	}
	div.tartalomx {
		width: 100%;
		padding: 9px 9px 0px 9px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 0px;
	}
	div.tart {
		width: 100%;
	}
	div.tart div.balsav {
		width: 100%;
		float: unset;
	}
	div.tart div.jobbsav {
		width: 100%;
		float: unset;
		padding-left: 0px;
	}
	div#nyelvselect {
		display: none;
		width: 100%;
		border: 0px;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #1e85be;
		color: #FFF;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		font-size: 14px;
	}
	#nyelvselect > a {
		height: 44px;
		line-height: 44px;
		color: #FFF;
	}
	ul#nyelvlista {
		top: 44px;
		right: 9px;
		padding-left: 8px;
		z-index: 999;
	}
	div.felsokat {
		width: 100%;
		height: auto;
		min-height: 123px;
		background: unset;
	}
	div.felsokat.felsokat_belso {
		display: none;
	}
	div.fkategoriak {
		width: 100% !important;
		height: auto !important;
		min-height: 123px !important;
		float: unset !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
		border: 0px;
		padding: 15px 0px 15px 0px;
		margin-bottom: 10px;
		background: #0d3a59 url(../images/mobil/katboxbg.png);
		background-repeat: repeat-x;
		background-position: center;
	}
	img.fkkepei {
		display: none;
	}
	img.fkkepei_m {
		display: block;
		position: relative;
		margin: 15px auto 5px auto;
	}
	div.fkategoriak div.paratlan,
	div.fkategoriak div.paros {
		width: 50%;
		padding: 0px 12px 0px 12px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
	}
	div.fkategoriak.ipari .katcim,
	div.fkategoriak.magan .katcim,
	div.fkategoriak.egyeb .katcim {
		width: 100%;
		color: #FFF;
		font-size: 20px;
		font-weight: 600;
		background-image: none;
		padding: 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
	}
	div.fkategoriak.ipari .katcim > a,
	div.fkategoriak.egyeb .katcim > a{
		display: inline-block;
		background-image: url(../images/ipari_icon.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding: 10px 0px 10px 32px;
	}
	div.fkategoriak.magan .katcim > a{
		display: inline-block;
		background-image: url(../images/magan_icon.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding: 10px 0px 10px 32px;
	}
	div.fkategoriak div.paratlan a,
	div.fkategoriak div.paros a {
		line-height: 1.6em;
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		font-size: 12px;
		color: #fff;
	}
	div.fkategoriak.magan div.paratlan,
	div.fkategoriak.magan div.paros,
	div.fkategoriak.egyeb div.paratlan,
	div.fkategoriak.egyeb div.paros{
		width: 100%;
		text-align: center;
	}
	div.rightCol {
		float: unset;
		width: 100%;
	}
	.tartalomkat .blokk{
		padding: 15px;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 14px;
		color: #5b5b65;
	}
	div.jcim {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
		padding: 20px 15px 20px 15px;
		text-align: center;
		line-height: 1.4em;
		font-weight: 600;
		color: #00b4f0;
		font-size: 20px;
	}
	div.termekdob div.termnev,
	div.termekdob div.termnev2 {
		padding-left: 0px;
		text-align: center;
	}
	div.termara {
		padding-left: 0px;
		text-align: center;
	}
	div.liter_select {
		margin: 14px auto 0px auto;
		font-size: 13px;
		padding-left: 6px;
	}
	div.mennyisegsz {
		padding-left: 0px;
		text-align: center;
		padding-top: 16px;
		padding-bottom: 10px;
	}
	div.mennyiseg{
		margin-left: 0px;
	}
	div.termekdob div.mennyiseg,
	div.termekdob input.kosarba{
		display: none;
	}
	div.mobil-term-kosar{
		display: block;
	}
	div.mobil-term-kosar > div.mennyiseg,
	div.mobil-term-kosar > input.kosarba{
		float: unset;
		display: inline-block;
		vertical-align: middle;
	}
	div.mobil-term-kosar > input.kosarba{
		width: 40px;
		margin-left: 8px;
		background: url(../images/mobil/kosar.png);
		background-position: center;
		background-repeat: no-repeat;
	}
	.jobb-blokk{
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;
	}
	.jobb-blokk > a{
		display: block;
		width: 100%;
		text-align: center;
		-webkit-order: 2;
		order: 2;
	}
	.jobb-blokk > a img.jicon{
		width: 100% !important;
		height: auto;
		padding: 0px;
	}
	.jobb-blokk > .jcim,
	.jobb-blokk > .jleir{
		width: 100%;
	}
	.jobb-blokk > .jcim{
		-webkit-order: 1;
		order: 1;
		padding-top: 19px;
		padding-bottom: 13px;
	}
	.jobb-blokk > .jleir{
		-webkit-order: 3;
		order: 3;
		padding-top: 21px;
		padding-bottom: 16px;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
		font-weight: 300;
		font-size: 14px;
		color: #5b5b65;
	}
	.rendelesi-folyamat img.jicon{
		max-width: 227px !important;
	}
	.alu-dobozok .jleir{
		padding-top: 8px;
	}
	.alu-dobozok .jleir ul{
		display: inline-block;
		text-align: left;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
	div.alsoresz {
		margin-left: -9px;
		margin-right: -9px;
		padding-bottom: 0px;
	}
	img.alsoicon {
		max-height: 50px;
		padding-top: 15px;
	}
	div.felsosor.felsosor2,
	div.felsokat.felsokat2{
		display: none;
	}
	div.alsoresz div.box1,
	div.alsoresz div.box2,
	div.alsoresz div.box3{
		float: unset;
		width: 100%;
		height: auto;
		text-align: center;
		padding: 0px;
		border: 0px;
		line-height: 22px;
		font-family: 'Arial', sans-serif;
		font-weight: 400;
		color: #FFF;
	}
	div.alsoresz div.box1 .box1-head{
		display: inline-block;
		padding-bottom: 10px;
		font-size: 18px;
		font-family: 'Arial', sans-serif;
		font-weight: 400;
		color: #FFF;	
	}
	div.alsoresz div.box3{
		line-height: 20px;
		padding-top: 25px;
	}
	div.alsoresz div.box3 p{
		margin: 0px;
	}
	div.alsosor {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		margin-left: auto;
		margin-right: auto;
		padding-top: 16px;
		padding-bottom: 16px;
		line-height: 18px;
		font-family: 'Arial', sans-serif;
		font-weight: 400;
		font-size: 12px;
		color: #FFF;
		text-align: center;
		background-color: #08436e;
	}
	div.alsosor div.bo{
		float: unset;
	}
	div.alsosor div.bo span{
		display: none;
	}
	div.alsosor div.bo a,
	div.alsosor a.gds{
		display: inline-block;
		width: 100%;
		color: #FFF;
	}
	div.customer-data-col {
		width: 100%;
		float: unset;
		padding-left: 0px;
		padding-right: 0px;
	}
	div.customer-data {
		margin-left: 0px;
		margin-right: 0px;
	}
	div.newsletter{
		text-align: center;
	}
	div.newsletter div.customer-data-col{
		display: inline-block;
		width: auto;
	}
	.kosar-progress > div{
		margin-bottom: 5px;
	}
	.kosar-gombok .Button1{
		margin-bottom: 4px;
	}
	.shopping-method-select {
		padding-left: 0px;
		padding-right: 0px;
	}
	.shopping-method {
		padding-left: 10px;
		padding-right: 10px;	
	}
	.info-block p {
		margin-left: -10px;
	}
	div.lapbel {
		padding-bottom: 15px;
		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}
	div.lapbel table{
		margin-left: 0px !important;
		margin-right: 0px !important;
		width: 100% !important;
	}
	div.lapbel img{
		float: unset !important;
		max-width: 300px !important;
		height: auto !important;
		margin: 10px auto 10px auto !important;
	}
	div.lapbel ul > li img{
		max-width: 260px !important;
	}
	table.Form1 tr td input, 
	table.Adatok3 tr td input, 
	table.Adatok4 tr td input, 
	table.Form1 tr td textarea, 
	table.Adatok2 tr td textarea, 
	table.Adatok3 tr td textarea, 
	table.Adatok4 tr td textarea{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		max-width: 90%;
	}
	p.Leiras {
		background-repeat: no-repeat;
		background-color: #f7f6f7;
	}
	div#termekkepek {
		float: unset;
		width: 100%;
		margin-right: 0px;
		text-align: center;
	}
	div#termekkepek img {
		max-width: 300px;
		border: 0px;
	}
	a.tobbkep {
		display: inline-block;
		float: unset;
		vertical-align: middle;
	}
	div#termekjobb {
		width: 100%;
		float: unset;
	}
	div#termekjobb div.kozep {
		width: 100%;
		float: unset;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: center;
	}
	div#termekjobb div.jobb {
		clear: both;
		width: 100%;
		float: unset;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding-bottom: 50px;
	}
	div.dobozkosarba {
		width: 100%;
		padding-bottom: 40px;
	}
	div.dobozkosarba div.termekdob {
		width: 100% !important;
	}
	h2#termmenny {
		text-align: center;
		font-weight: 700;
		font-size: 14px;
	}
	.blokk2 {
		padding-left: 14px;
	}
	div.lapbel h4{
		padding-left: 8px;
		padding-right: 8px;
	}
	div.lapbel > h1#termeknev.mobil{
		display: block;
		width: 100%;
		text-align: center;
		font-family: 'Open Sans', sans-serif;
		font-size: 30px;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	div#termekjobb div.kozep h1#termeknev.cim{
		display: none;
	}
	h2#termpluszkepcim,
	div#rovidleiras,
	div.termekszoveg1,
	#tlist,
	p.cimkek,
	p.thonlap {
		font-family: 'Open Sans', sans-serif;
		font-size: 16px;
		font-weight: 400;
	}
	div#hosszuleiras{
		width: 100%;
		padding-left: 8px;
		padding-right: 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	div#termekjobb div.dobozar {
		font-size: 36px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-family: "Impact", "Oswald",sans-serif;
		font-weight: 700;
	}
	table.kapcsterm div.termekdob div.mennyiseg,
	table.kapcsterm div.termekdob input.kosarba {
		display: inline-block;
	}
	table.kapcsterm div.dobozkosarba {
		padding-bottom: 15px;
	}
	
	.generalForm table {
		width: 100% !important;
	}
	.generalForm select.long {
		width: 290px !important;
	}
}

@media (max-width: 320px)
{
	.mobil-menu .btn-menu {
		font-size: 0px;
	}
	.mobil-menu .btn-kosar{
		margin-left: 6px;
	}

	div.fkategoriak.ipari .katcim,
	div.fkategoriak.magan .katcim,
	div.fkategoriak.egyeb .katcim {
		font-size: 16px;
	}
	
	div.fkategoriak div.paratlan a, 
	div.fkategoriak div.paros a {
		font-size: 10px;
		line-height: 2.2em;
	}
	
	#nyelvselect > a {
		font-size: 12px;
	}
}

@media (max-width: 786px)
{
	div.termekdob, #kapcsnezet .doboz {
		width: 100%;
		float: unset;
		margin-top: 11px;
		margin-right: 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;	
	}
}
@media screen and (max-width: 767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.table-responsive > table {
		margin-bottom: 0;
	}
	.table-responsive > table tr > th,
	.table-responsive > table tr > th,
	.table-responsive > table tr > th,
	.table-responsive > table tr > td,
	.table-responsive > table tr > td,
	.table-responsive > table tr > td {
		white-space: nowrap;
		padding-left: 5px;
		padding-right: 5px;
	}
}

/* Landscape */
@media (max-width: 736px) and (orientation: landscape) {
	div.termekdob, #kapcsnezet .doboz {
		width: 50%;
		float: left;
		padding-left: 5px;
		padding-right: 5px;
	}
}