@media (max-width: 1200px){

	.no-mob{
		display:none !important;
	}
	
	.no-desk{
		display:block !important;
	}

	.no-desk-f{
		display:flex !important;
	}

	/* mobil fejlec */
	#header-top-mob{
		display:block;
		background-color: #33312b;	
	}

	#header-top-mob > .row{
		height:75px;
	}

	#header-top-mob .logo{
		padding-left:50px;
	}

	#header-top-mob .logo img{
		width:90px;
	}

	#header-top-mob .kosar .cont{
		position: relative;
		display:inline-block;
	}

	#header-top-mob .kosar-count{
		position: absolute;
		right:8px;
		top:4px;
		font-family: 'montserrat-light';
		font-size: 11px;		
	}


	#header-top-mob .menu{
		padding-right:50px;
		padding-top:7px;
	}

	/* mobil menu ikon */	
	.mobil-menu-icon {
		background-color: transparent;
		border: none;
		cursor: pointer;
		display: inline-flex;
		padding: 0;
	}
	.mobil-menu-icon .line {
		fill: none;
		stroke: #00D6EB;
		stroke-width: 6;
		transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
	}
	.mobil-menu-icon .line1 {
		stroke-dasharray: 60 207;
		stroke-width: 6;
	}
	.mobil-menu-icon .line2 {
		stroke-dasharray: 60 60;
		stroke-width: 6;
	}
	.mobil-menu-icon .line3 {
		stroke-dasharray: 60 207;
		stroke-width: 6;
	}
	.mobil-menu-icon.opened .line1 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 6;
	}
	.mobil-menu-icon.opened .line2 {
		stroke-dasharray: 1 60;
		stroke-dashoffset: -30;
		stroke-width: 6;
	}
	.mobil-menu-icon.opened .line3 {
		stroke-dasharray: 90 207;
		stroke-dashoffset: -134;
		stroke-width: 6;
	}

	/* mobil menu */	

	#mobil-menu{
		display: block;		
		position: absolute;
		width:100%;
		opacity: 0;		
		transform: translateX(-100%);
		transition: all 0.5s;				
		z-index: 2;
	}

	#mobil-menu.opened{
		transform: translateX(0%);
		opacity: 1;
	}

	#mobil-menu ul{
		/* display:flex; */
		padding:0px;
		margin:0px;
		list-style-type: none;
	}
	
	#mobil-menu li{
		/* display:flex; */
		padding:0px;
		margin:0px;
		list-style-type: none;
	}
	
	#mobil-menu a{
		color:inherit;
		text-decoration: inherit;
	}	

	#mobil-menu .ikon{
		width:32px;
		margin-left:20px;
		margin-right: 10px;
	}

	#mobil-menu ul.level-0{
		display: flex;
		flex-direction: column;		
		font-family: "montserrat-light";
    	font-size: 20px;
		color: #33312B;
		background-color:#00D6EB;	
		padding-top:10px;
		padding-bottom:10px;			
	}

	#mobil-menu li.level-0{
		display: flex;
		flex-direction: column;
	}	

	#mobil-menu li.level-0 > a{
		display:flex;
		align-items: center;
		height:58px;
	}

	#mobil-menu ul.level-1{
		display:none;
	}

	#mobil-menu ul.level-1.show{
		display:block;
		background-color: #03e4f1;
	}

	#mobil-menu li.level-1 > a{
		display:flex;
		align-items: center;
		height:58px;
	}

	#mobil-menu ul.level-2{
		display:none;
	}

	#mobil-menu ul.level-2.show{
		display:block;
		background-color: #fff;
	}

	#mobil-menu li.level-2 > a{
		display:flex;
		align-items: center;
		height:58px;
		padding-left: 55px;
		text-transform: uppercase;
		border-top:1px solid #e3e3e2;
		border-bottom:1px solid #e3e3e2;
	}	

	#mobil-menu ul.level-3{
		display:none;
	}

	#mobil-menu ul.level-3.show{
		display:block;
		background-color: #fff;
	}

	#mobil-menu li.level-3 > a{
		display:flex;
		align-items: center;
		height:58px;
		padding-left: 55px;
	}	

	#mobil-menu li.level-0 > a.ujdonsagok{
		color:#fff;
		font-weight: bold;
		margin-left:20px;
		text-transform: uppercase;
	}

	#mobil-menu li.level-0 .ujdonsag-ikon{
		width: 30px;
		margin-right:10px;
	}

	#mobil-menu li.level-3 > a.ujdonsagok{
		color:#03e4f1;
		font-weight: bold;
		text-transform: uppercase;
	}

	#mobil-menu .markak.akcio{
		background-color: #de111d;
	}

	#mobil-menu .markak > a{
		padding-left: 65px;
	}

	#mobil-menu .markak li.level-1{
		padding-left: 65px;
	}

	#termek-valto .termek{ /* 2 termek legyen egy sorban */
		width:50%;	
	}	
	
	#ajanlat .termek{ /* 2 termek legyen egy sorban */
		width:50%;
	}

	#termek-lista .termek{ /* 2 termek legyen egy sorban */
		width:50%;	
	}	

	#termek-valto .kep img{
		max-width: 200px;
	}

	.msearch{
		position: relative;
		z-index:1;
		width:100%;
		padding:10px;
	}

	.msearch.close{
		display:none;
	}

	.msearch .search-input {
		background-color: #D7D7D6;
		border-radius: 20px;
		border: none;
		height: 35px;
		max-width: 100%;
		padding-left: 10px;
		padding-right: 45px;
		width:100%;
	}

	.msearch .search-icon {
		position: absolute;
		right: 26px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
	}

	.mpmenu{
		position: absolute;
		z-index: 2;
		display:block;	
		background-color: #00D6EB;
		width:200px;	
		padding:5px;	
		margin-top:-77px;
		left:50%;
		transform: translateX(-50%);
	}
	
	.mpmenu.close{
		display:none;	
	}
	
	.mpmenu a{
		display:block;
		color:#33312B;
		text-decoration: none;
		padding:10px;
	}

	#szuro-rendezes-mob .termek_szuro_col1{	 	
		max-width: fit-content;
	}

	#szuro-rendezes-mob .termek_szuro_input_div{
		position: relative;
		display: flex;
		align-items: center;
		width: 100%;
		max-width: 300px;
		padding-left: 10px;
	}

	.mfcont{
		padding:10px;
		background-color: #00D6EB;
	}

	.mszures{
		text-align: center;
	}

	.mfiltersearch{
		position: relative;
		max-width: 300px;
	}

	.mfiltersearch input{
		padding-left: 10px;
		border-radius: 20px;
		border: 1px solid #A6A6A3;
		width: 300px;
		height: 35px;
	}

	.mfiltersearch .termek_szuro_icon{
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		z-index: 1;
	}	

	.mfiltercont{
		text-align: center;
	}

	.mfiltercont form{
		display:inline-block;
	}

	#filter {
		position: relative;
		width: 100%;
		max-width: 100%;
		margin-top:0px;
		top:0px;
	}

	.letoltes .letoltes_item .icon{
		width:auto !important;	
		padding-left: 10px;
	}
	
	.letoltes .letoltes_item .nev{
		width:350px !important;
		padding-left: 20px;
	}

	#footer .bottom_menu{
		position: relative;
		top:-1px;
		right:0px;
		padding-bottom:5px;
	}

}

