@media (min-width: 430px) {

}

@media (min-width: 480px) {
.vybaveniwrap{grid-template-columns: repeat(auto-fill, 47%);}
}

@media (min-width: 500px) {
.galerie.galerie1 a{width: 33.3%; padding-bottom: 33.3%;}
.galerie.galerie2 a{width: 33.3%; padding-bottom: 33.3%;}
.galerie.galerie3 a{width: calc(33.3% - 10px); margin: 5px; padding-bottom: 33.3%;}
.galerie.galerie4 a{width: calc(33.3% - 10px); margin: 5px; padding-bottom: 33.3%;}
}

@media (min-width: 520px) {
.menu1 .item{width: 46%; margin: 20px 1.8% 20px 1.8%;}
.menu1 .item .imagewrap{height: 300px;}
}

@media (min-width: 560px) {
.alergenyblok .item{display: inline-block; width: 48%; margin: 5px 1% 5px 0;}
.formwrap .inpwrap{display: flex; gap: 20px; flex-direction: row;}
.vybaveniwrap{grid-template-columns: repeat(auto-fill, 150px);}
.doba .item{float: left; width: 24%; margin-right: 0.9%;}
}

@media (min-width: 630px) {
.menu .nabidkanadpis{position: relative; background: none; color: var(--primaryColor); padding: 0; font-size: 200%;}
.menu2 .item{width: 46%; margin: 20px 1.8% 20px 1.8%;}
.menu3 .kategoryitems:before{content: ''; position: absolute; top: 20px; bottom: 20px; left: 50%; width: 1px; background-color: var(--seda);}
.menu3 .item{width: 49.5%; margin: 20px 0; padding-right: 8%;}
.menu3 .item:nth-child(even){padding-left: 8%; padding-right: 0;}
.menu4 .kategoryitems{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;}
}

@media (min-width: 730px) {
.nadfooter.triitem{grid-template-columns: repeat(auto-fill, 50%);}
.nadfooter.triitem .item.tri{grid-column: 1 / span 2;}

.nadfooter.dvaitem .item.jedna{float: left; width: 50%;}
.nadfooter.dvaitem iframe{position: absolute; top: 0; bottom: 0; right: 0; left: 50%; width: 50%; height: 100%;}
}

@media (min-width: 860px) {
body{font-size: 110%;}
.alergenyblok .item{width: 32%; margin: 5px 1% 5px 0}
}

@media (min-width: 900px) {
.galerie.galerie1 a{width: 25%; padding-bottom: 25%;}
.galerie.galerie2 a{width: 25%; padding-bottom: 25%;}
.galerie.galerie3 a{width: calc(25% - 10px); padding-bottom: 25%;}
.galerie.galerie4 a{width: calc(25% - 10px); padding-bottom: 25%;}
}

@media (min-width: 1000px) {
.doba .item{float: left; width: 14%; margin-right: 0.2%;}
}

@media (min-width: 1090px) {
.controls-container{display: flex;}
header .logo{display: block;}
.viewport-header h1{background: initial; padding: 0;}
}

@media (min-width: 1100px) {
.menu1 .item{width: 22%; margin: 20px 2.6% 20px 0;}
.menu2 .item{width: 31%; margin: 20px 1.7% 20px 0;}
.menu4 .kategoryitems{grid-template-columns: repeat(3, 1fr); grid-gap: 20px;}
.menu4 .item{margin: 0;}
}

@media (min-width: 1200px) {
.galerie.galerie2 a{width: 20%; padding-bottom: 20%;}
.galerie.galerie4 a{width: calc(20% - 10px); padding-bottom: 20%;}

.nadfooter.triitem{display: flex; flex-wrap: nowrap;}
.nadfooter.triitem .item{float: left;}
.nadfooter.triitem .item.tri{position: relative; height: auto;}
}







@media (min-height: 880px) and (min-width: 680px) {
.hero .viewport-header{position: absolute; top: 46%; left: 2%; transform: translateY(-50%); margin-top: 0;}
}


@media (max-width: 1090px) { /* Menu only */
.overlay{height: 100%; padding: 0; width: 0; position: fixed; z-index: 20; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.5s;}
.overlay-content{position: relative; top: 25%; width: 100vw; text-align: center; }
nav{margin: 0;}
.overlay .closebtn{position: absolute; display: block; top: 20px; right: 45px; font-size: 60px; width: auto; color: var(--white); text-decoration: none;}
.navopen{display: block; float: right; font-size: 30px; cursor: pointer; color: var(--white);}
nav .connect{width: 100%;}
nav .connect span, nav .connect a{float: none; display: inline-block;}
nav .connect span{float: none; display: inline-block;}
nav .connect .social{float: none; display: inline-block; background-position: center center; margin: 10px;}
nav .connect .socialwrap{width: 100%;}
nav .navwrap a, nav .overlay-content .navwrap a{width: 100%; padding: 10px 0; margin: 0;}
nav .navwrap a.objednat{padding: 10px;}
nav .overlay-content .navwrap a.objednat{padding-left: 0;}
nav .navwrap a.objednat svg, nav .overlay-content .navwrap a.objednat svg{position: relative; top: auto; left: auto; transform: none; display: inline-block; vertical-align: sub; margin-right: 10px;}
nav .navwrap{width: 100%;}
}