@media only screen and (max-width: 1000px){
	body.fix{
		position: fixed;
		top:0;
	}
	#ham{
		display: flex;
		flex-flow: column nowrap;
		width: 35px;
		justify-content: center;
		align-items: center;
		height: 60px;
		right: 5px;
		position: absolute;
	}
	header{
		background-size: cover;
	}
	header h1{
		font-size: 1.9em;
	}
	.headlogo{
		/*max-width: 30%;*/
		margin: 0 auto;
	}
	.header-space{
		flex-flow: column-reverse;
		width: 95%;
	}
	.header-space .oszlop{
		width: 100%;
	}
	.ham1,.ham2,.ham3{
		display: block;
		width: 35px;
		height: 4px;
		margin: 4px 0px;
		background-color: #000;
		transition: 0.5s;
		border-radius: 20px;
	}
	.ham1.forgat,.ham2.forgat,.ham3.forgat{
		position: absolute;
	}
	.ham1.forgat{
		transform: rotate(-45deg);
	}
	.ham2.forgat{
		opacity: 0;
	}
	.ham3.forgat{
		transform: rotate(45deg);
	}
	.menu:after{
		display: none;
	}
	#fakehead{
		display:flex;
		background-color: var(--vilagoszold);
	}
	.menu{
		transform: translateX(100%);
		flex-flow: column nowrap;
		height: 100%;
		background-color: var(--vilagoszold);
		width: 100%;
		z-index: 2;
		position: fixed;
		top: 60px;
		justify-content: flex-start;
	}
	.menu.becsuszik{
		display: flex;
		width: 100%;
		transform: translateX(0%);
	}
	.menu a{
		width: 100%;
		text-align: center;
		padding: 10px 0px;
		border-bottom: 1px solid var(--sotetzold);
	}
	.menu .logo{
		width: 100%;
		text-align: center;
		border-bottom: 2px solid #fff;
		margin-right: unset;
	}
	.menu a:last-child{
		margin-left: unset;
		padding: 10px 0px;
		border-radius: unset;
		background: transparent;
		color:#000;
	}
	.menu a:last-child:hover{
		color: var(--sotetzold);
	}
	.container{
		width: 95%;
	}
	.harmas-oszlop{
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
	}
	.harmas-oszlop.width80{
		width: unset;
	}

	.harmas-oszlop.fix{
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: flex-start;
		width: 80%;
	}

	.harmas-oszlop:not(.fix) .oszlop{
		width: 100%;
		align-items: center;
		margin-top: 30px;
	}
	.harmas-oszlop.kozep::after{
		height: 90%;
	}
	.csomagok {
	    display: flex;
	    flex-flow: column nowrap;
	    width: 100%;
	    background-color: #fff;
	    border: unset;
	}

	.csomagok .csomagkeret{
		display: flex;
	    flex-flow: column nowrap;
		width: 100%;
		justify-content: flex-start;
		align-items: center;
		padding-top: unset;
		margin-left: unset;
	}
	.csomagkeret .jellemzocim{
		text-align: center;
		margin: 12px 0px 10px 0px;
	}
	.oszlop .input{
		width: 80%;
	}
	.oszlop .oszlop-szoveg{
		width: 80%;
	}
	
	.csomagkeret .csomagnev,.csomagkeret .csomagalatt,.csomagkeret .csomagar{
		width: 100%;
		text-align: center;
	}
	.csomagkeret .jellemzok{
		display: flex;
		flex-flow: column nowrap;
		align-items: flex-start;
		justify-content: flex-start;
	}
	.felgorgetes{
		position: fixed;
		z-index: 1;
		bottom: 15px;
		right: 0;
	}
	.oszlop.width100{
		font-size: 0.8em;
		width: 100%;

	}
	.select-space .oszlop{
		width: 100%;
	}
	table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		overflow-x: auto; /* Görgethetővé teszi a táblázatot */
		display: block; /* Blokk elemként jeleníti meg */
	}

	/* Tábla fix layout */
	.table-fixed {
		table-layout: fixed;
	}

	/* Táblázat sorok */
	tr {
		padding: 0px 40px;
	}

	/* Aktív sor */
	tr.active {
		background-color: antiquewhite;
	}

	/* Táblázat cellák */
	td {
		font-family: Jost-Regular;
		font-size: 14px;
		padding: 10px;
		color: #000;
		text-align: left;
		word-wrap: break-word; /* Megakadályozza a szöveg kicsúszását a cellából */
	}

	/* Táblázat fejléc */
	th {
		padding: 20px 10px; /* Csökkentett padding a jobb mobil megjelenés érdekében */
		border-bottom: 1px solid #ddd;
		font-family: Jost-SemiBold;
		font-size: 16px;
		text-align: left;
	}

	/* Táblázat külső rész */
	.belso-tabla {
		display: flex;
		flex-flow: column nowrap;
		width: 100%;
		overflow-x: auto; /* Hozzáadott görgetés, ha szükséges */
	}
}