/* @media only screen and (min-width : 320px) and (max-width : 568px) {  ez volt az alapbe ll¡t s, de ¡gy nem ok‚ a headerk‚p */
/* 763 pixeln‚l megmarad a headerk‚p jobb sz‚le lem‚retez‚s k”zben is */
@media only screen and (min-width : 320px) and (max-width : 763px) {  
  html {
  	-webkit-text-size-adjust: none;
   }
  img {
  	max-width: 100%;
   }

  body #page {
  	margin: 0;
  	overflow: hidden;
  	padding: 0;
  	width: auto;
   }

  #header {
  	width: 100%;
   }

  #header div {
  	max-width: none;
  	overflow: hidden;
	padding: 8px 0 2%;       /* headerk‚p poz¡ci¢ja - mobile men�gomb lebeg, ontop  */ 
	width: 100%;
   }

  #header div a.logo {
  	display: block;
  	float: none;
  	height: auto;
  	margin: 0 auto;
  	padding: 0;
   }

  #header div a.logo img {
  	display: block;
  	margin: 0 auto;
  	padding: 0;
  	width: 100%;
   }

#onTop {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 20px;
      box-sizing: border-box;
      z-index: 2;
      color: white;
}
  #header span#mobile-navigation {               /* mobile men� k‚pe, m‚rete ‚s poz¡ci¢ja */
   	background: transparent url(../images/mobile/mobile-menu.png) no-repeat;
  	display: block;        
	width: 50px;
  	height: 50px;
        top: 15px;
	margin: 0;
	padding: 0 0 0 0;
	position: absolute;
	right: 1%;	                       /* jobb sz‚lhez k‚pesti poz¡ci¢ */
	z-index: 999;
   }
  
  #header div > ul#navigation {
  	background-image: none;
        background: rgba(40, 98, 162, 0.91); /* mobil leny¡l¢ men� elemeinek h tt‚rsz¡ne ‚s transzparenci ja */
  	border: 1px solid #fefefe;             /* leny¡l¢ keret‚nek vastags ga, jellege, sz¡ne */
  	border-radius: 10px;                      
  	display: none;                         /* ha 0, akkor sarkos, am£gy meg ‚rt‚k szerint lekerek¡tett */
  	height: auto;
  	padding: 0;
  	position: absolute;
  	right: 6%;                             /* jobb sz‚lhez k‚pesti poz¡ci¢ */
        top: 70px;                             /* f�gg‹leges poz¡ci¢ - men�gomb alatti t vols g */
  	width: 50%;                            /* men�-s v sz‚less‚ge */
  	z-index: 1000;                         
   }
  
  #header div > ul#navigation > li {
  	border-left: 0;                        /* leny¡l¢ men�s v keret balra jellemz‹i */
  	border-top: 1px solid #f8f8f8;         /* leny¡l¢ men�s v keret fel�l jellemz‹i */
	margin: 0;
	padding: 0;                            /* men�s v sz”veg-keret t vols g */
  	position: relative;
  	text-align: left;                      /* men�s v sz”veg‚nek orient ci¢ja */
  	width: 100%;
   }

  #header div > ul#navigation > li:first-child {
  	border-top: 0;
   }

  #header div > ul#navigation > li:hover {
  	background-color: transparent;
   }

  #header div ul#navigation li a {
  	color: #f8f8f8;
  	display: block;
  	font-family: Arial;
  	font-size: 1.125em;
  	font-weight: normal;
  	height: 2em;
//  	line-height: 2.125em;
	padding: 0 20px;
	text-align: left;
	text-shadow: none;
	width: auto;
    }

  #header .mobile-submenu {
/* mobil - expand men� h tt‚rsz¡ne : */
        background: url(../images/mobile/mobile-expand.png) no-repeat center; 
        background: rgba(40, 98, 162, 0.91) url(../images/mobile/mobile-expand.png) no-repeat center; 
	border-left: 1px solid #f8f8f8;
	display: inline-block;
	height: 3.4em;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	z-index: 0;
   }

  #header div ul#navigation li ul {
	background: none;
	border-top: 1px solid #f8f8f8;
	padding: 0;
	position: static;
	right: 0;
	text-align: left;
	width: 100%;
	z-index: 999;
   }

  #header div ul#navigation li ul, #header div ul#navigation li:hover ul {
  	display: none;
   }

  #header div ul#navigation li {
  	width: 100%;
  	z-index: 40;
   }

  #header div ul#navigation li ul li {
  	background: rgbba(245, 95, 39, 0.8);  /*  mobil - a kiv lasztott leny¡l¢ men�pont h tt‚rsz¡ne */  
	border-top: 1px solid #f8f8f8;
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
  }

  #header div ul#navigation li ul li:first-child {
  	border: none;
  }

  #header div ul#navigation li ul li a {
  	background: rgba(245, 95, 39, 0.8);   /* a linket is tartlmaz¢ leny¡l¢ almen�pont h tt‚rsz¡ne  */
	color: #f8f8f8;
	padding-left: 20px;
	text-align: left;
	width: auto;
   }

  #header div ul#navigation li:hover a, #header div ul#navigation li.selected a, #header div ul#navigation li:hover ul li a, #header div ul#navigation li:hover ul li a:hover, #header div ul#navigation li ul li.selected a {
  	display: block;
   }

  #header div ul#navigation li.selected > a {
  	background: rgba(rgba(245, 95, 39, 0.8);   /* mobil megjeln¡t‚s eset‚n - a kiv lasztott men�pont h tt‚rsz¡ne */
  	color: #f8f8f8;
   }

  #body {
  	margin: 0;
	padding: 0;
	width: 100%;
   }

  #body.home {
  	margin: 0 auto;
	padding: 10px;
	width: 100%;
   }
 }

