@media (min-width:800px){
	#target_header > div.profil:hover > div { transform:translateY(0); }
}

@media (max-width:799px){


	html { font-size:1.875vw; }
	#body .wrapper { width:calc(100vw - 4rem);  }
	
	h2 { font-size:1.825rem; }

	#target_header > a#menu { display:block; }
	#target_header > a#menu + nav { display:block; position:fixed; right:0; left:auto; pointer-events:none; transform:translateY(-110%); text-align:left; width:max-content; background:#fff; box-shadow: 0.2rem 0.5rem 1rem rgba(0,0,0,0.15); transition:0.3s transform; z-index:4; }
	#target_header nav { position:absolute; top:4.5rem; float:none; left:0; right:0; display:flex; justify-content:space-evenly; margin-right:0; padding-right:2rem; }
	#target_header nav > a { display:block; line-height:2rem; height:2rem; padding-left:2.5rem; position:relative; margin:0; color:var(--text); font-size:1rem; }
	#target_header nav > a:before { display:block; position:absolute; width:1.5rem; left:0.5rem; top:0; height:2rem; line-height:2rem; text-align:center; transition:font-size 0.3s; }
	#target_header nav > a:hover:before { font-size:1.5rem; }
	#target_header nav > a:last-child { padding-bottom:0.5rem; }
	#target_header > a#menu.show + nav { pointer-events:all; transform:translateY(0); }
	#target_header ul.lang { padding-right:6rem; margin-right:0; background:#fff; position:relative; z-index:5; }

	#target_header > div.profil > a.profil + a { display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:10; }
	#target_header > div.profil > a.profil + a.show + div { transform:translateY(0); }
	#target_header > div.profil > a.profil + a + div:first-child,
	#target_header > div.profil > a.profil + a + div:first-chil + hr { display:block; }
	

/*	#body:not([data-path="admin"]) #target_header nav { display:none; } */

	#target_header > a.profil {  }

	#target_footer > .wrapper > p { float:left; max-width:calc(50vw - 3rem); margin:1rem 0 1rem; }
	#target_footer > .wrapper > p > a { display:block; margin:0 !important; padding:0.5rem 0; }
	#target_footer > .wrapper > p > a:before { width:1em; text-align:center; }
	#target_footer > .wrapper > p.fr { text-align:right; }

	#target_main .wrapper > div.headline { padding-left:8rem; padding-right:0; width:auto; background:none; }
	#target_main .wrapper > div.headline > a.button { position:static; margin-top:2rem; }
	#target_main .wrapper > div.headline > a.ci3 { bottom:7.5rem; right:3.5rem; }
	#target_main .wrapper > div.headline > p.sgs {  }
	

	#target_main > .menu_oblasti { width:calc(100% - 5rem); padding:8.5rem 2rem 2rem 1rem; margin:0; display:flex; justify-content:space-between; float:none; position:relative; top:auto; left:auto; white-space:nowrap; box-shadow:none; background:var(--body); }
	#target_main > .menu_oblasti > li { display:block; width:2rem;  }
	#target_main > .menu_oblasti > li > a { width:2rem; transform:rotate(-60deg); }
	#target_main > .menu_oblasti > li > a:before { transform:rotate(60deg) translate(0,0.2rem); background:var(--body); }
	#target_main > .menu_oblasti > li > a:after { width:1rem; height:0; top:0; left:0; transform-origin:0 0; transform:rotate(60deg) translate(2rem,-0.5rem); }
	#target_main > .menu_oblasti.form_vypocet { width:calc(100% - 9rem); position:absolute; top:0; background:var(--body); z-index:10; }
	#target_main > .menu_oblasti.form_vypocet > li.nastaveni { position:absolute; left:0; top:0; }
	#target_main > .menu_oblasti.form_vypocet > li.nastaveni > a,
	#target_main > .menu_oblasti.form_vypocet > li.nastaveni > a:before { transform:none; }
	#target_main .progress_bar { right:3.5rem; top:0; }
	#target_main .progress_bar > ul { display:none; }
	#target_main #form_vypocet { width:calc(100% - 4rem); margin-left:0; padding-top:15rem; }
	#target_main #form_vypocet + div.page { margin-left:3rem; }
	#target_main .wrapper > div.icons > h3 { width:12rem; }
	#target_main .wrapper > div.white.reference { margin-left:-2rem; margin-right:-2rem; padding:4rem 2rem; }


	div.html_boxes > ul > li > span { white-space:normal; }

	#target_main .wrapper.html_report .mobile_1 { width:100%; text-align:center; margin-left:0; }
	#target_main .wrapper.html_report .mobile_12 { width:calc(50% - 1rem); }
	#target_main .wrapper.html_report .mobile_1  .html_donut,
	#target_main .wrapper.html_report .mobile_12 .html_donut { width:calc(50vw - 3rem); height:calc(50vw - 3rem); margin:-9vw auto; }
	#target_main .wrapper.html_report .mobile_1 .html_legend { display:inline-block; vertical-align:middle; margin-left:1.5rem; }
	#target_main .wrapper.html_report .mobile_1 .html_donut { display:inline-block; vertical-align:middle; margin:calc(1.5rem - 12.5vw) }



	#target_main .wrapper.html_report .gas_donut_wrap,
	#target_main .wrapper.html_report .ghg_loc_donut_wrap { margin-left:0; }
	#target_main .wrapper.html_report .kat_rows_wrap span {  }

	#target_main .wrapper.html_report #ghg_table { min-height:11rem; }
	
	
	div.html_compare > ul > li > strong { font-size:2.25rem; }
	div.html_compare.small > ul > li > strong { font-size:1.8rem; }
	
/*	#target_main .wrapper.html_report .kat_rows_wrap { float:left; }
	#target_main .wrapper.html_report .mobile_in { width:calc(25vw - 1.5rem); margin:7.5rem 0 3rem calc(1.5rem - 25vw); border-radius:13vw; z-index:2; position:relative; overflow:hidden; box-shadow:0 0 1rem 1rem var(--body); }
	#target_main .wrapper.html_report .mobile_in .html_donut { margin: calc(0.75rem - 12.5vw); max-width:none; }
	#target_main .wrapper.html_report .mobile_in:after { content:''; display:block; position:absolute; left:50%; top:50%; width:calc(12.5vw - 0.75rem); height:calc(12.5vw - 0.75rem); border-radius:7vw; background:var(--body); transform:translate(-50%,-50%); }
	#target_main .wrapper.html_report .mobile_in.energy_donut_wrap { margin-top:4.5rem; }
*/

	#target_main .wrapper.html_report div.html_boxes > ul > li { width:calc(33.33% - 5.333rem - 6px); }
	#target_main .wrapper.html_report div.html_boxes > ul > li > span br { display:none; }
	#target_main .wrapper.html_report div.html_boxes > ul > li > mark { padding:0 0.2rem; }

/*	#target_main .wrapper.homepage_wrapper > div:nth-child(2n) { padding:0; } */
	
	#target_main .wrapper.html_report .doplnkove_donut_wrap + .doplnkove_donut_wrap { margin-left:0; }
	
	#target_main table.features tr > td { width:4rem; }
	#target_main table.features thead tr > td:nth-child(2n),
	#target_main table.features tfoot tr > td:nth-child(2n) { padding-top:2rem; }
	#target_main table.features thead tr > td:nth-child(2n+1),
	#target_main table.features tfoot tr > td:nth-child(2n+1) { padding-bottom:2rem; }
	#target_main table.features tfoot tr > td:last-child { text-indent:-1.5rem; }

	#target_main .wrapper.wrapper_kontakt > div.form > h1 { width:100%; margin-bottom:3rem; }
	#target_main .wrapper.wrapper_kontakt > div.form > h1 > br { display:none; }	
	#target_main .wrapper.wrapper_kontakt > div.form > h1 + h4 { font-size:1.44rem; }
	#target_main .wrapper.wrapper_kontakt > div.form > h1 + h4 > br { display:none; }
	
	#target_main .wrapper > div.loga > a { margin:1.5rem; }
	#target_main .wrapper > div.loga > a > img { max-width:8rem; max-height:3.66rem; }
	
	#target_main .wrapper > div.footer { width:100%; margin-bottom:-9.1rem; margin-left:-3rem; margin-right:-3rem; padding-left:3rem; padding-right:3rem; }
	
	
	#target_cook { max-width:calc(100vw - 120px); padding:2rem 2rem 1rem; }
	#target_cook .button { margin-bottom:1rem; width:calc(50% - 3.5rem); }
	#target_cook .button.cook_set { float:right; display:block; margin-left:0; }
	#target_cook .button.cook_max { width:calc(100% - 3rem); }
	
	div.html_rows > ul, div.html_rows > aside { min-width:5rem; }
}


