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

@media (max-width : 1600px) {
  .container {
	  width: 96vw;
		padding: 0 2vw;
	}
  #sloupce-3 > .wp-block-group__inner-container .wp-block-group {
	  width: calc(33% - 2em);
	}

  .tax-aktivity .item {
	  width: 25%;
    background-size: 40%;
	}
  @-webkit-keyframes zoominTax {
	  0% { background-size: 40%; }
	  100% { background-size: 45%; }
	}
	@-webkit-keyframes zoomoutTax {
	  0% { background-size: 45%; }
	  100% { background-size: 40%; }
	}
}

@media (max-width : 1380px) {
  #points > .wp-block-group .wp-block-group {
  	width: 340px;
		padding: 1.5em 2em;
	}
  #points h2 {
  	font-size: 30px;
	}
  #programy .wp-block-group {
  	width: calc(50% - 2em);
	}
  #dlazdice .container {
	  width: 100% !important;
    padding: 0;
	}
  .item h2 ~ p {
	  margin-top: 10px;
	}
  #footer .container {
  	flex-direction: column;
		gap:1em;
	}
  #logo_pav,
	#logo_mzp {
	  float: none;
	  margin: 0 40px;
		display: inline-block;
	}
}

@media (max-width : 1280px) {
	#points > .wp-block-group {
	  width: 100%;
	  height: 40vw;
    min-height:initial;
	  max-height: 512px;
    padding: 2em 0 2em 5em;
	}
  #points > .wp-block-group .wp-block-group {
    width: 340px;
	}
  a.item, a.item:visited {
		padding: 2em;
	}
}

@media (max-width : 1260px) {
	.container {
	  margin-top:2em;
	}
	#header .container {
  	text-align: center;
	}
  #socials {
	  float: none;
	}
	#name {
    display: inline-block;
    line-height: 1em;
		margin: 0.7em auto 0 auto;
    font-size: 42px;
	}
	.item {
    background-size: 45%;
	}
  a.item, a.item:visited {
	  width: 33%;
	}
  #sloupce-3 > .wp-block-group__inner-container .wp-block-group {
    width: 100%;
  }
  #sloupce-3 > .wp-block-group__inner-container .wp-block-group h2:first-child {
	  margin-top: 1em;
	}
  @-webkit-keyframes zoomin {
	  0% { background-size: 45%; }
	  100% { background-size: 53%; }
	}
	@-webkit-keyframes zoomout {
	  0% { background-size: 53%; }
	  100% { background-size: 45%; }
	}
	.item h2 {
  	font-size: 34px;
	}
  .item h3 {
  	font-size: 21px;
	}
  .item h2 ~ p {
	  margin-top: 5px;
	}
  #osoby .osoba {
  	width: calc(50% - 2em);
	}
  #archiv {
  	padding: 0;
	}
  #clenove article {
  	width: calc(50% - 2em);
	}
  .tax-aktivity .item {
	  width: 33.33%;
		background-size: 30%;
	}
  @-webkit-keyframes zoominTax {
	  0% { background-size: 30%; }
	  100% { background-size: 40%; }
	}
	@-webkit-keyframes zoomoutTax {
	  0% { background-size: 40%; }
	  100% { background-size: 30%; }
	}
  .single #left {
  	width: 400px;
    margin-right: 40px;
	}
  .single #left .large_photo img,
	.single #left .large_photo iframe {
		width:100%;
	}
  .single #right {
	  width: calc(100% - 440px);
	}
  .single h1 {
	  font-size: 48px;
	}
}