@media only screen and (max-width : 568px) and (orientation : landscape) {

   }

@media only screen and (max-width : 918px) {
  #body{
   }

  #body.home {
   }

  #body div.tartalom, #body div.singlepost {
  	margin: 0;
	max-width: none;
	overflow: hidden;
	padding: 10% 0;
	width: 100%;
   }

  #body.home div.header div {
  	margin: 0 auto;
	max-width: 960px;
	min-height: 470px;
	padding: 0;
	position: relative;
   }

  #body.home div.header img {
  	display: block;
//      height: 21%;
	left: 0;
	margin: 0 auto;
	padding: 0;
//	position: absolute;
//	width: 100%;
        width: auto;
   }

  #body.home div.header div a {
  	margin: 0 auto;
	padding: 52px 0 0;
	position: relative;
	right: 0;
	top: 292px;
   }

  #body.home div.body div, #body.home div.footer div {
  	margin: 0 auto;
	max-width: none;
	width: 90%;
   }

  #body.home div.body div div {
  	float: none;
	margin: 0 auto;
	padding: 0;
	width: 90%;
   }

  #body.home div.body div div h1, #body.home div.body div div h2, #body.home div.body div div p {
  	width: 100%;
   }

  #body.home div.body div img {
  	display: block;
	float: none;
	margin: 0 auto;
	padding: 0;
	position: inherit;
	width: 100%;
   }

  #body.home div.footer div ul li {
  	float: none;
	margin: 0;
	padding: 0 0 8%;
	width: 100%;
   }
  #body.home div.footer div ul li a.contact {
  	float: none;
   }

  #body div.body {
  	min-height: 280px;
   }

  #body div.body img {
  	display: block;
	height: 15%;
	left: 0;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 100%;
   }

  #body div.footer {
  	margin: 0;
	max-width: none;
	overflow: hidden;
	padding: 0 0 0;
	width: 100%;
   }

  #body div.footer div.sidebar {
  	float: none;
	margin: 10% auto 0;
	padding: 36px 0 34px;
	width: 90%;
   }

  #body div.footer div.article {
  	float: none;
  	margin: 0 auto;
	padding: 8% 0 0 0;
	width: 90%;
   }

  #body div ul {
  	padding: 10% 0;
	width: 100%;
   }

  #body div ul li {
  	float: none;
	margin: 0 auto;
	padding: 0;
	width: 90%;
   }

  #body div ul li h1, #body div ul li p {
  	margin: 0;
	padding: 0;
	width: 100%;
   }

  #body div.tartalom .formazott {
  	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
   }

  #body div.tartalom .sidebar {
  	background-color: #EFEDEE;
	float: none;
	margin: 0;
	padding: 0 0 71px;
	width: 100%;
   }

  #body div.tartalom .formazott ul li:first-child {
  	margin: 10% auto;
   }

  #body div.tartalom .formazott ul li {
  	background: none;
	margin: 10% auto;
	width: 90%;
   }

  #body div.tartalom .formazott ul li img {
  	float: none;
	margin: 5% auto;
   }

  #body div.tartalom .formazott ul li div {
  	float: none;
	margin: 0;
	padding: 0;
	width: 100%;
   }

  #body div.singlepost .formazott img, #body div.singlepost .formazott h1, #body div.singlepost .formazott span, #body div.singlepost .formazott p {
  	padding: 4% 0;
   }

  #body div.tartalom .formazott a.load, #body div.singlepost .formazott a.load {
  	display: none;
   }

  #body div.tartalom .sidebar, #body div.singlepost .formazott,  #body div.singlepost .sidebar {
  	float: none;
	margin: 0 auto;
	padding: 0 0 35px;
	width: 90%;
   }

  #body.contact div.body div{
  	padding: 4% 0;
	max-width: none;
	width: 100%;
   }

  #body.contact div.body div div{
  	padding: 5% 0;
	width: 90%;
   }

  #body.contact div.body div div img{
  	float: none;
	margin: 0 auto;
   }

  #body.contact div.body div div h1, #body.contact div.body div div p{
  	padding: 0 0 0 4%;
	width: 96%;
   }

  #footer div {
  	margin: 0 auto;
	width: 90%;
   }

  #body div.footer .contact {
  	float: none;
	margin: 0 auto;
	max-width: none;
	padding: 4% 0;
	width: 90%;
   }

  #body div.footer .contact form {
  	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
   }

  #body div.footer .contact form input, #body div.footer .contact form textarea {
  	-webkit-appearance: none;
	border-radius: 0;
	margin: 0 auto 8px;
	width: 90%;
   }

  #body div.footer .contact form input#submit {
  	-webkit-appearance: none;
	margin: 0 0 0 2%;
   }

  #body div.footer .section {
  	background-color: #EFEDEE;
	float: none;
	margin: 0 auto 5%;
	max-width: none;
	padding: 0 0 35px;
	width: 90%;
   }
 }