/* OBECNĚ */
@media (max-width: 1450px) {
	body:not(:target) #top-spodek:target {
		top: 80px;
	}
	body:not(:target) #top-spodek:target:before {
		top: -55px;
		content: '';
		width: 30px;
		height: 30px;
		display: block;
		position: absolute;
		left: calc(50% - 15px);
		background: url(kosik_del.png) no-repeat;
	}
	#prave-menu, #prave-menu #kosik-list {
		top: 0;
		padding: 0;
		width: 80px;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#prave-menu {
		height: fit-content;
		background: url(./mobilni-kosik.png) center no-repeat;
	}
	#prave-menu #kosik-list h3 {
		display: none;
	}
	#kosik-list .stred {
		width: 80px;
		height: 80px;
	}
	#kosik-list .stred span.modre:nth-child(1) {
		float: left;
		color: #fff;
		width: 20px;
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		border-radius: 100%;
		background: #df5a3b;
	}
	#kosik-list .stred a#vse_kosik {
		margin: 0;
		padding: 0;
		left: auto;
		width: 100px;
		height: 80px;
		float: right;
		color: #df5a3b;
		font-size: 0;
		border-radius: 0;
		background: none;
		line-height: 20px;
		text-align: center;
	}
	#kosik-list .stred, #kosik-list .stred span.modre:nth-child(3) {
		font-size: 0;
	}
	#stred .text_obsah, #stred p#info-o-kosiku {
		padding: 5%;
	}
	#kosik-list .stred span.prazdny_kosik {
		display: none;
	}
	#kosik-list .stred span.modre.kosik_pocet {
		top: 10px;
		left: auto;
		right: 10px;
		background: #70aa24;
	}
}
@media (max-width: 1350px) {
	#top-spodek ul.kategorie {
		width: 100%;
	}
	#top-spodek .kategorie li,
	#top-spodek .kategorie li.chranena-dilna-menu {
		float: none;
	}
}
@media (max-width: 1300px) {
	#top #logo {
		margin: 0;
	}
	#kosik-list h3 {
		padding: 0;
		text-align: center;
	}
}
@media (max-width: 1250px) {
	html {
		scroll-behavior: smooth;
	}
	body, #obal, #obal2, #stranka, #stred, #obsah, #vycpavka-des, #stranka_obal {
		max-width: 100%;
		min-width: auto;
	}
	#top {
		left: 0;
		width: 100%;
		box-sizing: border-box;
	}
	#top #logo {
		top: 0;
		width: 80px;
		height: 80px;
		background-size: 80px;
	}
	#top-spodek {
		top: -80px;
		height: 80px;
		position: absolute;
	}
	.shop_menu {
		height: 80px;
	}
	#obal {
		background: none;
	}
	.shop_menu {
		padding: 0;
	}
	#jump-top a:hover {
		color: #adcc6e;
	}
	#jump-top {
		padding: 0;
		height: 80px;
		display: block;
		font-size: 200%;
		line-height: 75px;
		background-color: #fff;
	}
	#jump-top a {
		height: 80px;
		color: #df5a3b;
		display: block;
		font-size: 30px;
		font-family: "atrament-web-n6", "atrament-web";
	}
	#jump-top a:before {
		width: 60px;
		color: #df5a3b;
		content: 'III';
		font-size: 30px;
		font-weight: 300;
		font-style: normal;
		margin: 0px 10px 0 0;
		text-decoration: none;
		display: inline-block;
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		font-family: "atrament-web-n6", "atrament-web";
	}
	body:not(:target) #top-spodek:target li.show-kategorie {
		width: 100%;
		padding: 0 20px;
		background: #fff;
		box-sizing: border-box;
		border: 1px solid #adcc6e;
	}
	#top-spodek .nadkategorie li a {
		padding: 10px;
		color: #adcc6e;
		line-height: 2;
		text-align: left;
		border-bottom: 1px solid #adcc6e;
	}
	#top-spodek li.chranena-dilna-menu a {
		border: none;
	}
	#top-spodek ul.nadkategorie.mouseMenuActivated {
		width: 90%;
		margin: 0 auto;
	}/*
	#top-spodek li.chranena-dilna-menu {
		width: 100%;
		margin-bottom: 20px;
		padding: 0 20px;
		box-sizing: border-box;
		border-left: 1px solid #adcc6e;
		border-right: 1px solid #adcc6e;
		border-bottom: 1px solid #adcc6e;
	}
	#top-spodek li.chranena-dilna-menu a {
		border: none;
		border-top: 1px solid #adcc6e;
	}*/
	#top-spodek .nadkategorie .show-in-menu.panel, #top-spodek .nadkategorie .show-in-panel.panel {
		display: none;
	}
	.obr_nahled img {
		width: 100%;
		height: auto;
	}
	#patka #pobsah {
		width: 100%;
	}
	#patka .patka_info, #patka .patka_info_firmy, #patka .patka_kontakt, #patka .patka_fb {
		float: none;
		height: auto;
		padding: 0;
		margin: 20px auto;
		width: fit-content;
	}
	#patka .patka_info_firmy {
		padding-bottom: 25px;
	}
	#patka .patka_info, #patka .patka_info_firmy {
		text-align: center;
	}
	#patka .patka_fb {
		max-width: 100%;
		margin-top: 75px;
	}/*
	#obsah {
		margin-top: 80px;
	}
	#top-spodek, #prave-menu,
	#prave-menu #kosik-list, .shop_menu, #jump-top {
		height: 80px;
	}*/
	body:not(:target) #top-spodek:target,
	body:not(:target) #top-spodek:target .shop_menu,
	body:not(:target) #top-spodek:target ul.kategorie,
	body:not(:target) #top-spodek:target li.show-nadkategorie {
		height: auto;
	}
	#top.main-logo a#logo:before {
		width: 80px;
		height: 80px;
	}
}
@media (max-width: 1000px) {
	#jump-top a:before {
		width: 40px;
	}
}
@media (max-width: 500px) {
	#jump-top a:before {
		width: 20px;
	}
}
/*
@media (max-width: 450px) {
	#top #logo {
		height: 41px;
		background-size: 229px;
		margin-top: 0;
		margin-left: 10px;
		background-position: center left;
	}
}
@media (max-width: 420px) {
	#top #logo {
		background-size: 75%;
	}
	#patka .patka_fb {
		width: 100%;
	}
}
@media (max-width: 360px) {
	#top #logo {
		background-size: 90%;
	}
	#kosik-list h3 {
		width: fit-content;
	}
	#kosik-list .stred {
		height: 45px;
	}
}*/

										/* ÚVODKA */