/* ----------------------------------------- SCREEN SIZE: tablets landscape / very old desktop --------------------*/
@media (max-width : 1024px) {
	#topmenu {
		display:none;
	}
	#menu_icon {
		display:block;
		position: fixed;
    top: 2em;
    right: 1em;
    z-index: 9999;
	}
  #menu_icon img {
		width:30px;
    vertical-align: middle;
	}
  #fullmenu {
		display:block;
	}
  .mm-menu {
    z-index: 99999;
		--mm-color-background: #fff;
    --mm-color-text: #000;
    --mm-listitem-size:55px;
    --mm-navbar-size:45px;
    --mm-color-icon:var(--zelena);
	}
  .mm-wrapper__blocker {
	  z-index: 9999;
	}
  .mm-listitem {
  	text-align: left;
    font-size: 20px;
	  color: initial;
	}
  .mm-listitem::after {
	  box-sizing: border-box;
	}
  .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;
		*/
    width: 15px;
    height: 15px;
    border-left-width: 5px;
    border-top-width: 5px;
    opacity:1;
	}
  .mm-btn--close::before {
		color:var(--zelena);
		font-weight:bold;
    font-size: 2.7em;
		margin-right:5px;
	}
  .mm-navbars .mm-navbar {
  	justify-content: right !important;
    text-align: right !important;
	}
  .mm-navbars--top {
  	width: 100%;
		border-bottom: none;
	  height: 28px;
	}
  #points > .wp-block-group {
    height: 44vw;
		padding-left: 3em;
  }
  #programy .wp-block-group .wp-block-image {
  	height: 150px;
	}
  #programy .wp-block-image img {
	  max-height: 140px;
	}
  #osoby .lide {
  	gap: 2em;
	}
  #osoby .osoba {
  	width: calc(50% - 1em);
	  padding: 1em;
	}
  #osoby .osoba h3 {
  	font-size: 27px;
	}
  #archiv {
	  columns: 3;
	}
  .mapael .zoomButton {
  	right: 20px;
	}
  .page-id-926 .wp-block-group__inner-container p {
	  width: calc(50% - 3em);
	}
  .tax-aktivity .item {
	  width: 50%;
	}
  .tax-aktivity .item {
		background-size: 25%;
	}
  @-webkit-keyframes zoominTax {
	  0% { background-size: 25%; }
	  100% { background-size: 30%; }
	}
	@-webkit-keyframes zoomoutTax {
	  0% { background-size: 30%; }
	  100% { background-size: 25%; }
	}
  #name {
	  font-size: 38px;
	}
  .single #top_name,
	.single h1 ~ .cesta {
		display:block;
    text-align: center;
	}
	.single #right h1,
	.single #right .cesta {
		display:none;
	}
  .single h1 {
	  font-size: 44px;
	}
  .single #left {
	  width: 100%;
    text-align: center;
	  margin-right: 0;
	}
	.large_photo {
		text-align:center;
	}
	.single #left .large_photo img {
	  max-width: 500px;
	}
  .single ul.params {
  	padding: 10px 30px;
	}
  .single #right {
	  width: 100%;
	  margin-top: 2em;
	}
  .single #left .large_photo iframe {
		height:50vw;
	}
}

@media (max-width : 800px) {
  #points > .wp-block-group {
    height: 54vw;
    padding-left: 0;
    background-position: -30vw center;
	}
  #programy .wp-block-group {
    width: 100%;
  }
  #programy .wp-block-group .wp-block-image {
    height: auto;
    margin: 1em 0;
  }
  #programy .wp-block-group__inner-container p:last-child {
	  text-align: right;
	  width: 100%;
	}
  a.item, a.item:visited {
    width: 50%;
  }
  .item:hover h2,
	.item:hover h3,
	.item:hover p {
	  transform:scale(1.1);
	}
  .filtry select {
	  font-size: 18px;
  	padding: 7px 30px 7px 10px;
  	margin: 0;
	}
  #clenove article {
    width: 100%;
  }
  #clenove article .mail, #clenove article .tel {
	  margin-bottom: 0.3em;
	}
  #clenove article p.web {
	  margin-bottom: 0;
	}
  #footer .container {
  	width: 100%;
		padding:0;
	}
  #logo_pav, #logo_mzp {
	  margin: 0 30px;
	}
  #about {
  	width: 100%;
    margin-right: 0;
	}
  #archiv {
	  columns: 2;
	}
  #archiv li a, #archiv li a:visited {
  	padding: 12px 15px;
	}
  .tax-aktivity .item .inner {
  	width: 42vw;
	}
  nav {
	  margin: 1em 0 0 0;
	}
  #name {
	  font-size: 34px;
	}
  .single h1 {
	  font-size: 39px;
	}
}

