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

@media only screen and (min-width: 320px) and (max-width: 639px) {

.introblokk {
	width:94%;
}
.ctextblokk {
	display:none;
}
.cblokk {
	display:none;
}
.cicon {
	display:none;
}
.introbal {
	display:none;
}
.description {
	display:none;
}
.menuelem {
    display:none;
}
.slogan {
	display:none;
}
.slogan320 {
	display:block;
	font-size:12px;
}
#mobilemenubox {
	display:block;
}

#footer {
	height:auto;
	background:#2C3137;
}
.fboxleft {
	width:94%;
	margin:auto;
	margin-bottom:40px;
	float:none;
}
.fboxcenter {
	width:94%;
	margin:auto;
	margin-left:none;
	margin-bottom:40px;
	float:none;
	text-align:center;
}
.fboxright {
	width:94%;
	margin-bottom:none;
	float:none;
	text-align:center;
}
.kitetel {
	padding-bottom:25px;
}
.footerslog {
	width:92%;
	padding-left:4%;
	padding-right:4%;
	padding-top:12px;
	padding-bottom:10px;
	margin-bottom:30px;
	line-height:18px;
}

/* NYITÓLAP 320 */

#openbanner {
	display:none;
}
#openbanner640 {
	display:none;
}
#openbanner320 {
	display:block;
}
.bannerkerdes {
	padding-top:10px;
	padding-bottom:8px;
	font-size:13px;
	line-height:18px;
}
#titleblokk {
	padding-bottom:25px;
}
#title {
	width:90%;
	margin:auto;
}
#title h1 {font-size: 35px; line-height:58px;}
#title h2 {font-size: 20px; line-height: 28px;}

.prezibox {
	width:90%;
}
#preziblokk {
	margin-bottom:30px;
	padding-top:5px;
}
.prezidiv {
	width:100%;
	float:none;
}
.preziimg {
	display:none;
}
.preziimg320 {
	display:block;
	width:320px;
	height:252px;
	margin:auto;
	margin-top:15px;
	margin-bottom:-25px;
	background:url(../image/mappaillusztracio320.png) no-repeat;
	background-size:95%;
}
.prezitext {
	margin-top:15px;
	margin-bottom:15px;
}
#howblock {
	width:94%;
}
.howimg {
	width:80%;
	float:none;
	margin:auto;
}
#subtitle {
    width: 100%;
    margin-top: -25px;
    line-height: 22px;
    float: none;
}
.tovabbdiv {
    width: 100%;
    float: none;
    margin-top: 22px;
}
#meetingblock {
    width: 100%;
    height:200px;
    background: transparent url("../image/meeting320.jpg") no-repeat scroll 0% 0%;
    margin-top: 30px;
}
.meetingtextblock {
	display:none;
}
.nytextblock {
    width: 100%;
    float: none;
	margin-bottom:20px;
}
.nytcim {
    width: 100%;
    border-right: none;
	margin-bottom:15px;
}
.nybline {
	display:none;
}
.nyclosed {
    font-size: 20px;
}

/* ÁRAK */

.pricebgimg {
	display:none;
}
#pricecontainer {
    margin-top:20px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	padding:0;
}
#arlistablokk {
    width: 100%;
    float: none;
}
.arkerdes {
	text-align:center;
	line-height:22px;
	margin-bottom:15px;
}
.aroldaltitle {
	line-height:35px;
	margin-bottom: 20px;
}
.arcont {
	margin-bottom:30px;
}
.appblock {
    width: 99%;
    float: none;
}
.tulajdonsagapp {
    width: 90%;
	margin-top:15px;
}
.tulajdonsagstanc {
    width: 85%;
    margin-top:15px;
}
.stancblock {
    width: 99%;
    float: none;
}
.priceimg {
    margin-bottom:10px;
}
#calculatorblock {
	margin-bottom:20px;
}
#calcblokk {
	margin:auto;
    width:280px;
    float: none;
}
.arakimg {
	margin:auto;
	margin-bottom:15px;
}
.meretbox {
    width: 94%;
}
.meretdiv {
    width:100%;
    float: none;
	margin-bottom:20px;
}
.illust {
	display:none;
}
.mennytxtblokk {
    width: 90%;
	margin:auto;
	margin-bottom:20px;
    float: none;
}
.mennyimgbox {
    width: 80%;
	margin:auto;
    float: none;
}

/* MEGRENDELÉS */

.saleprez {
	display:none;
}