@media (max-width: 1250px) {
	.video_uvodka {
		margin-left: calc(50% - 500px);
	}
	#uvodtext, #uvodtextbox, .produkt {
		width: 100%;
		height: auto;
		margin: 0 auto;
		max-width: 100%;
		overflow: hidden;
		box-sizing: border-box;
	}
	#uvodtext h1 {
		font-size: 40px;
		line-height: 1.5;
	}
	#uvodtextbox .blok1, #uvodtextbox .blok2 {
		text-align: left;
	}
	.uvod_bannery_2018 a span {
		font-size: 24px;
		padding: 2vw 3vw 1vw 3vw;
	}
	.uvod_bannery_2018 a .bannery_pozadi img {
		width: 100%;
		height: auto;
		max-height: inherit;
	}
		/* úvodka + přehled produktů */
	.produkt .info {
		width: 45%;
		margin: 0 auto;
	}
	.produkt .foto img {
		width: 90%;
		margin: 0 auto;
	}
	.produkt .dalsi-foto-mini .dalsi-fotka-mini, .produkt .dalsi-foto-mini .dalsi-fotka-mini a, .produkt .dalsi-foto-mini .dalsi-fotka-mini img {
		height: auto;
		margin: 0 auto;
		max-width: 100%;
	}
	.produkt .dalsi-foto-mini {
		width: 15%;
		margin: 0 auto;
	}
	.produkt .cena {
		margin: 0 auto;
		width: calc(100% - 200px);
	}
	.produkt .cena span.dph_popis {
		text-align: right;
	}
}
@media (max-width: 1000px) {
	.video_uvodka {
		margin: 0;
		width: 100%;
		height: 55.4vw;
		margin-top: 10px;
	}
		/* úvodka + přehled produktů */
	.produkt .dalsi-foto-mini {
		display: none;
	}
	.produkt .info p, .produkt .info b {
		font-size: 16px;
	}
	.produkt .foto, .produkt .foto a, .produkt .info, .produkt .cena_kosik_box {
		width: 50%;
	}
	.produkt .cena {
		font-size: 25px;
	}
}
@media (max-width: 750px) {
	#uvodtextbox .blok1, #uvodtextbox .blok2 {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
		/* úvodka + přehled produktů */
	.produkt {
		margin-bottom: 30px;
	}
	.produkt .foto, .produkt .info {
		float: none;
		width: 100%;
	}
	.produkt .foto {
		height: 450px;
	}
	/*.produkt .foto a, .produkt .foto img {
		width: 430px;
		margin-left: calc(50% - 215px);
	}*/
	.produkt .info h4 {
		text-align: center;
	}
	.produkt .info p.popis {
		padding: 10px;
		text-align: left;
	}
	.produkt .odkaz_detail {
		margin: 10px auto;
	}
	.produkt .cena_kosik_box {
		right: 0;
		width: 100%;
		position: relative;
		margin-top: 50px;
	}
}
@media (max-width: 600px) {
	.video_uvodka {
		width: 100%;
		height: 55vw;
	}
}
@media (max-width: 500px) {
		/* úvodka + přehled produktů */
	.produkt .foto a {
		margin: 0;
	}
	.produkt .cena_kosik_box {
		width: calc(100% - 2px);
		left: 0;
	}
}
@media (max-width: 450px) {
	#uvodtextbox {
		padding: 10px;
	}
	#uvodtextbox .blok1, #uvodtextbox .blok2 {
		margin: 0 0 20px 0;
	}
		/* úvodka + přehled produktů */
	.produkt {
		padding: 10px;
	}
	.produkt .foto {
		height: 100vw;
			/* úpravy 2019 */
		height: auto;
	}
	 /*.produkt .foto a, .produkt .foto img {
		margin: 0;
		width: calc(100% - 10px);
		height: auto;
	}
	.produkt .cena {
		padding: 0;
		width: 100%;
		text-align: center;
	}
	.produkt .kosik-form form {
		float: none;
	}
	.produkt .kosik-form form .kos {
		float: left;
		margin-left: calc(50% - 80px);
	} */
}
@media (max-width: 360px) {
		/* úvodka + přehled produktů */
	.produkt .info p.popis {
		font-size: 18px;
		line-height: normal;
	}
	.video_uvodka {
		height: 54vw;
	}
}
@media (max-width: 350px) {
	/*.produkt .cena {
		text-align: left;
		padding-left: 15px;
	}
	.produkt .kosik-form form .kos {
		width: 150%;
		font-size: 0;
		margin-right: 15px;
		padding: 5px 20px;
		background-position: center;
	}*/
	.produkt .cena {
		margin: 0 auto;
		padding-bottom: 5px;
	}
}

										/* ROZCESTNÍK KATEGORIE */