@media (max-width : 680px) {
   #points > .wp-block-group {
    height: auto;
    padding: 0;
    background-position: bottom center;
    background-size:contain !important;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
	}
  #points > .wp-block-group .wp-block-group {
    width: 100%;
    top: 0;
    margin-bottom: 40vw;
	}
	.item {
	  display: block;
		width: 100%;
		height: auto;
		padding:0;
    background-size: 20%;
	}
  @-webkit-keyframes zoomin {
	  0% { background-size: 20%; }
	  100% { background-size: 22%; }
	}
	@-webkit-keyframes zoomout {
	  0% { background-size: 22%; }
	  100% { background-size: 20%; }
	}
  .item .inner {
	  position: relative;
    width: 100%;
	  height: auto;
		padding: 1.5em 3em;
	  box-sizing: border-box;
	  top: 0;
	  left: 0;
	  transform: none;
	}
  .item h2 ~ p {
	  margin-top: 10px;
	}
  .item h3 {
	  margin-bottom: 0;
	}
  #osoby .lide {
    gap: 1.5em;
  }
  #osoby .osoba {
    width: 100%;
	}
  #osoby h2 {
  	text-align: center;
	}
  #logo_pav, #logo_mzp {
	  margin: 0 0 20px 0;
	  display: block;
	}
  #logo_pav img {
	  width: 200px;
	}
  #logo_mzp img {
  	width: 210px;
	}
  .tax-aktivity .item {
	  display: block;
		width: 100%;
		height: auto;
		padding:0;
    background-size: 10%;
	}
  @-webkit-keyframes zoominTax {
	  0% { background-size: 10%; }
	  100% { background-size: 13%; }
	}
	@-webkit-keyframes zoomoutTax {
	  0% { background-size: 13%; }
	  100% { background-size: 10%; }
	}
  .tax-aktivity .item .inner {
	  position: relative;
    width: 100%;
	  height: auto;
		padding: 1.5em 3em;
	  box-sizing: border-box;
	  top: 0;
	  left: 0;
	  transform: none;
	}
  .single h1 {
	  font-size: 37px;
	}
  .single h2 {
  	font-size: 27px;
	}
	.single h3 {
  	font-size: 22px;
	}
  #footer p span {
	  display: block;
	}
  #footer p img.mini {
		display:none;
	}
}

/* ----------------------------------------- SCREEN SIZE: phone landscape / tablets portrait --------------------*/
@media (max-width : 600px) {
  a.item, a.item:visited {
    width: 100%;
  }
  .container {
	 	margin: 2em auto;
	}
  .single ul.params li {
  	text-align: left;
	}
  #archiv {
	  columns: 1;
	}
   #clenove article .mail a, #clenove article .web a, #clenove article .mail a:visited, #clenove article .web a:visited  {
		hyphens: auto;
	}
	#name {
	  font-size: 31px;
	}
	.single article {
    overflow: auto;
		padding-bottom: 1em;
	}
  .single h1 {
	  font-size: 38px;
	}
  .page-id-926 .wp-block-group__inner-container {
  	flex-direction: column;
		gap: 0;
	}
  .page-id-926 .wp-block-group__inner-container p {
	  width: 100%;
	}
  .large_photo iframe {
		width:100%;
	}
  #footer {
  	padding: 4vw;
	}
  .page-id-926 #content .wp-block-group__inner-container br:not(:has(+strong)) {
		display:none;
	}
}

@media (max-width : 480px) {
	h1 {
  	font-size: 42px;
	}
	#points > .wp-block-group {
    background-size: 126vw !important;
    background-position: bottom right;
	}
  #points > .wp-block-group .wp-block-group {
    margin-bottom: 50vw;
  }
  #programy .wp-block-group .wp-block-image {
  	justify-content: center;
	}
  #programy .wp-block-group__inner-container p:last-child {
    text-align: center;
	}
  .container {
	 	margin: 2em auto;
	}
  .single ul.params {
    padding: 10px 20px;
  }
	.container {
	  margin-top: 1em;
	}
  #topmenu.responsive li a {
	  padding: 1.7vw 4vw;
	}
	#name {
  	margin-top: 0.5em
		font-size: 30px;
	}
  .single h1 {
	  font-size: 33px;
	}
  .tax-aktivity .item {
  	background-size: 20%;
	}
  @-webkit-keyframes zoominTax {
	  0% { background-size: 20%; }
	  100% { background-size: 23%; }
	}
	@-webkit-keyframes zoomoutTax {
	  0% { background-size: 23%; }
	  100% { background-size: 20%; }
	}
  .single ul.params {
	  margin-top: 0;
	}
}

/** ----------------------------------------- SCREEN SIZE: phone portrait --------------------*/
@media (max-width : 380px) {
  #header .container {
  	padding: 1.4em 1em;
	}
	#logo img {
	  width: 180px;
	}
	#points > .wp-block-group {
    background-size: 159vw !important;
	}
  #points > .wp-block-group .wp-block-group {
    margin-bottom: 63vw;
    padding: 1.5em;
  }
  .rozbaleny {
  	padding: 10px 0;
	}
	.item .inner {
	  padding: 1.5em 2em;
	}
  #name,
  .single h1 {
	  font-size: 30px;
	}
  .single ul.params li b {
  	display: block;
	}
}