@media screen and (max-width: 1280px) {
.alapszel {
	width: 90%;
	box-sizing: border-box;
}
.referenciak {
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	margin-top: -10px;
    }

.fokep {
	width: 30%;
	margin-right: 3% ;
}
.szovegbox {
font-size: 12pt;
line-height: 18pt;
}
h1 {
	font-size: 28px;
	margin-bottom: 2%;
	padding-top: 2%;
}
#nyil07 a span {
  left: 50%;
  width: 18px;
  height: 18px;
  margin-left: -9px;
  border-left: 3px solid red;
  border-bottom: 3px solid red;
}
}
@media screen and (max-width: 1024px) {
.alapszel {
	width: 94%;
	margin-right: 2%;
	margin-left: 2%;
}
.logo {
	padding-top: 3%;
}
.ikon-alap {
padding-top: 9%;
}
.szovegbox {
font-size: 10pt;
line-height: 16pt;
}
.rolamblokk {
	margin: 10px;	
	height: 140px;
}
.rolamkep {
	margin-right: 10px;
	max-width: 140px;
}
}
@media screen and (max-width: 768px) {
.ikon-alap {
padding-top: 8%;
}
#logoszoveg {
	font-size: 3.5vw;
	margin-top: 10px;
}
.referenciagomb {
	font-size: 2vw;
	font-weight: 300;
}
}
@media screen and (max-width: 480px) {
.logo {
width: 80%;
margin-right: auto;
margin-left: auto;
color: white;
}
.ikon-alap {
display: block;
	width: auto;
	padding-top: 7%;
}
.doboz1-3 {
	width: 100%;
	display: block;
	height: auto;
}
.doboz2-3 {
	width: 100%;
	border-right: 0px solid white;
	display: block;
	height: auto;
}
.labtartalom {
	width: 100%;
  display: block;
}
.tel {
float: none;
	margin: 10px auto;
}
.hatter2, .lab  {
	display: table;
	width: 100%;
}
.lab_kozepdoboz {
	clear: both;
	display: block;
	width: 100%;
}
.lab_baldoboz {
	clear: both;
	display: block;
	width: 100%;
}
.kapcssor{
	width: 220px;
	margin: 10px auto;
}
.kapcssor3ik{
	width: 186px;
}
.lab_jobbdoboz {
	display: none;
	padding-left: 0%;
}
.ikon-alap-lab {
padding-top: 0%;
	margin-top: -60px;
}
.fokep {
	clear: both;
	width: 60%;
	margin-left: 20%;
	margin-right: 20%;
	margin-bottom: 20px;
}
.rolamalapn {
	display: none;
}
.rolamalapm{
height: 300px;
display: block;
	overflow-y: scroll;
	font-size: 3vw;
}
}
@media screen and (max-width: 360px) {
.rolamblokk {
	box-sizing: border-box;
	height: auto;
	margin: 30px;	
	display:block;
	align-items: left;
}
.rolamkep {
	height: auto;
	width: 100%;
	max-width: 250px;
	margin-right: 0px;
	margin-bottom: 20px;
}
div.absolute {
    display: none;
} 
.referenciagomb {
    padding: 8px 8px;
	font-size: 14px;
	font-weight: 300;
	width: 31% !important;
	margin: 3% 1%;
	height: 30px;
	box-sizing: border-box;
}
}


@media screen and (max-height: 600px) {
.logo {
	max-width: 400px;
	padding-top: 3%;
}
.ikon-alap {
	padding-top: 7%;
}
.referenciagomb {
    padding: 0px 0px;
	font-size: 12px;
}
}