@media (max-width: 1680px) {
	#generovany-seznam-podkategorii {
		float: none;
		margin: 10px auto;
		width: fit-content;
	}
}
@media (max-width: 1220px) {
	.generovany-seznam-podkategorie {
		float: none;
	}
}
@media (max-width: 375px) {
	#generovany-seznam-podkategorii {
		width: 100%;
	}
	.generovany-seznam-podkategorie {
		width: 100%;
		margin: 50px 0;
		height: fit-content;
	}
}


										/* PŘEHLED PRODUKTŮ */
@media (max-width: 1250px) {
	.detailni_obal .produkt {
		margin: 20px 0;
	}
	.detailni_obal .produkt .foto {
		width: 40%;
		position: relative;
	}
	.detailni_obal .produkt .info {
		width: 55%;
	}
	.detailni_obal .produkt .cena_kosik_box {
		width: 100%;
	}
	.detailni_obal .produkt .foto img {
		display: block;
	}
}
@media (max-width: 1000px) {
	.detailni_obal .produkt .foto a,
	.detailni_obal .produkt .foto,
	.detailni_obal .produkt .info {
		width: 100%;
	}
	.detailni_obal .produkt .foto {
		height: auto;
	}
	.detailni_obal .produkt .info {
		height: 100%;
	}
	.detailni_obal .produkt .cena_kosik_box {
		bottom: auto;
		margin-top: 20px;
		position: relative;
	}
	.detailni_obal .produkt .odkaz_detail {
		right: auto;
		bottom: auto;
		margin: 0 auto;
		position: relative;
	}
}

										/* DETAIL PRODUKTU */
