/* CSS Document */



@media only screen and (max-width: 768px) {
	
	#blokk_1_hasab_kephatter #hasabcontainer { width:100%; background-image: var(--blokk_1_hasab_kephatter-hatter); background-position: 50% 0; transition: 0s ease-in-out;  transition-property: background-position; }
	#blokk_1_hasab_kephatter #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelessegM); margin:auto; padding:10vw 0;}
	#blokk_1_hasab_kephatter #hasab_item { width:96%; padding: 1%; margin:1%; background:var(--blokk_1_hasab_kephatter-itemhatter);}
	
	#blokk_2_hasab_kephatter #hasabcontainer { width:100%; background: var(--blokk_2_hasab_kephatter-hatter); background-size: cover;  }
	#blokk_2_hasab_kephatter #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelessegM); margin:auto; padding:10vw 0;}
	#blokk_2_hasab_kephatter #hasab_item { width:46%; padding: 1%; margin:1%; background:var(--blokk_2_hasab_kephatter-itemhatter);}

	#blokk_3_hasab_kephatter #hasabcontainer { width:100%; background: var(--blokk_3_hasab_kephatter-hatter); background-size: cover;  }
	#blokk_3_hasab_kephatter #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelessegM); margin:auto; padding:10vw 0;}
	#blokk_3_hasab_kephatter #hasab_item { width:96%; padding: 1%; margin:1%; background:var(--blokk_3_hasab_kephatter-itemhatter);}

	#blokk_4_hasab_kephatter #hasabcontainer { width:100%; background: var(--blokk_4_hasab_kephatter-hatter); background-size: cover;  }
	#blokk_4_hasab_kephatter #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelessegM); margin:auto; padding:10vw 0;}
	#blokk_4_hasab_kephatter #hasab_item { width:46%; padding: 1%; margin:1%; background:var(--blokk_4_hasab_kephatter-itemhatter);}
	
	#blokk_1_hasab #hasabcontainer { width:100%; background: var(--blokk_1_hasab-hatter); }
	#blokk_1_hasab #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelessegM); margin:auto; padding:3vw 0;}
	#blokk_1_hasab #hasab_item { width:96%; padding: 1%; margin:1%; background:var(--blokk_1_hasab-itemhatter);}

	#blokk_2_hasab #hasabcontainer { width:100%; background: var(--blokk_2_hasab-hatter); }
	#blokk_2_hasab #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelessegM);  margin:auto; padding:3vw 0;}
	#blokk_2_hasab #hasab_item { width:96%; padding: 1%; margin:1% 1% 5% 1%; background:var(--blokk_2_hasab-itemhatter); text-align:center;}
	
	#blokk_3_hasab #hasabcontainer { width:100%; background: var(--blokk_3_hasab-hatter); }
	#blokk_3_hasab #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelessegM); margin:auto; padding:3vw 0;}
	#blokk_3_hasab #hasab_item { width:100%; padding: 5%; margin:1%; background:var(--blokk_3_hasab-itemhatter);}
	
	#blokk_4_hasab #hasabcontainer { width:100%; background: var(--blokk_4_hasab-hatter); }
	#blokk_4_hasab #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelessegM); margin:auto; padding:3vw 0;}
	#blokk_4_hasab #hasab_item { width:46%; padding: 1%; margin:1%; background:var(--blokk_4_hasab-itemhatter);}
	
	.kep_20_balra {  width:100%; margin:0 0 2% 0;}
	.kep_30_balra {  width:100%; margin:0 0 2% 0;}
	.kep_50_kozep { width:50%; margin:0 25% 2% 25%;}
	
	#aloldalcim_kephatter_01 { width:100%; padding:calc(1.5* var(--menu-magassagM)) 0 calc(0.5* var(--menu-magassagM)) 0; background-image: var(--aloldalcim_kephatter_01-hatter); background-position: 50% 0; background-size:100%;  background-repeat: repeat-y; transition: 0s ease-in-out;  transition-property: background-position; }
	#aloldalcim_kephatter_01 h1 { color:#000; font-size:1.5em; text-transform:uppercase; font-weight:700; text-align:center; text-shadow: 0 0 20px #fff;}
	#aloldalcim_kephatter_02 { width:100%; padding:calc(1.5* var(--menu-magassagM)) 0 calc(0.5* var(--menu-magassagM)) 0; background-image: var(--aloldalcim_kephatter_02-hatter); background-position: 50% 0; background-size:100%;  background-repeat: repeat-y; transition: 0s ease-in-out;  transition-property: background-position; }
	#aloldalcim_kephatter_02 h1 { color:#000; font-size:1.5em; text-transform:uppercase; font-weight:700; text-align:center; text-shadow: 0 0 20px #fff;}
/*	#aloldalcim_kephatter_01 { width:100%; padding:10vw 0; margin:var(--menu-magassagM) 0 0 0; background:#fff url(/img/aloldalcimhatter.jpg) no-repeat scroll center; background-size: cover; }
	#aloldalcim_kephatter_01 h1 { color:#fff;}
	#aloldalcim_kephatter_02 { width:100%; padding:calc(1.0* var(--menu-magassagM)) 0; background:#fff url(/img/aloldalcimhatter.jpg) no-repeat scroll center; background-size: cover; margin: var(--menu-magassagM) 0 0 0; }
	#aloldalcim_kephatter_02 { width:100%; height:var(--menu-magassagM);}*/
	
	#main_kepek_1 { width:100%; display: flex; flex-wrap: wrap; align-items: stretch; align-items: center; border:1px solid #eee; padding:0.5%;}
	#main_kepek_1 div { width:99%; display: block; margin:0.5%;}	#main_kepek_1 img { width:100%;}
	#main_kepek_2 { width:100%; display: flex; flex-wrap: wrap; align-items: stretch; align-items: center; border:1px solid #eee; padding:0.5%;}
	#main_kepek_2 div { width:99%; display: block; margin:0.5%;}	#main_kepek_2 img { width:100%;}
	#main_kepek_3 { width:100%; display: flex; flex-wrap: wrap; align-items: stretch; align-items: center; border:1px solid #eee; padding:0.5%;}
	#main_kepek_3 div { width:49%; display: block; margin:0.5%;}	#main_kepek_3 img { width:100%;}
	#main_kepek_4 { width:100%; display: flex; flex-wrap: wrap; align-items: stretch; align-items: center; border:1px solid #eee; padding:0.5%;}
	#main_kepek_4 div { width:49%; display: block; margin:0.5%;}	#main_kepek_4 img { width:100%;}
	#main_kepek_5 { width:100%; display: flex; flex-wrap: wrap; align-items: stretch; align-items: center; border:1px solid #eee; padding:0.5%;}
	#main_kepek_5 div { width:49%; display: block; margin:0.5%;}	#main_kepek_5 img { width:100%;}
	
	#reg_2_hasab #hasabcontainer { width:100%; }
	#reg_2_hasab #hasab_items { width:var(--main-szelesseg); padding:1vw 0;}
	#reg_2_hasab #hasab_item { padding: 1%; margin:1%;}
	.reg_2_hasab_bal { width:100%;}
	.reg_2_hasab_jobb { display:none;}
	
	#galeria_01 #hasabcontainer { width:100%; }
	#galeria_01 #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelessegM); margin:auto; padding:3vw 0;}
	#galeria_01 #hasab_item { width:calc(var(--galeria_01-item-szelessegM) - 2%); padding: 0.5%; margin:0.5%;}
	#galeria_01 #hasab_item img { width:100%;}

	#form_01 input, #form_01 textarea { display:block; margin:0 0 1vw 0; padding:4%; width:92%;}	#form_01 select { display:block; margin:0 0 1vw 0; padding:4%; width:100%;}

	#cikk_kepek { width:100%;}

}


