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

@media (min-width: 1920px) {
	body.home {
	  background-size: contain;
	}
}

@media (max-width: 1800px) {
	.container:not(.container_slim) {
		width:100%;
		margin:0;
  	padding:20px 40px;
	}
  #faq ul li {
  	padding-left:7.5vw;
	}
  #faq ul li::before {
	  top: 1vw;
	  width: 7vw;
	  height: 4.5vw;
	  background-size: 6vw;
	  background-position: left 10px;
	}
}

@media (max-width: 1500px) {
  div.brcal > .wp-block-group__inner-container, div.bila > .wp-block-group__inner-container {
  	width: 100%;
	}
  #infos .wp-block-group__inner-container .wp-block-group h3::before {
  	width: 16vw;
  	height: 16vw;
	}
  #vice ul li {
  	width: 33.3%;
    padding: 2vw;
	}
  .page:not(.home) #content {
  	width: 100%;
	}
}

@media (max-width: 1260px) {
  #intro_img,
	#intro_text {
		width:100%;
	}
  .kelimek-recycle {
	  height: 400px;
		width: auto;
	}
  #intro_text {
  	margin-left:0;
  	text-align: center;
	}
  #intro .ruka {
  	left: calc(50% - 147px);
	}
  #intro .oko {
  	left: calc(50% - 9px);
	}
  #intro .star1 {
  	left: calc(50% - 147px);
	}
  #intro .star2 {
  	right: calc(50% - 120px);
	}
  #intro .star3 {
  	right: calc(50% - 163px);
	}
  #uvod_info {
	  width: 100%;
    padding: 2em;
	}
  #uvod > .wp-block-group__inner-container {
  	flex-wrap: wrap;
	}
  #count {
  	width: 100%;
  	margin-bottom: 2em;
	}
	#infos .wp-block-group__inner-container .wp-block-group {
  	width: 33.3%;
    padding: 0 0.5em;
	}
  #infos .wp-block-group__inner-container .wp-block-group h3::before {
    width: 20vw;
    height: 20vw;
    margin-bottom: 0.5em;
  }
  #po-akci ul {
  	flex-wrap: wrap;
    flex-direction: column;
  	width: 600px;
    margin: 0 auto;
    padding-left: 2em;
	}
  #po-akci ul li {
  	width: 100%;
		padding:0;
	}
  #nadace .wp-block-group__inner-container {
	  flex-direction: column;
	}
  #nadace .wp-block-group__inner-container > * {
  	width:100%;
		padding: 0 4vw;
	}
  #content > div {
  	padding: 2vw 5vw;
	}
  #faq ul li {
    padding-left: 8.5vw;
  }
  #faq ul li::before {
    top: 1vw;
    width: 7.5vw;
    height: 5vw;
    background-size: 7vw;
    background-position: left 7px;
  }
  .page:not(.home) #intro {
	  padding-bottom: 6vw;
	}
  .page:not(.home) #content {
  	margin: 3em auto;
	}
}