@media (max-width: 1170px) {
	#show-produkt {
		width: 100%;
		box-sizing: border-box;
	}
	#show-produkt .row_first {
		margin-top: 20px;
	}
}
@media (max-width: 1130px) {
	.produkt_obal {
		width: 100%;
		box-sizing: border-box;
	}
	#produkt_levy {
		float: none;
		margin: 0 auto;
		width: fit-content;
	}
	#show-produkt #fotka {
		width: auto;
	}
	#produkt_levy a#product-photo-href {
		display: block;
	}
	#produkt_pravy {
		margin: 0 auto;
		min-height: auto;
		padding-top: 30px;
	}
	#produkt_spodek {
		width: 475px;
	}
	#lista {
		margin: 0;
		background: #fff;
	}
	.produkt {
		box-shadow: none;
	}
}
@media (max-width: 600px) {

	.uvod_bannery_2018 a
	{
		width: 100%;
		height:auto;

	}
	.uvod_bannery_2018 a span
	{
	    margin-top: 150px;
	}    
	#show-produkt {
		padding: 15px 0;
	}
	#show-produkt h1 {
		padding: 6px;
		padding-bottom: 20px;
		background: #fff;
	}
	.produkt_obal {
		padding: 10px;
		box-shadow: none;
	}
	.formular_obal_info {
		height: fit-content;
	}
	#dalsi-fotky-produktu .dalsi-fotka {
		width: 30%;
		height: auto;
		margin-right: 3%;
	}
	#dalsi-fotky-produktu .druha {
		width: 30%;
		margin-right: 0;
	}
	#dalsi-fotky-produktu .dalsi-fotka a {
		width: auto;
	}
	#produkt_pravy, #produkt_pravy #formular_obal {
		width: 100%;
	}
	#produkt_pravy #formular_obal p {
		height: auto;
		text-align: center;
	}
	.formular_obal_info_sklad p .termin {
		width: fit-content;
		margin: 0 auto;
		text-align: center;
		background-position: 0;
	}
	.formular_obal_info {
		float: left;
		width: calc(100% - 4px);
	}
	.formular_obal_info span {
		display: block;
	}
	.formular_obal_info .formular_obal_info_usetrite,
	.formular_obal_info .formular_obal_info_sklad {
		margin: 0;
		float: left;
		width: 100%;
		padding: 5px;
		box-sizing: border-box;
	}
	.formular_obal_info .formular_obal_info_usetrite {
		width: 50%;
	}
	.formular_obal_info .formular_obal_info_sklad {
		width: 50%;
	}
	#produkt_pravy #formular_produkt {
		margin: 0;
		float: left;
		width: 100%;
		padding: 20px;
		height: fit-content;
		box-sizing: border-box;
	}
	#produkt_pravy #formular_produkt #cena {
		width: 100%;
		text-align: center;
	}
	#produkt_pravy #formular_produkt input {
		margin: 8px;
		float: left;
		display: inline-block;
		margin-left: calc(50% - 112px);
	}
	#produkt_pravy #formular_produkt .kos {
		float: left;
		margin: 0;
	}
}
@media (max-width: 550px) {
	#produkt_levy {
		width: 100%;
		padding: 0;
	}
	#produkt_levy #fotka img {
		max-width: 100%;
		height: auto;
		margin: 10px 0;
	}
	#produkt_spodek {
		width: 100%;
		margin-bottom: 10px;
	}
	#dalsi-fotky-produktu .dalsi-fotka {
		width: 46%;
		margin: 2%;
		height: auto;
		max-height: 25vw;
	}
	#produkt_pravy {
		padding: 0;
	}
	#produkt_pravy p {
		margin: 10px 0;
		font-size: 17px;
		text-align: left;
	}
	#produkt_pravy p.produkt_row {
		text-align: center;
	}
	#show-produkt .produkt_row strong {
		width: 50%;
		display: inline-block;
	}
}
@media (max-width: 420px) {
	#produkt_pravy #formular_produkt input {
		float: left;
		margin-left: 0;
	}
	#produkt_pravy #formular_produkt .kos {
		float: right;
	}
	span.vyhody {
		padding-left: 30px;
		background-position-x: 0;
	}
	#produkt_pravy .vyrobeno_woodseason {
		background-size: auto 100px;
		padding: 20px 20px 20px 120px;
	}
}

										/* OBJEDNÁVKA */
