@media (orientation: landscape) and (max-width: 1400px) {}

@media (max-width: 1680px) {
}

@media (max-width: 1500px) {
	header .container,
	.container.wide,
	.page-id-1885 .container {
	  width: 100%;
	}
  #upozorneni .container,
	#vanoce .container {
		width:100%;
		padding-right:0;
	}
  #rodina {
  	right: 0;
	}
  a.vse {
    width: 100%;
    margin: 0;
	}
  /*.page-id-1878 #adventni-kalendar div {
  	width: 180px;
	}*/
}

@media (max-width: 1300px) {
  .page-id-1878 #adventni-kalendar {
	  width: 980px;
	}
  .page-id-1878 #adventni-kalendar div {
  	width: 120px;
    height: 120px;
	}
  .door::before {
	  line-height: 120px;
  	font-size: 30px;
	}
  .door::after {
  	top: 55px;
	}
  #aktuality_archiv article {
	  width: calc(50% - 1em);
	}
}

@media (max-width: 1260px) {
	header {
  	height: 290px;
  	background-size: contain;
	}
  #rodina {
    width: 473px; /* přepočteno na 70% */
    height: 240px;
    background-size: contain;
		right: 0;
	}
  .logo_wrapper {
  	margin-top: 1.5em;
	}
  nav {
  	width: 28px;
  	float: right;
	}
	#topmenu {
		display:none;
	}
	#menu_icon {
		display:inline-block;
    line-height: 72px;
	}
  #menu_icon img {
		width:23px;
    vertical-align: middle;
	}
  #fullmenu {
		display:block;
	}
  .mm-menu {
    z-index: 99999;
		--mm-max-size: 350px;
		--mm-color-background: #fff;
    --mm-color-text: #000;
    --mm-listitem-size:45px;
    --mm-navbar-size:45px;
    --mm-color-icon:var(--vinova);
	}
  .mm-wrapper__blocker {
	  z-index: 9999;
	}
  .mm-navbar {
  	color: var(--vinova);
    font-family: var(--heavy-font);
	  font-size: 21px;
	  text-transform: uppercase;
    border-bottom: 1px solid var(--vinova);
	}
  .mm-listitem {
  	text-align: left;
	  color: initial;
	}
  .mm-listitem a, .mm-listitem a:visited {
		font-size:20px;
	}
  .mm-listitem::after {
	  box-sizing: border-box;
	}
  .mm-listitem.social a, .mm-listitem.social a:visited {
    color: #999;
	}
  .mm-spn .mfp-close {
	  width: 50px;
	  height: 50px;
	  line-height: 50px;
	}
  .mm-listitem__btn:not(.mm-listitem__text) {
  	border-left: none;
	}
  .mm-btn--next::after, .mm-btn--prev::before {
	  width:9px;
		height:9px;
		border-left-width: 3px;
    border-top-width: 3px;
    opacity:1;
	}
  .mm-btn--close::before {
		color:#aaa;
		font-weight:bold;
	}
  .mm-navbars .mm-navbar {
  	justify-content: right !important;
    text-align: right !important;
	}
  .mm-navbars--top {
  	width: 100%;
		border-bottom: none;
	  height: 32px;
	}
  #nadpis {
  	padding-top: 0;
	}
  #aktuality .container {
  	gap: 1em;
	}
  #aktuality article {
	  width: calc(50% - 1.5em);
	  padding: 1.5em;
	}
  #projekty .popisky {
	  padding: 0;
	}
  #podporujeme {
	  margin: 4em 0;
	}
	.image_wrapper,
	.image_wrapper img {
	  height: auto;
	}
	.image_text_wrapper h1 {
  	font-size: 28px;
  }
  #videos iframe,
	#videos lite-youtube {
  	height: 51vw;
	}
  #filtrovaneDarky .leva_sekce,
  #filtrovaneDarky a.obr {
  	width: 170px;
	}
  #filtrovaneDarky .popisky {
  	width: calc(100% - 170px - 1em);
	}
  .page-id-106 #projekty .container article {
  	width: calc(50% - 2em);
	}
}

