/**************************************************************
Reszponzív beállítások
***************************************************************/
@media(max-width : 900px) { 
	header div.header_right {
		float:left;
		width:100%;
		margin-top:-80px;
		text-align:center;
		border:0px solid red;
	}
	nav .menu li a,
	nav .open-submenu {
		padding: 12px 10px;
	}
	footer {
		max-width:600px;
	}
	footer div.cella {
		min-height:160px;
		max-width:145px;
		width:145px;
	}
	footer div.cella .cella_tartalom {
		margin:10px;
	}

	/*************************************
	Galéria kicsi
	*************************************/
	article div.galeria_keret {
		max-width:580px;
	}

	/*************************************
	Galéria nagy
	*************************************/
	#mygallernagykeret .jobbra_gomb,
	#mygallernagykeret .ballra_gomb{
		margin-top:200px;
	}

	div#mygallernagykeret .thun_imgs {
		margin:90px 0px 0px 0px;
	}

}

@media(max-width:650px) {
	/*************************************
	* Header
	*************************************/
	header div.header_right { margin-top:-50px; }
	header span.logo_nagy {
		background-size:100px auto;
		width:100px;
		margin:0px;
	}
	header span.logo_text { font-size:170%; }

	/*************************************
	* Navigáció
	*************************************/
	nav .menu-toggle { display: inline-block }
	nav .menu { display: none; clear: both }
	nav .menu > ul { float: none }
	nav .menu li { width: 100%; border: 0; margin:0px  }
	/*nav .menu li:last-child { margin: 0 0 15px 0 }*/
	nav .menu li a,
	nav .open-submenu {
		display: block;
		background: white;
		padding: 10px 10px;
		margin: 5px 0 0 0;
		border:1px solid blue;
	}
	nav .open-submenu {
		margin-bottom:5px;
		border:0px solid green;
	}
	nav .menu ul ul {
		position: static;
		background: transparent;
		display:none;
		border:0px solid red;
	}
	nav .menu ul ul li{
		border:0px solid red;
		background: white;
	}
	nav .menu ul li a:hover {
		color: red;
		transition: color .5s;
	}
	nav .menu ul ul a:hover,
	nav .open-submenu:hover,
	nav .open-submenu.active,
	nav .menu-toggle.active  {
		color: red;
		transition: color .5s
	}
	nav .menu ul ul li a { 
		text-align:left;
		padding:10px;
	}

	nav div.kozosseg { margin-top:15px; }
	footer { max-width:350px; }
	footer div.cella,
	footer div.cella:first-child {
		min-height:180px;
		min-width:160px;
		border:0px;
		border:0px solid red;
		margin-left:10px;
	}
	footer div.cella .cella_tartalom { margin:10px; }

	footer div.footer_menu ul li {
		width:80px;
		border:0px solid red;
	}
	nav div.kozosseg {
		padding:5px 0px 5px 0px;
		margin:15px 5px 0px 0px;
	}
	nav i.fa { margin-right:2px; }

	/*************************************
	* Galéria kicsi
	*************************************/
	div.container img { border:2px solid white; }
	/*************************************
	Galéria nagy
	*************************************/
	div#mygallernagykeret .thun_imgs { margin:100px 0px 0px 0px; }
	div#mygallernagykeret .js_index_inof { display:none; }
}

@media(max-width : 570px) { 
	/*************************************
	* Header
	*************************************/
	header span.szlogen { margin-top:0px; } 
	header div.header_right { text-align:right; }

	/*************************************
	* Galéria kicsi
	*************************************/
	article div.galeria_keret { max-width:292px; }

	/*************************************
	Galéria nagy
	*************************************/
	div#mygallernagykeret div.mygallernagykeret {
		height:250px;
	}
	div#mygallernagykeret .thun_imgs {
		display:none;
	}
	#mygallernagykeret .jobbra_gomb,
	#mygallernagykeret .ballra_gomb{
		margin-top:60px;
	}
	/**************************************
	* Termékek listázása
	**************************************/
	article div.tcim,
	article div.tara {
		width:auto;
		float:none;
		margin:2px 5px;
	}
	article div.kep {
		max-width:100%;
		width:auto;
		float:none;
		margin:5px;
	}
	article div.tleiras {
		max-width:100%;
		width:auto;
		float:none;
		margin:5px;
	}
}

@media(max-width : 350px) { 
	header {
		display:none;
	}
	nav span.logo,
	nav span.logo_text {
		display:block;
	}
	nav div.kozosseg {
		display:none;
	}
	nav .menu li { margin-bottom:5px  }

	footer {
		border:0px solid red;
		padding-top:20px;
	}

	footer div.cella, 
	footer div.cella:first-child {
		max-width:200px;
		width:200px;
		border:0px;
		border:0px solid red;
		margin-left:40px;
	}
	
	footer div.alairas {
		border:0px solid red;
		margin:0px;
	}

	footer div.footer_menu {
		margin:10px 0px 0px 100px;
		border:0px solid #cdcdcd;
		padding:0px;
	}

	footer div.footer_menu ul li {
		float:none;
		list-style: circle;
		text-align:left;
		border:0px solid red;
		margin-bottom:5px;
	}

	div.container img {
		border:1px solid white;
		border-top:0px solid blue;
	}
	
	/*************************************
	Galéria kicsi
	*************************************/
	#mygallerykeret .mygallery {
		margin:0px;
	}

}