@media (max-width: 1180px) {
	#formular-objednavka-tabulka td {
		display: block;
	}
	#formular-objednavka td {
		width: fit-content;
		margin: 0 auto;
	}
	#formular-objednavka td strong, h3.modry-nadpis {
		text-align: center;
    }
    #formular-objednavka-tabulka .prvni-sloupec {
    	width: fit-content;
    }
    #formular-objednavka td.tabulka_udaje {
    	margin-bottom: 30px;
    }
    .platba {
    	width: fit-content;
    	margin: 0 auto;
    	}
    #formular-objednavka input {
    	width: fit-content;
    	margin: 0;
    }
    p#objednavka-podminky {
    	text-align: center;
    }
}
@media (max-width: 720px) {
	#formular-vypis-kosiku table td {
		padding: 10px;
		display: block;
		text-align: center;
		box-sizing: border-box;
	}
	#formular-vypis-kosiku table td.kosik-del,
	#formular-vypis-kosiku table td.znacka-model {
		height: auto;
		display: inline-block;
	}
	#formular-vypis-kosiku table td.kosik-del {
		width: 30%;
		padding-top: 0;
		display: none;
	}
	#formular-vypis-kosiku table td.znacka-model {
		width: 70%;
	}
	#formular-vypis-kosiku table td.text-nastred,
	#formular-vypis-kosiku table td.text-napravo {
		width: 33%;
		display: inline-block;
	}
	#formular-vypis-kosiku table td.kosik-foto {
		width: 30%;
		float: left;
	}
	#formular-vypis-kosiku table td.kosik-foto img {
		height: auto;
		max-width: 100%;
	}
	#div-formular-kosik #del {
		margin: 0 auto;
	}
	#div-formular-kosik td.text-napravo.cena-format {
		padding-right: 10px;
	}
	td.text-napravo {
		padding: 0;
		text-align: center;
	}
	.kosik_row p .termin {
		background-position: 0 8px;
	}
	#div-formular-kosik p, #div-formular-kosik a, #div-formular-kosik span {
		font-size: 120%;
	}
	#formular-vypis-ceny-kosiku-div {
		margin: 0;
	}
	#div-formular-kosik table {
		width: 100%;
	}
	#div-formular-kosik table p {
		font-size: 120%;
		text-align: center;
	}
	#formular-vypis-ceny-kosiku-div table td.kosik-cena {
		width: 100%;
	}
	.objednavka-celkem-tr {
		float: none;
		width: 100%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#formular-vypis-ceny-kosiku .objednavka-celkem-td {
		text-align: center;
	}
	#formular-vypis-ceny-kosiku-div table td.text-vpravo {
		width: 50%;
		display: inline-block;
	}
	input.button_prepocitat {
		float: none;
		margin: 0 auto;
		width: fit-content;
		text-align: center;
	}
	#objednat .button_objednat_kosik {
		float: none;
		height: auto;
		padding: 10px 50px;
		margin: 0 auto;
		line-height: 1.5;
		width: fit-content;
		background-position: center right;
	}
	#fakturacni_cast_obal .kroky_obal.krok1,
	#fakturacni_cast_obal .kroky_obal.krok2,
	#fakturacni_cast_obal .kroky_obal.krok3 {
		font-size: 150%;
		text-align: center;
		padding-bottom: 20px;
	}
	#sluzby form h2 {
		padding: 10px;
		font-size: 30px;
	}
	#sluzby form p {
		margin: 0;
		padding: 0;
		font-size: 18px;
		text-align: center;
	}
	table.sluzby_vyber {
		width: 100%;
		margin: 0 auto;
	}
	table.sluzby_vyber tr {
		border: 1px solid #ccc;
	}
	table.sluzby_vyber td {
		display: block;
		text-align: center;
	}
	#formular-objednavka-tabulka td.tabulka_popis {
		float: left;
	}
	#formular-objednavka-tabulka td.tabulka_pole {
		float: right;
	}
	table.sluzby_vyber td.prava {
		padding-bottom: 20px;
	}
	#formular-objednavka td {
		padding: 0;
	}
	#sluzby strong, #sluzby strong b, #sluzby strong p {
		font-size: 150%;
	}
	#objednat .button_objednat {
		padding: 0;
		width: 100%;
		margin: 0 auto;
		font-size: 16px;
		background: #dc5437;
		padding: 10px;
		margin-bottom: 20px;
		box-sizing: border-box;
	}
	.referer_zpet {
		box-sizing: border-box;
		width: fit-content;
		float: none;
		margin: -40px auto 20px auto;
	}
	#formular-objednavka-tabulka .prvni-sloupec {
		width: 20%;
		float: left;
		text-align: left;
	}
}
@media (max-width: 550px) {
	.kroky_obal {
		display: none;
	}
	.kroky_obal .kosik_krok1,
	.kroky_obal .kosik_krok2,
	.kroky_obal .kosik_krok3,
	.kroky_obal .kosik_krok4 {
		display: block;
		padding: 10px 0;
		margin: 0 auto;
	}
	table#formular-objednavka-tabulka {
		padding: 20px 5px;
	}
	/* #objednat .button_objednat {
		font-size: 100%;
		width: 90%;
		margin: 0 auto;
	} */
}
@media (max-width: 450px) {
	#formular-objednavka td, #formular-objednavka input,
	#formular-objednavka textarea, #formular-objednavka textarea.objednavka_poznamka {
		width: 95%;
		text-align: center;
		margin: 5px auto;
		padding-left: 0;
	}
	#objednat .button_objednat {
		background: #dc5437;
		padding: 10px;
	} 
}

										/* TEXTOVKY */
