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

@media (max-device-width : 1680px) {
  .container {
  	width:100%;
	}
	#infoMenu{
		display:none;
	}
  #buyerMenu a.menuico {
		display:inline-block;
    height: 55px;
    width: 55px;
    background-image: url('menu.svg');
		background-position:center center;
		background-repeat:no-repeat;
	  background-size:20px;
	}
  #buyerMenu a.menuico:hover {
    cursor:pointer;
	}
  .topnav {
	  position: relative;
	  top: initial;
	}
	#mobileNav {
	  display:block;
		position: fixed;
		height: 0;
	  width: 100%;
	  z-index: 999;
	  left: 0;
	  top: 0;
	  background-color: var(--hneda);
		opacity:0.97;
	  overflow-x: hidden;
	  transition: 0.5s;
	}
	#mobileNav .overlay-content {
	  position: relative;
	  top: 5em;
	  width: 100%;
	  text-align: center;
	}
  #mobileNav li:not(.medovina) a {
		color:var(--zlata);
	}
	#mobileNav a {
	  display: block;
		padding: 8px 15px;
	  font-size: 24px;
    line-height: 1.1em;
	  color: #fff;
	  transition: 0.3s;
	}
	#mobileNav .closebtn {
	  position: absolute;
	  top: 0;
    right: 20px;
    font-size: 40px;
	}
	#mobileNav .closebtn:hover {
		text-decoration:none;
	}
	#topmenu li {
    display:none;
  }
  #topmenu li a, #topmenu li a:visited {
    display: block;
    padding:0.3em 0 0 0;
		font-size:1.5em;
		line-height:1.8em;
		margin: 0;
		text-align:center;
	}
  #topmenu li.icon {
    display: block;
    padding: 0;
	}
  #topmenu li.icon a, #topmenu li.icon a:visited {
		padding:0;
    line-height: 1em;
	}
  #topmenu li.icon img {
    width:27px;
  }
  #topmenu a, #topmenu a:visited {
    line-height:2em;
  }
  #topmenu li a, #topmenu li a:visited {
    height:auto;
	}
	#topmenu.responsive {
    width:100%;
		background:var(--hneda);
    text-align:center;
		position: absolute;
    top:0;
		left:0;
		padding:4em 0 2em 0;
    box-sizing: border-box;
    min-height: 100vh;
    z-index: 999999;
  }
  #topmenu.responsive li {
    float: none;
    display: block;
		text-align:center;
  }
  #topmenu.responsive li.active a {
    color:var(--zlata);
		background:none;
		text-decoration:none;
	}
  #topmenu.responsive li a {
		padding:0;
	}
	#topmenu.responsive li:hover a {
    color:var(--hneda);
		background:var(--zlata);
		text-decoration:none;
	}
  #topmenu.responsive li.icon {
    display:none;
  }
  #closebtn.responsive {
    display:block;
    position: absolute;
    top:5vw;
		right:5vw;
    padding:0;
    z-index:9999999;
  }
  #closebtn.responsive img {
    width:30px;
  }
  .nav #topmenu {
  	flex-direction: column;
	}
	.page-id-254 article iframe {
		width: 100% !important;
	}
}

@media (max-device-width : 1400px) {
  h1 {
  	font-size: 44px;
		margin-top:0.5em;
	}
	.home_info {
  	margin: 0 5vw 4em 5vw;
	}
	section .container {
    width:94vw;
    padding:0 3vw;
  }
  .gallery-columns-8 .gallery-item {
     width: 14.28%;
  }
  .gallery-columns-8 br {
    display:none;
  }
  /*.gallery-columns-8 .gallery-item:nth-child(8n+1) {
    clear: none;
  }*/
}

@media (max-device-width : 1260px) {
  h1 {
    font-size: 36px;
	}
	.page-id-27:not(.woocommerce-account):not(.woocommerce-page) article .wp-block-group {
    width: 100%;
	}
  .page-id-254 article .wp-block-group {
  	width: 100%;
  	padding-right:0;
	}
}

/** ----------------------------------------- SCREEN SIZE: tablets landscape / very old desktop --------------------*/
@media (max-device-width : 1024px) {
  #cookies-settings .group p {
	  padding-left: 0;
	}
  #cookies-settings .buttons {
  	margin-left: 0;
	}
  #cookies-settings .button {
	  display: inline-block;
	  line-height: 2em;
	}
}

@media (max-device-width : 800px) {
	nav.navRight {
		float:right;
	}
  #topmenu {
    background:none;
	}


  .page-id-27 iframe {
    height: 40vw;
	}
}


/* ----------------------------------------- SCREEN SIZE: phone landscape / tablets portrait --------------------*/
@media (max-device-width : 680px) {
	.menu_produktu {
  	margin:0 10px 2em 10px;
	}
	a.flip, a.flip:visited {
		display:inline-block;
	  color: #fff;
		font-size: 1.3em;
	  background: #502d19;
		padding: 5px 15px;
		border-radius:15px;
	}
	a.flip:hover {
	  /*cursor:pointer;*/
		text-decoration:none;
	  /*background:#465e0f;*/
	}
	a.flip:after {
		content:'';
		display:inline-block;
		width: 0;
	  height: 0;
	  border-left:7px solid transparent;
	  border-right:7px solid transparent;
	  border-top:7px solid #fff;
	  border-bottom:none;
	  margin:0 0 3px 10px;
	}
	a.flip.open:after {
	  border-top:none;
		border-bottom: 7px solid #fff;
	  margin: 3px 0 3px 10px;
	}
	#kategorie.panel {
	  display: none;
	}
  #eshop #kategorie {
    padding: 0;
	}
  #info_popup {
    padding: 15px;
    width: 90%;
  }
  .cookie_msg {
    padding: 15px;
  }
  #cookies-alert {
  	padding: 1.5em 2em 2em 2em;
	}
  .popup {
  	width: 90%;
	}
}

@media (max-width : 600px) {
  #header {
  	min-height: 140px;
	}
	#odRoku {
  	display: none;
	}
  #buyerMenu {
	  float: none;
	  margin-right: 0;
	}
  #logo a, #logo a:visited {
	  margin: 0;
	}
	#cookies-alert {
  	padding: 1.5em 1em 2em 1em;
	}
  .popup {
  	padding: 1.5em;
	}
  #verification {
	  gap: 0.5em;
  	flex-direction: column;
	}
  #verification a, #verification a:visited {
  	width: 100%;
	}
}

@media (max-device-width: 480px) {
	.home_info {
	  padding: 5vw;
	}
	footer .loga {
		display:none;
	}
	footer .loga_mini {
		display:inline-block;
    padding-top: 1em;
	}
  #filtry .check_box {
		display:none;
	}
  #cookies-settings .group p {
	  padding-left: 0;
	}
  #cookies-alert .button {
	  border:none;
    padding: 7px;
		display: inline-block;
	}
  .switch, .switch-item {
	  display: block;
	}
  .buttons {
  	padding-left: 0;
    line-height: 2em;
	}
  #cookies-settings .button {
	  padding: 5px 10px;
		display:inline-block;
	}
}


/** ----------------------------------------- SCREEN SIZE: phone portrait --------------------*/
@media (max-device-width : 380px) {
  h1 {
    font-size: 32px;
  }
}