@media (max-width : 1100px) {
  .container,
	#upozorneni .container,
	#vanoce .container {
		width:100%;
	}
	iframe {
		width:100%;
	}
  .page-id-24 #boxy > .wp-block-group__inner-container {
	  gap: 1em;
	}
  .page-id-24 #boxy > .wp-block-group__inner-container > div {
	  width: calc(33% - 1em);
	}
  footer .container div {
		width: calc(50% - 2em);
    padding-left: 10vw;
	}
  footer #sloup0 {
		display:none;
	}
  footer #sloup1 .alternative {
		display:block;
	}
  #graf {
		overflow-x: auto;
		overflow-y:hidden;
	}
  .chart {
  	width: 100%;
	  /*overflow-x: auto;
    overflow-y: hidden;*/
	}
  .chart span::before {
  	font-size: 16px;
	}
  #filtrovaneDarky article {
  	width: 100%;
	}
  #filtrovaneDarky .leva_sekce {
	  width: 200px;
	}
  #filtrovaneDarky a.obr {
  	width: 200px;
	}
  #filtrovaneDarky .popisky {
    width: calc(100% - 200px - 1em);
  }
  #aktuality_archiv article {
    padding: 1em 1.5em;
	}
}

/** ----------------------------------------- SCREEN SIZE: tablets landscape / very old desktop --------------------*/
@media (max-width : 1024px) {
	.logo_wrapper {
    margin-top: 1em;
  }
  #nadpis {
    width: 500px;
    font-size: 42px;
	}
  #rodina {
    background-position: 30px 10px;
	}
  a.prispet_na_prani {
  	margin-right: 2em;
	}
  .home #projekty .container {
  	padding: 0 3em;
	}
  .home #projekty .popisky {
  	padding: 0;
	}
  #pozadat .container {
  	gap: 1em;
	}
  #pozadat .subjekt {
  	width: 100%;
	}
  #aktuality article {
	  width: 100%;
	  padding: 1em 1.5em;
	}
	a.vse {
    padding-right:0;
	}
  #iniciativy {
	  margin: 3em 0;
	}
  #iniciativy ul li {
	  font-size: 26px;
  	padding: 0.5em 1em;
	}
  #podporujeme {
    margin: 3em 0;
  }
  #buttons, .wp-block-buttons {
  	margin: 1em 0;
	}
  .page-id-24 #boxy > .wp-block-group__inner-container > div {
    width: 100%;
  }
  #osoby article {
  	width: calc(33% - 2em);
	  flex-direction: column;
    text-align: center;
	}
  #osoby article .foto,
  #osoby article .texty {
	  width: 100%;
	}
  #chci-prispet > .wp-block-group__inner-container {
	  flex-direction: column;
	}
  #chci-prispet > .wp-block-group__inner-container > .wp-block-group {
	  width: 100%;
	}
	#chci-prispet > .wp-block-group__inner-container > .wp-block-group:first-child {
	  padding-right: 0;
	}
  .wpcf7-form {
  	max-width: 500px;
	}
  .page-id-1878 #adventni-kalendar {
	  width: 780px;
		gap:0.5em;
	}
  .page-id-1878 #adventni-kalendar div {
  	width: 100px;
    height: 100px;
	}
  .door::before {
	  line-height: 100px;
  	font-size: 26px;
	}
  .door::after {
  	width: 10px;
  	height: 10px;
		top: 45px;
    right: 7px;
	}
  .doorbox img {
  	padding: 7px;
	}
  #filtrovaneDarky {
  	gap: 1em;
	}
  #filtry > div {
  	width: 280px;
	}
}

@media (max-width : 900px) {
	#osoby article {
  	width: calc(50% - 2em);
	}
}