@media (max-width: 1000px) {
	#s_pribehem .pribeh_text p {
		margin: 10px 0;
	}
	#s_pribehem .pribeh_foto img {
		width: 50%;
	}
	#s_pribehem .pribeh_text, #s_pribehem .pribeh_foto {
		margin: 0;
		width: 100%;
	}
	#s_pribehem .dilna_box {
		width: 100%;
		margin: 4px 0;
		height: 50vw;
	}
	#s_pribehem .dilna_box h3 {
		font-size: 28px;
		line-height: 50vw;
	}
	#s_pribehem .dilna_box.chranena_dilna h3,
	#s_pribehem .dilna_box.lakovani h3,
	#s_pribehem .dilna_box.kompletace h3,
	#s_pribehem .dilna_box.chranena_dilna h3:hover,
	#s_pribehem .dilna_box.lakovani h3:hover,
	#s_pribehem .dilna_box.kompletace h3:hover {
		background-size: 100% auto;
	}
}
@media (max-width: 720px) {
	#s_pribehem h1 {
		font-size: 42px;
	}
	#s_pribehem h3 {
		font-size: 32px;
	}
	#s_pribehem ul {
		padding-left: 30px;
	}
	#s_pribehem .pribeh_text h3 {
		margin-left: 0;
	}
	#s_pribehem .dlazdice-triptich .triptich-1,
	#s_pribehem .dlazdice-triptich .triptich-2,
	#s_pribehem .dlazdice-triptich .triptich-3 {
		width: 98%;
		margin: 1%;
	}
	#s_pribehem .pribeh_text img,
	#s_pribehem.divadla-rostou img.img-order-left,
	#s_pribehem.divadla-rostou img.img-order-right {
		width: 100%;
		float: none;
		display: block;
		margin: 0 auto;
	}
}