#saleblokk {
	padding-bottom:30px;
}
#salecontainer {
	margin-top:0;
}
.megrendeltitle {
	font-size:13px;
}
.megrendelsubtitle {
    font-size: 14px;
    line-height: 20px;
}
#saleproductblock {
    width: 300px;
    float: none;
	margin:auto;
    margin-bottom: 30px;
}
.selectframe {
	height:35px;
	margin-bottom:15px;
}
.calcsalebox {
    width: 290px;
	margin:auto;
}
.designblock {
    width: 270px;
    padding: 10px;
}
#saledatablock {
    width: 290px;
    float: none;
	margin:auto;
}
.saleinfobox {
    width: 290px;
    min-height: 10px;
	margin:auto;
	padding-top:20px;
}
#megrendeloblock {
    width: 92%;
    float: none;
	margin:auto;
    padding: 4%;
    margin-bottom: 30px;
}
.datadivnev {
    width: 100%;
    float: none;
    top: 5px;
	margin-bottom:10px;
}
.datainputmezo {
    width: 100%;
    float: none;
}
.datatitletrans {
    width: 100%;
    float: none;
    margin-bottom: 15px;
}
.dataok {
    width: 105%;
    float: none;
    top:none;
	font-family:aria, Gotham, "Helvetica Neue", Helvetica,  sans-serif;
	font-size:12px;
}
.datafizboxl {
    width: 100%;
    float: none;
    margin-bottom: 15px;
    margin-right: none;
}
.datafizboxr {
    width: 100%;
    float: none;
}
#osszefoglalblock {
    width: 100%;
    float: none;
}
.osszeframe {
    width: 100%;
	margin:auto;
	margin-bottom:20px;
}

/* ANYAGLEADÁS */

.uploadback {
	display:none;
}
#loadintroblock {
    width: 100%;
    float: none;
    margin-top: 30px;
}
.adattitle {
    display:none;
}
.adath1 {
    font-size: 40px;
	line-height:50px;
	text-align:center;
	margin-bottom:10px;
}
.adatp {
    text-align: center;
    font-size: 15px;
    line-height: 20px;
}
#loadblock {
    width: 300px;
    float: none;
	margin:auto;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-right: none;
}
#instrukcioblokk {
    width: 100%;
    margin-top: 0;
	background:none;
}
#instblock {
	width:90%;
	margin:auto;
	top:0;
}
.szerkdiv {
    width: 100%;
    float: none;
    margin-right:0;
	margin-bottom:20px;
	padding-bottom:10px;
}
.grafdiv {
    width: 100%;
    float: none;
	margin-bottom:20px;
	padding-bottom:10px;
}
.downdiv {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-top: 30px;
}

/* KAPCSOLAT */

#contactdiv {
    margin-top: 30px;
}
#messageblock {
    width:300px;
    float: none;
	margin:auto;
    margin-bottom: 30px;
}
.cicondiv {
    width: 30px;
    height: 30px;
}
.contacticon {
	font-size:17px;
	top:7px;
}
.ctext {
    width: 257px;
    height: 30px;
    font-size: 14px;
    line-height: 32px;
}
.messframe {
    width: 300px;
}
.messkeret {
    width: 280px;
    margin-bottom: 10px;
}
.messicondiv {
	width:29px;
	height:29px;
	margin-right:2px;
}
.intext {
	width:245px;
	height:27px;
}
.intextarea {
	width:245px;
	height:80px;
}
#mapblock {
    width: 300px;
    float: none;
	margin:auto;
}
.mapplace {
	width:300px;
	height:400px;
	margin-bottom:30px;
}
.mapsize {
	width:300px;
	height:400px;
}
.companydiv {
	width:93%;
	height: auto;
	padding:3% 3% 0 3%;
	font-size:11px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* TELJESÍTÉS */

#teljbanner {
	display:none;
}
#teljbannerr640 {
	display:none;
}
#teljbanner320 {
	display:block;
}
.teljkerdes {
	padding-top:8px;
	padding-bottom:8px;
	font-size:14px;
	line-height:18px;
}

.fulbox {
	display:none;
}
#productinfoblock {
	border-bottom:0;
}
.prodintrobox {
	width:100%;
	float:none;
}
.prodmenubox {
	width:100%;
	float:none;
}
.prodtitle {
	text-align:center;
	font-size:28px;
}
.prodsubtitle {
	width:100%;
	height:auto;
	text-align:center;
	margin-left:0;
}
.prezintrotxt {
	margin-bottom:25px;
}
.valasztodiv {
	height:20px;
}
#processblock {
    width: 90%;
    height: auto;
    margin: auto;
    margin-bottom: 35px;
}
.procimage {
	display:none;
}
.proctxtplace {
	width:100%;
	float:none;
}
#quickblock {
	margin-bottom:25px;
}
.quickleft {
	width:100%;
	float:none;
	margin:auto;
	margin-right:0;
	margin-bottom:10px;
}
.quickright {
	width:100%;
	float:none;
}
.methodtitle {
    width: 100%;
	margin:auto;
    margin-bottom: 35px;
    font-size: 28px;
}
.applikaltdiv {
	width:90%;
	float:none;
	margin:auto;
	border-right:0;
	margin-bottom:40px;
}
.stancoltdiv {
	width:90%;
	margin:auto;
	float:none;
	margin-bottom:40px;
}
.makep {
	width:100%;
	float:none;
}
.mskep {
	width:100%;
	float:none;
}
.matxtbox {
	width:100%;
	float:none;
}
.mstxtbox {
	width:100%;
	float:none;
}

/* COOKIE FORM */
.slidertxt {
	width:100%;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:13px;
	line-height:17px;
	float:none;
}
.closebutton {
	width:90px;
	float:none;
	margin:auto;
	margin-bottom:10px;
}


}