@media (max-width : 800px) {
  h1 {
  	font-size: 42px;
	}
  h3 {
  	font-size: 23px;
	}
	.container {
  	padding: 0 2em;
	}
	.logo img {
  	width: 250px;
	}
  #nadpis {
  	font-size: 40px;
  	padding-left: 87px;
    width: 440px;
	}
  #vanoce .container {
    display: flex;
    flex-direction: column;
		padding-right:2em;
	}
  #vanoce .titulek {
  	font-size: 42px;
	}
  a.prispet_na_prani {
  	float: none;
    order: 3;
    display: block;
    width: 170px;
		text-align:center;
    margin: 5px 0 0 87px;
	}
  #vanoce .container .titulek, #vanoce .container p {
	  padding-left: 87px;
	}
  #aktuality article {
    padding: 1em;
	}
  main {
  	margin: 4em 0;
	}
  #iniciativy ul li {
  	width: 100%;
    margin-bottom: 0;
	}
  #projekty .container {
  	padding: 0 3em;
	}
  #projekty_inner {
  	grid-template-columns: repeat(1, minmax(0, 1fr));
	 	gap: 0;
	}
 	#projekty article h3 a {
  	padding: 0.5em 1em;
	  font-size: 26px;
	  line-height: 28px;
	}
  .home #projekty .container {
    padding: 0 2em;
  }
  .home #projekty_inner {
  	display: flex;
  	flex-direction: column;
		gap:0;
	}
	#podporujeme h2 {
  	padding: 0 2em;
	}
  footer .container div {
    padding-left: 6vw;
	}
	.map-responsive {
    width:100%;
  }
  .wpcf7-form {
    padding: 0 2vw;
  }
  .wpcf7-form .blok {
    width: 100%;
		padding-right:0;
	}
  .sloupce2 {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
  }
  .page-id-109 :where(.wp-block-columns.is-layout-flex) {
	  gap: 0em;
	}
  .page-id-109 h2 {
		margin: 1em 0 0.5em 0;
	}
  .page-id-106 #projekty .container article {
	  width: 100%;
	}
	/*
  .page-id-1878 .wide {
	  padding: 1em 0;
	}
  .page-id-1878 #adventni-kalendar {
	  width: 600px;
		gap:0.3em;
	}
  .page-id-1878 #adventni-kalendar div {
  	width: 75px;
    height: 75px;
	}
  .door::before {
	  line-height: 75px;
  	font-size: 23px;
	}
  .door::after {
  	width: 8px;
    height: 8px;
    top: 34px;
    right: 5px;
	}
	*/
  .page-id-1878 .wide {
	  padding: 1em 0;
	}
  .page-id-1878 #adventni-kalendar {
    width: 100%;
    padding: 0 1em;
  }
  .page-id-1878 #adventni-kalendar div.zahlavi,
	.page-id-1878 #adventni-kalendar div.mimo {
  	display: none;
	}
  .doorbox img {
  	padding: 5px;
	}
  .wp-block-accordion {
  	padding: 1em;
	}
  main .wp-block-accordion ul {
  	margin-left:1em;
	}
  .wp-block-accordion-heading__toggle-icon {
  	width: 1em;
  	height: 1em;
		margin-left: 0;
	}
  .wp-block-accordion-heading__toggle {
  	font-size: 20px;
	}
  #aktuality_archiv article {
    width: 100%;
	}
  #upozorneni .container {
  	padding: 1em 2em;
	}
}

@media (max-width : 680px) {
  .container,
  #projekty .container {
    padding: 0 2em;
  }
  main {
  	margin: 3em 0;
	}
  #podporujeme {
    margin: 2em 0;
  }
  footer .container div {
    padding-left: 3vw;
	}
	#info_popup {
    padding: 15px;
    width: 90%;
  }
  .home #buttons .wp-block-button__link, .home #adresa .wp-block-button__link, .home .wp-block-buttons .wp-block-button__link {
	  width: 250px;
	}
  .home #buttons .wp-block-button, .home .wp-block-buttons .wp-block-button {
  	margin-bottom:10px !important;
	}
  #cookies-alert {
  	padding: 1.5em 2em 2em 2em;
	}
	.wpcf7-form .blok {
    width: 100%;
  }
  #status {
	  padding: 8px 15px;
  	font-size: 20px;
	}
  #filtrovaneDarky .leva_sekce {
    width: 100%;
		text-align:center;
  }
  #filtrovaneDarky a.obr {
    display: inline-block;
		width: auto;
    max-width: 340px;
	}
  #filtrovaneDarky .leva_sekce form {
	  width: 340px;
    margin: 0 auto;
		display: flex;
	  flex-direction: column;
	}
  #filtrovaneDarky .popisky {
    width: 100%;
	}
  #filtrovaneDarky article h2,
	#filtrovaneDarky article h3,
	#filtrovaneDarky article h4 {
  	text-align: center;
	}
}

