@media (max-width: 1100px) {
	.video-back {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    position: absolute;
    background-image: url(../images/slider-back-new.png);
    background-position-x: center;
    top: 0;
    left: 0;
}
  .container {
    margin: 0 auto;
    max-width: 90%;
    padding: 20px;
  }
  nav.menu {
    display: none;
  }
  .left-box h1 {
    line-height: 2.5rem;
    font-size: 2.5rem;
  }
}
@media (max-width: 992px) {
  .grid-item {
    flex-basis: calc(33.33% - 10px);
    height: 400px;
  }
  .grid2-item {
    flex-basis: calc(33.33% - 10px);
    height: 300px;
  }
  .grid3-item {
    flex-basis: calc(14.28% - 10px);
  }
  .grid6-item {
    flex-basis: calc(50% - 10px);
    height: 300px;
  }
}
@media (max-width: 768px) {
	.section-before-image {
    content: '';
    margin-top: -130px;
    background: url(../images/decor.svg);
    background-repeat: no-repeat;
    height: 267.55px;
    width: 100%;
    background-position: center;
    background-size: contain;
    position: absolute;
}
	
	.section-before-image7 {
    content: '';
    margin-top: -40px;
    background: url(../images/decor-blue-bottom.svg);
    background-repeat: no-repeat;
    height: 124px;
    width: 100%;
    background-position: center;
    position: absolute;
}
	
	.content {
    margin-top: 50px;
    padding-bottom: 300px;
    background: url(../images/bazeny-back.png);
    background-position: bottom center;
    background-repeat: no-repeat;
}
  .video-icon {
    width: 30%;
  }
  .grid4-item {
    flex-basis: calc(100% - 10px);
    margin-bottom: 20px;
    text-align: right;
    transition: transform 0.5s;
  }
  .grid6-item {
    flex-basis: calc(100% - 10px);
    margin-bottom: 20px;
    text-align: right;
    transition: transform 0.5s;
  }
  .grid5 {
    display: grid;
    grid-gap: 10px; /* Adjust the gap between grid items as needed */
    /* Default layout for larger screens */
    grid-template-columns: 1fr; /* 3:5 ratio */
  }
  .grid-item {
    flex-basis: calc(50% - 10px);
    height: 400px;
  }
  .grid2-item {
    flex-basis: calc(50% - 10px);
    height: 300px;
  }
  .grid3-item {
    flex-basis: calc(50% - 10px);
  }
  .grid7-item {
    flex-basis: calc(50% - 10px);
  }
}
@media (max-width: 665px) {
  .slider-content {
    flex-direction: column;
	  padding-top: 240px;
  }
  .left-box {
    max-width: 100%;
  }
  .slider-item {
    background-position: -170px center;
  }
}
@media (max-width: 576px) {
	h2 {
    font-size: 2rem;
    color: #FFBE00;
}
	
  .logo img {
    height: 35px;
  }
  .grid-item {
    flex-basis: 100%;
    height: 400px;
  }
  .grid2-item {
    flex-basis: 100%;
    height: 300px;
  }
  .grid3-item {
    flex-basis: calc(50% - 10px);
  }
  .lightbox .lightbox-image {
    max-width: 80%;
    max-height: 70%;
  }
  .grid7-item {
    flex-basis: calc(100% - 10px);
    text-align: center;
  }
}

@media (max-width: 425px) {
	.section-before-image7 {
    content: '';
    margin-top: -48px;
    background: url(../images/decor-blue-bottom.svg);
    background-repeat: no-repeat;
    height: 124px;
    width: 100%;
    background-position: center;
    position: absolute;
}
	
	h3 {
    font-size: 2rem;
		line-height: 2rem;
    color: #FFBE00;
}
.grid3-item {
    flex-basis: calc(100% - 10px);
}
}