@media (max-width:499px){
	html { font-size:3.33vw; }
	#body .wrapper { width:calc(100vw - 4rem);  }

	h2 { font-size:1.66rem; }
	h4 { font-size:1.25rem; }

	#target_header a.logo { margin-left:0; }
	#target_header > a#menu { right:0; }
	#target_header ul.lang { padding-right:4.5rem; }
	#target_header > div.profil { position:absolute; left:17.5rem; }
	#target_header > div.profil > a.profil { width:2rem; min-width:0; overflow:hidden; }
	#target_header > a.profil { position:absolute; left:17.5rem; width:2rem; min-width:0; overflow:hidden; }
	#target_header > div.profil > div { width:10.5rem; left:1rem; }
	#target_header > nav { margin-right:0; }

	#target_main .wrapper > div.boxes > div > div { width:22rem; }

	#target_main .wrapper > div.headline { padding-left:0; padding-top:1rem; }
	#target_main .wrapper > div.headline > h1 { padding-left:4.8rem; font-size:3rem; }
	#target_main .wrapper > div.headline > h1:before { left:0; margin-top:-2.5rem; width:4rem; height:5rem;  }
	#target_main .wrapper > div.headline > p { width:auto; font-size:1.1rem; }
	#target_main .wrapper > div.headline > a.button { position:static; display:block; margin:1rem 0 1rem; }
	#target_main .wrapper > div.headline > a.ci3 { bottom:8.5rem; right:0rem; }
	#target_main .wrapper > div.headline > p.sgs > br { display:none; }
	#target_main .wrapper > div.headline > p.sgs { font-size:0.9rem; height:4.5em; }

	#target_main .wrapper > div.icons > h3 { border:none; height:auto; }

	#target_main .wrapper > div.reference > div { display:block; }
	#target_main .wrapper > div.reference > div > article { width:auto; }

	#target_main .wrapper > div.loga > a { margin:1rem; }
	#target_main .wrapper > div.loga > a > img { max-width:5rem; max-height:3.33rem; }
	
	#target_main .wrapper.profil_wrapper p.profil { width:auto; position:static; margin:0 0 2rem 0; }
	#target_main .wrapper > div.footer { font-size:0.7rem; margin-bottom:-14.7rem; width:26rem; margin-left:-2rem; margin-right:-2rem;padding-left:2rem; padding-right:2rem; }
	#target_main .wrapper > div.footer .jednatel { display:block; margin-left:auto; margin-right:auto; width:max-content; }
	#target_footer > .wrapper > p { float:none !important; max-width:none; text-align:center; }
	#target_footer > .wrapper > p.fr { margin-top:-1rem; text-align:center; }

	#target_main table.front tr > td { padding-top:0.25rem; padding-bottom:0.25rem; font-size:0.8rem; line-height:1rem; }
	
	#target_main table.features { margin-left:-2rem; margin-right:-2rem; width:calc(100% + 4rem); }
	#target_main table.features tr > td { width:2rem; }
	#target_main table.features tr > td:first-child { width:auto;  }
	#target_main table.features tr > td > mark { font-size:1rem; }
	#target_main table.features thead { position:sticky; top:4.5rem; z-index:10; background:var(--body); }
	#target_main table.features thead tr > td,
	#target_main table.features tfoot tr > td { height:6rem; border-top:none; }
	#target_main table.features thead tr > td:first-child > em { display:block; position:absolute; left:0; right:0; height:3rem; border-bottom:1px solid var(--line); }
	#target_main table.features thead tr > td:nth-child(2n), 
	#target_main table.features tfoot tr > td:nth-child(2n),
	#target_main table.features thead tr > td:nth-child(2n+1), 
	#target_main table.features tfoot tr > td:nth-child(2n+1){ padding-top:0; padding-bottom:0; }
	#target_main table.features thead tr > td:last-child,
	#target_main table.features tfoot tr > td:last-child { text-indent:0; }
	#target_main table.features thead tr > td > span { display:block; width:0; transform:rotate(-90deg) translate(-2rem,1rem); transform-origin:0% 50%; }
	#target_main table.features tfoot { position:relative; z-index:11; background:var(--body); }
	#target_main table.features tfoot tr > td > span { display:block; width:0; transform:rotate(-90deg) translate(-2rem,1rem); transform-origin:0% 50%; }
	#target_main table.features tfoot tr:last-child > td { padding-top:2rem; font-size:0.7rem; }
	#target_main table.features > tfoot > tr > td > a.button { margin-bottom:1rem !important; margin-left:1rem !important; }
	
	#target_main .wrapper.wrapper_cenik > div.options { width:calc(100% + 4rem); margin-left:-2rem; margin-right:-2rem; margin-top:2rem; }
	#target_main .wrapper.wrapper_cenik > div.options + div.options { margin-left:-2rem; margin-top:-3rem; }

	#target_main .wrapper.html_report h1 { font-size:2.66rem; }

	#target_main .wrapper.html_report #ghg_table > ul > li { font-size:0.7rem; }
	#target_main .wrapper.html_report h2 { text-align:center; }
	#target_main .wrapper.html_report .mobile_12,
	#target_main .wrapper.html_report .mobile_13,
	#target_main .wrapper.html_report .mobile_23 { width:100%; }
	#target_main .wrapper.html_report .mobile_1 .html_donut, 
	#target_main .wrapper.html_report .mobile_12 .html_donut { width:100%; height:auto; }
	#target_main .wrapper.html_report .ghg_loc_donut_wrap, 
	#target_main .wrapper.html_report .gas_donut_wrap, 
	#target_main .wrapper.html_report .gas_columns_wrap, 
	#target_main .wrapper.html_report .kat_donut_wrap, 
	#target_main .wrapper.html_report .energy_donut_wrap, 
	#target_main .wrapper.html_report .ghg3_table_wrap { margin-left:0; }
	#target_main div.html_rows > ul > li { font-size:0.7rem; }
	
	#target_main div.html_compare > ul { display:block; text-align:center; }
	#target_main div.html_compare > ul > li { display:inline-block; width:8.66rem; margin-bottom:4rem; }
	#target_main .wrapper.html_report div.html_boxes > ul > li { width:16rem; margin-bottom:3rem; margin-left:0; }
	#target_main .wrapper.html_report .wrap_13.doplnkove_donut_wrap { width:100%; display:block; }
	#target_main .wrapper.html_report .wrap_13.doplnkove_donut_wrap .html_donut { width:100%; height:auto; }

	#target_main > .menu_oblasti.form_vypocet { display:none; }
	#target_main .progress_bar > ul { display:block; }
	#target_main #form_vypocet { width:30rem; padding:3rem 0 0; }
	#target_main #form_vypocet label.question { margin-left:2rem; }
	#target_main #form_vypocet fieldset > p.pokyny { margin-left:2rem; }
	#target_main #form_vypocet div.vstup { margin-left:1rem }
	#target_main #form_vypocet + div.page { margin-left:1rem; margin-right:1rem; }
	#target_main #form_vypocet + div.page span { display:none; }
	#target_main #form_vypocet p.anonymni, 
	#target_main #form_vypocet p.demo { width:15rem; }
	#target_main #form_vypocet div.side { margin-left:2rem; width:26rem; float:none; }

	#target_main .wrapper.wrapper_kontakt > div.form > h1 { font-size:1.875rem; }
	#target_main .wrapper.wrapper_kontakt > div.form > h1 + h4 { font-size:1.33rem; width:100%; margin-bottom:5rem; }
	#target_main .wrapper.wrapper_kontakt > div.form > form { width:100%; margin-left:0; padding-left:0; border-left:none;  }
	#target_main .wrapper.wrapper_kontakt > div.form > form input.button { float:right; }
	#target_main .wrapper.wrapper_kontakt div.support,
	#target_main .wrapper.wrapper_kontakt div.info { width:100%; margin-left:0; }
	#target_main .wrapper.wrapper_kontakt div.support > p > br { display:none; }

	#form_login.sign-in { width:26rem; }
	#form_login.sign-in > div + div { margin-left:0; }
	#form_login.sign-in > div > #reg_posta,
	#form_login.sign-in > div > #reg_ulice,
	#form_login.sign-in > div > #reg_www { width:24rem; }
	#form_login.sign-in > div > #reg_heslo, #form_login.sign-in > div > #reg_heslo2 { width:10.5rem; }
	#form_login.sign-in > div > #reg_jmeno,
	#form_login.sign-in > div > #reg_psc { width:5.25rem; }
	#form_login.sign-in > div > #reg_telefon,
	#form_login.sign-in > div > #reg_mesto { width:15.75em }
	#form_login.sign-in > div > #reg_heslo2 {  }
	#form_login.sign-in > div > #reg_spolecnost { width:14.5rem; }
	#form_login.sign-in > div.mobile_2nd { margin-left:calc(1rem - 2px) !important; }
	#form_login.sign-in > br { display:none; }
	#form_login.sign-in > input[type="submit"] { margin-top:2rem; margin-bottom:3rem; }
	

	#target_footer { padding-top:0.5rem; }

}

@media (min-width:1440px){
	html { font-size:18px; }

}