/** ----------------------------------------- SCREEN SIZE: tablets landscape / very old desktop --------------------*/
@media (max-width : 1024px) {
	#topmenu {
  	flex-grow: initial;
		justify-content: right;
		display: flex;
    width: 100%;
    float: right;
	}
	#topmenu li {
    display:none;
  }
  #topmenu li a, #topmenu li a:visited {
    display: block;
		font-size:1.8em;
		line-height:1em;
		margin: 0;
		text-align:center;
	}
  #topmenu li.icon {
    display: block;
    padding: 0;
	}
  #topmenu li.icon a, #topmenu li.icon a:visited {
	  padding: 1em;
	}
  #topmenu li.icon img {
    width:30px;
  }
  #topmenu a, #topmenu a:visited {
    line-height:2em;
  }
  #topmenu li a, #topmenu li a:visited {
    height:auto;
	}
  #topmenu.responsive {
    width:100%;
		background:var(--vinova);
    text-align:center;
		position: absolute;
    top:0;
		left:0;
		padding:15vw 0;
    box-sizing: border-box;
    min-height: 100vh;
    z-index: 999999;
    display: flex;
    flex-direction: column;
  }
  #topmenu.responsive li {
    float: none;
    width: 100%;
    display: block;
		text-align:center;
  }
	#topmenu.responsive li:hover a {
		background:var(--bg1);
		text-decoration:none;
	}
  #topmenu.responsive li.current-menu-item:hover a {
		color:var(--ruzova);
	}
  #topmenu.responsive li.icon {
    display:none;
  }
  #closebtn.responsive {
    display:block;
    position: absolute;
    top: 2em;
    right: 2em;
    padding:0;
    z-index:9999999;
  }
  #closebtn.responsive img {
    width:30px;
  }
	/*
	#top {
    position: fixed;
		height:110px;
	}
  #top nav {
  	padding-top: 30px;
	}
  #topmenu li.icon img {
    padding: 0;
	}
  #topmenu li a, #topmenu li a:visited, #languages li a, #languages li a:visited {
    padding: 30px 15px 15px 15px;
	}
	#menu_icon {
		display:block;
    background-image: none;
		float:right;
	}
  #menu_icon img {
		width:25px;
    vertical-align: middle;
	}
	*/
  .mm-menu {
		z-index: 99999;
		--mm-color-background: var(--brcal);
    --mm-color-text: #000;
    --mm-listitem-size:45px;
    --mm-navbar-size:45px;
    --mm-color-icon:#fff;
	}
  .mm-navbar {
  	border-bottom: none;
	}
  #mobilmenu .mm-btn:not(.mm-btn--close) img {
		display:none;
	}
  #fullmenu .mm-navbar {
    display: none;
	}
  .mm-navbar img {
    height: auto;
    max-width: 50px;
    margin: 15px 0 0 40px;
	}
	.mm-navbar__title > span {
  	color: var(--seda2);
    font-weight: normal;
	}
  .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
    color: #fff;
	}
  .mm-wrapper__blocker {
	  z-index: 9999;
	}
  .mm-listitem {
  	text-align: left;
	  color: initial;
	  border-color: transparent;
	}
  .mm-listitem__text {
  	padding-left: 40px;
    padding-right: 40px;
	}
  .mm-listitem::after {
	  box-sizing: border-box;
	}
  .langs {
  	border-top: 1px solid var(--seda3);
	}
  .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 {
	  left: auto;
		width:9px;
		height:9px;
		border-left: 3px solid #fff;
    border-top: 3px solid #fff;
    opacity:1;
		background:none;
    transform-origin: unset;
	}
  .mm-btn--next:hover::after, .mm-btn--prev:hover::before {
		background:none;
    transform:rotate(var(--mm-btn-rotate));
    transform-origin:unset;
	}
  .mm-btn--close::before {
		font-size: 250%;
    font-weight: normal;
    margin: 10px 20px 0 0;
	}
  .mm-navbars .mm-navbar {
  	justify-content: space-between !important;
    text-align: right !important;
	}
  .mm-navbars--top {
  	width: 100%;
    height: 80px;
		border-bottom: none;
	}
  .mm-navbar {
		font-weight: bold;
		color: #000;
		text-transform: uppercase;
	}
  .mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
	  text-decoration: none;
  	font-size: 26px;
    line-height: 1.3em;
    text-transform: uppercase;
		color:#000;
	}
  .mm-menu a:hover {
  	background-size: 0;
	}
  #intro {
		padding-top:10vw;
	}
  .container {
    padding: 20px;
	}
  #menu_icon {
	  display: block;
    margin-right: 1em;
	}
  div.brcal p,
	div.brcal li {
  	color: #000;
	}
  #infos .wp-block-group__inner-container .wp-block-group {
  	width: 50%;
		padding:0 1em;
	}
  #infos .wp-block-group__inner-container .wp-block-group h3 {
	  overflow: hidden;
	}
  #infos .wp-block-group__inner-container .wp-block-group h3::before {
    width: 26vw;
    height: 26vw;
  }
  #proc-vracet ul {
	  flex-wrap: wrap;
	}
  #proc-vracet ul li {
  	width: 50%;
	}
  #faq ul li {
    padding-left: 9.5vw;
  }
  #faq ul li::before {
    width: 8vw;
    height: 5.5vw;
    background-size: 8vw;
	}
  #faq ul li strong {
  	color: var(--tmzelena);
	}
  .page:not(.home) #content {
  	margin: 2em auto;
	}
}

@media (max-width : 800px) {
  #vice ul li {
  	width: 50%;
	}
  #linka svg {
  	width: 100%;
	}
  #faq ul li {
    padding-left: 11vw;
  }
  #faq ul li::before {
    width: 9vw;
    height: 6.5vw;
    background-size: 9vw;
	}
}

