@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:620px) {
  /* For mobile phones: */
  .menu, .main, .right {
    width:100%;
	margin-left:0;
	margin-right:0;
  }
  .header {
	 display:none;
	 }
	.w3-badge {
		height:3vw;width:3vw;padding:0;
		display:none;
		}
	.rlogo{
		width:100%;
		height:100%;
		max-width:207px;
		max-height:87px;
		float:left;
		}
	.circle{width:33%;padding-top:33%;margin-left:40%;}
	.rolunkcircle{margin-top:35%;}
	.termekekcircle{margin-top:-12%}
	.kapcsolatcircle{margin-top:-8%}
	.rolunkspan{top:36%;font-size:24px;font-size:6vw;}
	.haromd{width:430%}
	.slideszoveg{margin-top:6.5%;left:20px;font-size:40px;line-height:40px;}
	.sliderkisebbszoveg{font-size:27px;}
	.logofejlec{left:20px;max-width:175px;margin-top:.8%}
	.rolunk{margin-top:80%;}
	.menu{display:none}
	.menulang{display:none}
	.mySlides{margin-left:-40%;}
	.mySlidesSeged{margin-left:-40%;}
	.termekek{margin-top:100px}
	
	.mobilmenu{display:block;}
	.mobilelobukkano{display:block}
	

}
@media only screen and (max-width:850px) {
  /* For mobile phones: */
	.rolunk{width:90%}
	.cegek{width:100%;}
	.cegszoveg{margin-left:7.5%;margin-right:7.5%}
	
	.slogo{margin-left:7.5%}
	.rlogo{margin-left:7.5%}
	.sbutton{margin-left:7.5%;margin-top:0}
	.rbutton{margin-left:7.5%;margin-top:0}
	.rolunk p{width:100%}
	
	.navi{position:relative;width:100%;margin:0;max-width:none;max-height:none;height:53%;}
	.gmap_canvas{height:50%;margin-top:-15%;position:relative}
	.infoCont{padding-bottom:5%}
	.mapouter{height:1000px;}
	.vissza{display:block;}
	#imgscegkep{position:relative}
	#imgscegkep{position:relative}
	#rcegkep{margin:0;margin-bottom:20px;height:1525px;margin-left:-15.5%;}
	#scegkep{margin:0;margin-bottom:20px;height:1440px;margin-left:-15.5%;}
	#imgscegkep{position:relative;top:1150px;width:140%}
	#imgrcegkep{position:relative;top:1320px;width:140%}
	
}

@media only screen and (max-width:1580px) {
	
	.menu{
		margin-left:auto;
		margin-right:auto;
		width:780px;
		}
	.logofejlec{
		margin-left:0;
		margin-right:0;
		}
	.menulang{
		top:30px;
		
		}
}