@media only screen and (min-width: 769px) {
	
	#blokk_1_hasab_kephatter #hasabcontainer { width:100%; background-image: var(--blokk_1_hasab_kephatter-hatter); background-position: 50% 0; background-size:150%;  background-repeat: repeat-y; transition: 0s ease-in-out;  transition-property: background-position;   }
	#blokk_1_hasab_kephatter #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelesseg); max-width:var(--main-maxszelesseg); margin:auto; padding:1vw 0;}
	#blokk_1_hasab_kephatter #hasab_item { width:96%; padding: 1%; margin:0%; background:var(--blokk_1_hasab_kephatter-itemhatter);}
	
	#blokk_2_hasab_kephatter #hasabcontainer { width:100%; background: var(--blokk_2_hasab_kephatter-hatter); background-size: cover;  }
	#blokk_2_hasab_kephatter #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelesseg); max-width:var(--main-maxszelesseg); margin:auto; padding:5vw 0;}
	#blokk_2_hasab_kephatter #hasab_item { width:46%; padding: 1%; margin:1%; background:var(--blokk_2_hasab_kephatter-itemhatter);}

	#blokk_3_hasab_kephatter #hasabcontainer { width:100%; background: var(--blokk_3_hasab_kephatter-hatter); background-position: 50% 0; background-size:150%;  background-repeat: repeat-y; transition: 0s ease-in-out; }
	#blokk_3_hasab_kephatter #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelesseg); max-width:var(--main-maxszelesseg); margin:auto; padding:5vw 0;}
	#blokk_3_hasab_kephatter #hasab_item { width:29.3333%; padding: 1%; margin:1%; background:var(--blokk_3_hasab_kephatter-itemhatter);}

	#blokk_4_hasab_kephatter #hasabcontainer { width:100%; background: var(--blokk_4_hasab_kephatter-hatter); background-size: cover;  }
	#blokk_4_hasab_kephatter #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelesseg); max-width:var(--main-maxszelesseg); margin:auto; padding:5vw 0;}
	#blokk_4_hasab_kephatter #hasab_item { width:21%; padding: 1%; margin:1%; background:var(--blokk_4_hasab_kephatter-itemhatter);}
	
	#blokk_1_hasab #hasabcontainer { width:100%; background: var(--blokk_1_hasab-hatter); }
	#blokk_1_hasab #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelesseg); max-width:var(--main-maxszelesseg); margin:auto; padding:1vw 0;}
	#blokk_1_hasab #hasab_item { width:96%; padding: 1%; margin:1%; background:var(--blokk_1_hasab-itemhatter);}

	#blokk_2_hasab #hasabcontainer { width:100%; background: var(--blokk_2_hasab-hatter); }
	#blokk_2_hasab #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelesseg); max-width:var(--main-maxszelesseg); margin:auto; padding:1vw 0;}
	#blokk_2_hasab #hasab_item { width:46%; padding: 1%; margin:1%; background:var(--blokk_2_hasab-itemhatter);}
	
	#blokk_3_hasab #hasabcontainer { width:100%; background: var(--blokk_3_hasab-hatter); }
	#blokk_3_hasab #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelesseg); max-width:var(--main-maxszelesseg); margin:auto; padding:1vw 0;}
	#blokk_3_hasab #hasab_item { width:29.3333%; padding: 1%; margin:1%; background:var(--blokk_3_hasab-itemhatter);}
	
	#blokk_4_hasab #hasabcontainer { width:100%; background: var(--blokk_4_hasab-hatter); background-position: 50% 0; background-size:150%;  background-repeat: repeat-y; transition: 0s ease-in-out;  transition-property: background-position;}
	#blokk_4_hasab #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelesseg); max-width:var(--main-maxszelesseg); margin:auto; padding:1vw 0;}
	#blokk_4_hasab #hasab_item { width:21%; padding: 1%; margin:1%; background:var(--blokk_4_hasab-itemhatter);}
	
	.kep_20_balra { float:left; width:20%; margin:0 2% 1% 0;}
	.kep_30_balra { float:left; width:30%; margin:0 2% 1% 0;}
	.kep_50_kozep { width:50%; margin:0 25% 2% 25%;}
	
	#aloldalcim_kephatter_01 { width:100%; padding:calc(1.1* var(--menu-magassag)) 0 calc(0.2* var(--menu-magassag)) 0; background-image: var(--aloldalcim_kephatter_01-hatter); background-position: 50% 0; background-size:100%;  background-repeat: repeat-y; transition: 0s ease-in-out;  transition-property: background-position; }
	#aloldalcim_kephatter_01 h1 { color:#000; font-size:3em; text-transform:uppercase; font-weight:700; text-align:center; text-shadow: 0 0 20px #fff;}
	#aloldalcim_kephatter_02 { width:100%; padding:calc(1.5* var(--menu-magassag)) 0 calc(0.8* var(--menu-magassag)) 0; background-image: var(--aloldalcim_kephatter_02-hatter); background-position: 50% 0; background-size:100%;  background-repeat: repeat-y; transition: 0s ease-in-out;  transition-property: background-position; }
	#aloldalcim_kephatter_02 h1 { color:#000; font-size:3em; text-transform:uppercase; font-weight:700; text-align:center; text-shadow: 0 0 20px #fff;}

	
	#main_kepek_1 { width:100%; display: flex; flex-wrap: wrap; align-items: stretch; align-items: center; border:1px solid #eee; padding:0.5%;}
	#main_kepek_1 div { width:99%; display: block; margin:0.5%;}	#main_kepek_1 img { width:100%;}
	#main_kepek_2 { width:100%; display: flex; flex-wrap: wrap; align-items: stretch; align-items: center; border:1px solid #eee; padding:0.5%;}
	#main_kepek_2 div { width:49%; display: block; margin:0.5%;}	#main_kepek_2 img { width:100%;}
	#main_kepek_3 { width:100%; display: flex; flex-wrap: wrap; align-items: stretch; align-items: center; border:1px solid #eee; padding:0.5%;}
	#main_kepek_3 div { width:32.3333%; display: block; margin:0.5%;}	#main_kepek_3 img { width:100%;}
	#main_kepek_4 { width:100%; display: flex; flex-wrap: wrap; align-items: stretch; align-items: center; border:1px solid #eee; padding:0.5%;}
	#main_kepek_4 div { width:24%; display: block; margin:0.5%;}	#main_kepek_4 img { width:100%;}
	#main_kepek_5 { width:100%; display: flex; flex-wrap: wrap; align-items: stretch; align-items: center; border:1px solid #eee; padding:0.5%;}
	#main_kepek_5 div { width:19%; display: block; margin:0.5%;}	#main_kepek_5 img { width:100%;}
	
	#reg_2_hasab #hasabcontainer { width:100%;  }
	#reg_2_hasab #hasab_items {display:flex; flex-wrap: wrap; align-items: stretch; width:var(--main-szelesseg); max-width:var(--main-maxszelesseg); margin:auto; padding:1vw 0;}
	#reg_2_hasab #hasab_item { padding: 1%; margin:1%;}
	.reg_2_hasab_bal { width:60%;}
	.reg_2_hasab_jobb { width:32%; background:#fff url(/img/regkep.jpg) no-repeat scroll center; background-size: cover;}
	
	#galeria_01 #hasabcontainer { width:100%; }
	#galeria_01 #hasab_items {display:flex; flex-wrap: wrap;align-items: stretch; width:var(--main-szelesseg); max-width:var(--main-maxszelesseg); margin:auto; padding:5vw 0;}
	#galeria_01 #hasab_item { width:calc(var(--galeria_01-item-szelesseg) - 2%); padding: 0.5%; margin:0.5%;}
	#galeria_01 #hasab_item img { width:100%;}

	#form_01 input, #form_01 textarea { display:block; margin:0 0 0.5vw 0; padding:1%; width:98%;}	#form_01 select { display:block; margin:0 0 0.5vw 0; padding:1%; width:100%;}
	
	#cikk_kepek { width:33.333%;}
}