@media (max-width : 680px) {
	.kelimek-recycle {
  	height: 300px;
	}
  #intro_img {
  	height: 330px;
	}
  #intro .ruka {
    left: calc(50% - 110px);
	  top: 68px;
  	width: 72px;
	}
  #intro .oko {
    left: calc(50% - 6px);
	  top: 74px;
	  width: 21px;
  	height: 31px;
	}
  #intro .vicko {
  	top: 1px;
  	left: 1px;
  	width: 18px;
  	height: 29px;
	}
  #intro .star1 {
    left: calc(50% - 115px);
    top: 5%;
		width: 27px;
  }
  #intro .star2 {
    right: calc(50% - 93px);
  	top: 20%;
  	width: 24px;
	}
  #intro .star3 {
    right: calc(50% - 120px);
	  top: 70%;
  	width: 21px;
	}
  h1 {
  	font-size: 51px;
	}
  h2 {
  	font-size: 36px;
	}
  h3 {
  	font-size: 28px;
	}
  #intro h1 span {
	  text-shadow: 3px 3px 0px #fff;
	}
  #intro h2 {
  	font-size: 62px;
	}
  #intro h3 {
  	font-size: 39px;
	}
  #uvod_info {
    padding-bottom:0;
  }
  #count_inner {
  	min-width: 300px;
	}
  .counter {
  	font-size: 52px;
	}
  .counter_jednotka {
  	margin-right:12px;
  	font-size: 52px;
	}
  #count_inner img {
  	width: 40px;
	}
  .counter_text {
  	font-size: 36px;
	}
  #infos .wp-block-group__inner-container .wp-block-group {
    padding: 0 0.5em;
  }
  #infos .wp-block-group__inner-container .wp-block-group h3 {
	  margin: 0;
	}
  #infos .wp-block-group__inner-container .wp-block-group h3::before {
    margin-bottom: 10px;
    width: 40vw;
    height: 40vw;
  }
  #po-akci ul {
    width: 100%;
    padding-left: 1em;
	}
  #proc-vracet ul li::before {
	  margin: 0 auto;
	}
	#cookies-alert {
  	padding: 1.5em 2em 2em 2em;
	}
}

/* ----------------------------------------- SCREEN SIZE: phone landscape / tablets portrait --------------------*/
@media (max-width : 600px) {
	h1 {
    margin-top: 0;
		font-size: 40px;
  }
  h2 {
  	font-size: 32px;
	}
  nav .wrapper {
  	height:60px;
	}
	#topmenu li a, #topmenu li a:visited, #languages li a, #languages li a:visited {
    padding:15px;
	}
  #topmenu li.icon img {
    padding-top:5px;
	}
  #topmenu.responsive {
    padding-top:11vw;
	}
  #topmenu.responsive li a {
    line-height: 1.2em;
	}
  #content > div {
    padding: 5vw;
  }
  #footer .container {
    padding: 0;
  }
  #footer #loga a {
	  margin: 0.3em 1em;
	}
  #footermenu > li {
    width: 100% !important;
    line-height: 2em;
    text-align: center;
  }
	#footermenu .sub-menu li {
		display:inline-block;
		margin: 0 0.5em;
	}
  #footermenu .social {
		width:100%;
	}
  #footermenu .social li {
    display: block;
    margin-right: 0;
  }
  #footermenu li li a, #footermenu li li a:visited {
	  line-height: 1.7em;
	}
  #infos .wp-block-group__inner-container .wp-block-group,
  #proc-vracet ul li {
    width: 100%;
    padding: 0;
	}
  #infos .wp-block-group__inner-container .wp-block-group h3::before {
    width: 50vw;
    height: 50vw;
  }
  #faq ul li {
    padding-left: 13vw;
  }
  #faq ul li::before {
    width: 11vw;
    height: 8vw;
    background-size: 11vw;
	}
  #cookies-alert {
  	padding: 1.5em 1em 2em 1em;
	}
	#cookies-settings .group p,
	.buttons {
  	padding-left: 0;
	}
  #cookies-settings .buttons {
  	padding-left: 0;
	}
}

@media (max-width : 480px) {
	#topmenu.responsive {
    padding-top:13vw;
	}
	#topmenu.responsive li a {
    padding: 1.5vw 1vw 1.5vw 3vw;
    font-size: 1.7em;
  }
  .mm-menu {
	  width: 100%;
	}
  .mm-navbar img {
    max-width: 60px;
		margin: 15px 0 0 55px;
	}
  #uvod_info {
    padding: 0;
	}
  #intro {
  	padding-top: 3em;
		padding-bottom: 2em;
	}
  #intro h1 {
    font-size: 9vw;
	}
  #intro h2 {
    font-size: 12.7vw;
  }
  #intro h3 {
    font-size: 8vw;
  }
  #vice ul li {
  	width: 100%;
	}
  #faq ul li {
    padding-left: 15vw;
  }
  #faq ul li::before {
    width: 13vw;
    height: 10vw;
    background-size: 13vw;
	}
}

/** ----------------------------------------- SCREEN SIZE: phone portrait --------------------*/
@media (max-width : 380px) {
	.counter {
    font-size: 42px;
    padding: 15px;
	  min-width: 180px;
  }
  .counter_jednotka {
    padding: 15px 0;
		margin-right: 10px;
    font-size: 42px;
	}
  #count_inner img {
    width: 30px;
  }
  .counter_text {
    font-size: 32px;
  }
  #infos .wp-block-group__inner-container .wp-block-group h3::before {
    width: 55vw;
    height: 55vw;
  }
	#faq ul li {
    padding-left: 17vw;
  }
  #faq ul li::before {
    width: 15vw;
    height: 12vw;
    background-size: 15vw;
	}
}