/* ----------------------------------------- SCREEN SIZE: phone landscape / tablets portrait --------------------*/
@media (max-width : 600px) {
	h1 {
  	font-size: 40px;
	}
	header {
    height: 300px;
	}
	.logo img {
    width: 210px;
  }
  #nadpis {
    font-size: 38px;
    line-height: 40px;
    padding-left: 10px;
    width: 350px;
	}
  #rodina {
    background-position: 40px 10px;
    width: 450px;
    height: 228px;
  }
  #vanoce .container .titulek, #vanoce .container p {
    padding-left: 0;
  }
  a.prispet_na_prani {
    margin-left: 0;
	}
  #vanoce .titulek {
    font-size: 40px;
	}
  #pozadat .panel {
  	flex-direction: column;
    gap: 0.5em;
	}
  #pozadat .panel a {
  	display: flex;
	  width: 100%;
	  text-align: left;
	  align-items: center;
	  justify-content: flex-start;
	}
  #panel_fo a::before, #panel_po a::before {
  	flex-shrink: 0;
		width: 60px;
    height: 60px;
    margin: 0 15px;
	}
  footer .container div {
    width: 100%;
		text-align:center;
	}
  #buttons, .wp-block-buttons {
  	margin: 1em 0;
	}
  #cookies-alert {
  	padding: 1.5em 1em 2em 1em;
	}
	#cookies-settings .group p,
	.buttons {
  	padding-left: 0;
	}
  .wpcf7-form .two {
  	flex-direction: column;
    gap: 0;
	}
  .wpcf7-form .two div {
  	width: 100%;
	}
  #osoby article {
  	width: 100%;
	}
	/*
  .page-id-1878 #adventni-kalendar {
	  width: 480px;
	}
  .page-id-1878 #adventni-kalendar div {
  	width: 60px;
    height: 60px;
	}
  .door {
  	border-left-width: 3px;
	}
  .door::before {
	  line-height: 60px;
  	font-size: 20px;
	}
  .door::after {
  	width: 6px;
    height: 6px;
    top: 27px;
    right: 3px;
	}
  .doorbox img {
  	padding: 3px;
	}
	*/
  #filtry {
  	gap: 0;
	}
  #filtry > div {
    flex-direction: row;
    justify-content: center;
		width: 100%;
    margin-bottom: 10px;
  }
	#filtry > div label {
  	width: 170px;
	}
  #filtry > div select {
  	width: 220px;
	}
  #kosik_inner,
	#kosik_header,
	#kontejner {
	  gap:1em;
	}
}

@media (max-width : 480px) {
  h1 {
  	font-size: 36px;
	}
  h2 {
  	font-size: 28px;
	}
	.container,
  #projekty .container,
	.home #projekty .container {
    padding: 0 1.3em;
  }
  header {
    height: 270px;
  }
  .logo_wrapper {
    margin-top: 1em;
  }
	#nadpis {
    font-size: 36px;
    line-height: 38px;
    padding-left: 6px;
    width: 305px;
  }
	#rodina {
    width: 375px;
    height: 171px;
    background-position: 50px 0;
	}
  #vanoce .container {
    padding-right: 1.3em;
	}
  #vanoce .titulek {
    font-size: 36px;
	}
  #pozadat .jsem {
  	padding: 1em 1.5em;
	}
  #aktuality article {
    padding: 1em;
    flex-direction: column;
	}
  #aktuality .datum {
  	flex-basis: 40px;
  	text-align: left;
  	margin-right: 0;
	}
  .mm-menu {
	  width: 100%;
	}
  .home #projekty article h3 a {
  	padding: 0.5em 1em;
	}
  #cookies-settings .group p {
	  padding-left: 0;
	}
  #cookies-alert .button {
	  border:none;
		margin:0;
    padding: 7px;
		display: inline-block;
	}
  .switch, .switch-item {
	  display: block;
    margin-bottom: 15px;
	}
  .buttons {
  	padding-left: 0;
    line-height: 2em;
	}
  #buttons, .wp-block-buttons {
    margin: 0 0 1em 0;
  }
  #cookies-settings .button {
	  margin: 0 15px 0 0px;
	  padding: 5px 10px;
		display:inline-block;
	}
	footer {
  	padding: 20px 0;
  }
  .page-id-1885 .container {
  	padding: 0 1.3em;
	}
  #filtry > div {
    flex-direction: column;
    margin-bottom: 0;
  }
  #filtry > div label,
	#filtry > div select {
    width: 100%;
  }
  #aktuality_archiv article {
    padding: 1em;
  }
  #upozorneni .container {
    padding: 1em 1.5em;
	}
  #pozadat {
  	margin: 3em 0;
	}
  #pozadat .jsem span {
  	font-size: 26px;
	}
  .home #aktuality h2 {
	  padding: 0 1em;
	}
}

/** ----------------------------------------- SCREEN SIZE: phone portrait --------------------*/
@media (max-width : 380px) {
  .container {
    padding: 0 1em;
  }
	.logo img {
    width: 180px;
  }
  #nadpis {
    width: auto;
    font-size: 34px;
    line-height: 36px;
	}
  #rodina {
    background-position: 60px 0;
	}
  #filtrovaneDarky .leva_sekce form {
    width: 100%;
	}
  .page-id-1885 .container {
  	padding: 0 1em;
	}
  #upozorneni .container {
    padding: 1em;
	}
  #pozadat .jsem span {
    font-size: 24px;
  }
}