@media (max-width: 1200px){
	#footer h2{
		margin-top:40px;
	}
}

@media (max-width: 576px){

	.login-window{
		left:0;
		width:100%;
	}

	#header-top-mob .logo{
		padding-left:10px;
	}

	#header-top-mob .menu{
		padding-right:10px;
	}

	.cz-button{
		height: 50px;
		border-radius: 40px;
		font-size: 30px;
		padding-left: 50px;
		padding-right: 50px;
		border: 0px solid #000;
	}

	.kiemelt-item{
		height:300px;
	}

	.kiemelt-item .title {
		font-size: 40px;
		letter-spacing: 5px;
	}

	.kiemelt-item .intro {
		font-size: 20px;
	}

	#termek-lista .termek{ /* 1 termek legyen egy sorban */
		width:100%;	
	}	

	#ajanlat .termek{ /* 1 termek legyen egy sorban */
		width:100%;	
	}	

	#termek-valto .termek{ /* 1 termek legyen egy sorban */
		width:100%;	
	}	

	.termekek .kep{
		min-height: 200px;
		max-height: 200px;
	}

	.termekek .data-cont{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.termek-tipusok .termekek .kosar-gombok{
		padding-bottom:20px;
	}

	/**/
	.termek-tipusok .tabla-title .termek-data-cell{
		display: none;
	}
	.termek-tipusok .varians-adatok{
		display: none !important;
	}

	.termek-tipusok .vari-kep{
		width:50% !important;
		flex-grow: 0 !important;
		flex-basis: auto;
	}
	.termek-tipusok .varians-adatok-mobil{
		display: flex !important;
		width:50% !important;
		flex-grow: 0 !important;
		flex-basis: auto;
	}	
	.fotermek .leiras-cont{
		padding-left: 20px;
	}
	/**/

	#kosar .termek-tipusok .title{
		font-size:40px;
	}

	#kosar .kosar-gombok{
		width:50%;
	}

	#kosar .kosar-torles{
		width:50%;
	}

	/**/
	#kivansaglista .termek-tipusok .title{
		font-size:40px;
	}

	#kivansaglista .kosar-gombok{
		width:50%;
	}

	#kivansaglista .kosar-torles{
		width:50%;
	}
	/**/

	#adatok .title{
		font-size: 40px;
	}

	.tabgroups .tabtitle{
		font-size: 18px;
	}

	.cim {
		padding: 20px;
	}

	.cim .hasab {		
		padding: 0px;
	}

	#kategoria-valaszto .kat1{
		margin: 0px !important;
	}	

}