/******************************************************
********************** res ****************************
******************************************************/


@media only screen and (max-width: 1800px) {


	.container { width: 94%;  }
	.wyscig-bottom img { right: -20%; left: auto;  }

}


@media only screen and (max-width: 1800px) {
	a.btn, .bilety-flex span { font-size: 30px; }
	a.btn-naglowek  { font-size: 22px !important; }
}



@media only screen and (max-width: 1650px) {
	.bilety-pula { font-size: 40px; }
	.bilety-ceny-wiersz { font-size: 17px; }
	.bilety-kol.aktywna-pula .bilety-ceny-wiersz { font-size: 26px; }
	.bilety-kol.aktywna-pula { flex: 0 0 32%; }
	.bilety-kol.aktywna-pula .bilety-dopisek { font-size: 20px; }
	.bilety-dopisek { font-size: 16px; }
}




@media only screen and (max-width: 1420px) {


	.logo { width: 300px;  }
	.data {transform: scale(0.8); transform-origin: right;}
	.top-social { transform: scale(0.8); transform-origin: right; }
	.top-social a { margin-left: 20px }

	.home-artysci-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px}
	.podkreslenie1 {width: calc(33.3333% - 26px);}
	.home-filtr { font-size: 40px }

	.top-social.footer-social {transform: scale(1);}
	.post-slide-title { font-size: 28px; }
	.post-slide-excerpt { font-size: 20px; }
	a.btn-small { font-size: 20px; }
	a.btn-naglowek  { font-size: 20px !important; }
	.post-slide-content { max-height: 215px; }
	#latest-posts-carousel, #lineup-slider { width: 80%;  }
	.owl_visible.owl-carousel .owl-stage-outer { overflow: visible; }
	.podkreslenie1.podkreslenie-slider { width: 24.5% }
	 a.btn, .bilety-flex span {  font-size: 26px;  }
	 .home-lineup-poziom { width: 80%; }
	 .lineup-flex h1, h1.header, .wyscig-sekcja-flex-top h1  { font-size: 58px; }
	 .lineup-dzien, .aktualnosc .dopisek{ font-size: 44px; }

	 body { font-size: 20px; }

	 .page-padding{ padding-top: 350px;  }

	 .noclegi-flex h2, .page-o-festiwalu h2, .naglowek-bilety { font-size: 60px }
	 .noclegi-flex h3, h3 { font-size: 36px }
	 h3 { font-size: 36px }
	 .noclegi-tekst ul li, .cennik-flex { font-size: 24px; }
	 .cennik-dopisek { font-size: 18px; }

	 #home-edycje-slider .play { width: 160px; height: 160px; margin-top: -80px }
	 .festiwal-edycje #home-edycje-slider .play { width: 120px; height: 120px; margin-top: -60px;}
	 #merch h3, .merch-cena { font-size: 26px; }
	 .podmenu { padding-left: 0 }
	 .podmenu-desktop.otwarte .podmenu { text-align: right; }
}

@media only screen and (max-width: 1350px) {
	.bilety-pula { font-size: 35px; }
	.bilety-kol.aktywna-pula .bilety-ceny-wiersz { font-size: 24px; }
	.bilety-kol.aktywna-pula .bilety-dopisek { font-size: 18px; }
	.wyscig-bottom img { right: -30%; left: auto;  }

}

@media only screen and (max-width: 1200px) {
	 a.btn, .bilety-flex span { font-size: 22px;  }
	 .sticky .top-menu .menu li { font-size: 17px; margin-right: 22px; }
	 .top.sticky .menu-home {margin-right: 22px;}

	.bilety-flex { display: flex; flex-wrap: wrap; gap: 40px; }
	.bilety-kol { flex: 0 0 calc(50% - 20px);}
	.bilety-kol.aktywna-pula { flex: 0 0 calc(60% - 20px); }
    .bilety-kol:nth-child(odd).aktywna-pula + .bilety-kol { flex: 0 0 calc(40% - 20px); }
    .bilety-kol:nth-child(odd):has(+ .bilety-kol.aktywna-pula) { flex: 0 0 calc(40% - 20px); }
    .bilety-kol:nth-child(1),  .bilety-kol:nth-child(2) { margin-bottom: 120px; }
    .bilety-kol .btn { bottom: -100px }
    .home-projekty { padding-bottom: 100px; }

    .wyscig-sekcja-flex-top h1 { font-size: 50px; }
    .wyscig-sekcja-flex { padding: 0; margin-top: 100px;  }
    .wyscig-bottom img { right: -40%; left: auto;  }
}

@media only screen and (max-width: 1100px) {
	.menu li { font-size: 19px;  }
}


@media only screen and (max-width: 1024px) {	
	h2, .home h2 { font-size: 42px !important; }
	.home-artysci h2 { padding-bottom: 0 }
	h3 { font-size: 32px }
	.home-artysci-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px}
	.home-filtry { position: relative; top: auto; margin-bottom: 50px; margin-top: 30px  }
	.home-filtr { font-size: 36px }
	.home-filtry span { height: 40px; top: 7px }
	.home-artysta-nazwa { font-size: 36px; padding: 0 20px; bottom: 20px }
	.footer-logo { width: 240px; }
	.menu-footer span, .footer-social-new span { font-size: 28px; }
	.logotypy-box span { font-size: 16px; }
	.footer-linki-mobile { display: flex; flex-wrap: wrap; }
	.footer-linki-desktop { display: none; }
	.footer-kolumna-small { flex: 0 0 220px;}
	.post-slide-title { font-size: 26px; }
	.post-slide-excerpt { font-size: 18px; }
	body { font-size: 18px;}
	a.btn-small { font-size: 18px; }
	a.btn-naglowek  { font-size: 18px !important; }
	.post-slide-content { max-height: 180px; }
	.podkreslenie1, .podkreslenie1.podkreslenie-slider, .podkreslenie2 { width: 100% }
	.btn-naglowek { position: relative; top: auto; right: auto; margin-top: 40px; }
	a.btn-naglowek { background: #fff; border-color: #fff; color: #000; margin-top: 40px; }
	a.btn-naglowek:hover { color: #fff }
	.section-white .btn-naglowek { background: #000; border-color: #000; color: #fff; margin-top: 40px; }
	.section-white .btn-naglowek:hover { color: #000 }
	.posts-carousel-wrapper { padding-bottom: 40px; border-bottom: solid 2px #fff;}
	.section-white  .posts-carousel-wrapper { padding-bottom: 40px; border-bottom: solid 2px #000;}
	a.btn, .bilety-flex span { font-size: 22px; padding: 14px 30px; }
	.home-buttony-flex a { margin: 0 10px; margin-top: 10px}

	.home-lineup-poziom { width: 90%; }
	.lineup-flex h1, h1.header, .wyscig-sekcja-flex-top h1  { font-size: 46px; }
	 .lineup-dzien, .aktualnosc .dopisek { font-size: 36px; }
	 .aktualnosc h1.header { margin-bottom: 0 }
	 .lineup-flex .kol { flex: 1 0 0 ; }

	.menuMobileClick { display: block; }
	.menu { display: none; }
	.menuFixed-inner .menuMobileClick { display: none; }
	.menuFixed-inner .top-menu { display: block; border-bottom: 0; padding-bottom: 300px}
	.menuFixed-inner .top-flex { display: none; }
	.menuFixed-inner .top-social { width: 100%; text-align: left; border-top: solid 2px #BF88F9; transform: scale(1); padding-top: 20px;  }
	.menuFixed-inner .top-social a {margin-left: 0; margin-right: 20px;}
	.menuFixed-inner  .top-social a img.social-violet { display: block; }
	.menuFixed-inner  .top-social a img.social-white { display: none; }
	.sticky .top-menu { margin-top: 12px; padding-bottom: 4px }
	.sticky.top { height: 68px; }
	.menuFixed .podmenu-mobile { padding-top: 0 }
	.podmenu-desktop { display: none; }
	.menuFixed .podmenu-mobile li { border-top: 0; }
	.menuFixed .podmenu-mobile { padding-left: 30px; }


	.logo { width: 230px; }
	.data {transform: scale(0.6);position: relative; top: -10px;  }
	.page-padding { padding-top: 300px; }

	.noclegi-flex, .noclegi-sekcja.foto_prawa .noclegi-flex { flex-direction: column-reverse; }
	.noclegi-foty .foto-flex{ display: none; }
	.noclegi-foto-mobile { display: block !important; }
	.noclegi-sekcja { padding-bottom: 0 }
	#home-edycje-slider .play { width: 140px; height: 140px; margin-top: -70px }
	.festiwal-edycje #home-edycje-slider .play { width: 100px; height: 100px; margin-top: -50px;}

	.home-artysci-siatka { position: absolute; width: auto; height: 70%; position: absolute; bottom: 5%; left: 0;  }
	.home-artysci-siatka img { height: 100%; width: auto; object-fit: cover; margin-left: 0;  }

	.siatka-lineup { position: absolute; width: auto; height: 70%; position: absolute; bottom: 0%; left: 0;  }
	.siatka-lineup img { height: 100%; width: auto; object-fit: cover; margin-left: -10%;  }

	.poprzednia-edycja-nazwa { font-size: 30px; }
	#festiwal { padding-top: 60px; }
	.noclegi-flex .festiwal-tresc h3 { font-size: 32px;}

	img.wyscig-fala-top {transform: scale(0.8);  transform-origin: top right; right: -20%;}
	.wyscig-sekcja-flex { margin-top: 100px;  }
	.wyscig-sekcja-mobile { display: block; }
	.wyscig-sekcja-flex { display: none; }
	.wyscig-sekcja-mobile { margin-top: 100px;  }
	.wyscig-sekcja-naglowek { font-size: 30px; }
	.wyscig-sekcja-naglowek img {width: 60px;flex: 0 0 60px; margin-right: 5px;}
	.wyscig-bottom img {transform: scale(0.8);  transform-origin: top right;}
}



@media only screen and (max-width: 900px) {	
	.wyscig-top-inner { width: 80% }
	.wyscig-top-inner .wyscig-top-mobile { display: block; }
	.wyscig-top-inner .wyscig-top-desk{ display: none; }
	.wyscig-top-lewa { align-self: flex-end; }
	.wyscig-top-inner-bottom { margin-top: -175px;  }
	.wyscig-top-inner { padding-bottom: 60px;  }
}


@media only screen and (max-width: 850px) {	
	.footer-flex { display: block; }
	.footer-logo{ margin-bottom: 50px; }
	.home-logotypy-flex { margin-bottom: 50px }
	.footer-kolumna-small{ width: 300px }
	h2, .home h2 { font-size: 32px !important; }
	.wyscig-bottom img { margin-top: 50px;  }

}


@media (max-width: 767px) {

	.home-lineup-pion { display: block; width: 90%; margin: auto; }
	.home-lineup-poziom { display: none; }
	.home-buttony-flex { margin-top: 20px; }
	.lineup-flex { display: block; }
	.lineup-flex .kol-foto { margin-bottom: 50px; }
	.page-padding { padding-top: 300px }
	.lineup-slider { margin-top: 100px; }
	.lineup-foto::after { padding-top: 100% }
	a.btn, .bilety-flex span { font-size: 20px; }

	.noclegi-flex h2, h2, .page-o-festiwalu h2, .naglowek-bilety { font-size: 50px }
	 .noclegi-flex h3, h3 { font-size: 30px }
	 .noclegi-tekst ul li, .cennik-flex { font-size: 20px; }
	 .cennik-dopisek { font-size: 16px; }
	 .noclegi-flex { gap: 60px; }

	 .aktualnosci-flex { display: grid; grid-template-columns: repeat(1, 1fr);  gap: 40px; }
	 .aktualnosci-flex .post-slide-item { margin-bottom: 30px; }
	 h1.header .podkreslenie2 { width: 100%; }
	 .aktualnosc-flex .txt-kol { column-count: 1; column-gap: 0;}
	 .aktualnosc-grid { display: flex; flex-direction: column-reverse; }
	 .aktualnosc { padding-bottom: 100px; }

	 .bilety-flex { display: block; padding-bottom: 0 }
	 .bilety-kol .btn { position: relative; bottom: 0; margin-top: 30px; }
	 .bilety-kol:nth-child(1),  .bilety-kol:nth-child(2) { margin-bottom: 0px; }
	 .bilety-kol { margin-bottom: 60px !important; }
	 .bilety-pula { margin-bottom: 20px; }
	 .bilety-ceny-wiersz { padding: 10px 0; }
	 #merch h3, .merch-cena { font-size: 22px; }
	 .poprzednia-edycja-nazwa { font-size: 26px; }
	 .home-projekty { padding-bottom: 60px;  }
	 .festiwal-edycje .poprzednia-edycja-nazwa{ font-size: 28px; top: auto; bottom: 20px;   }
	 .noclegi-flex .festiwal-tresc h3 { font-size: 26px;}
	 .wyscig-top-inner { width: 90% }
	 .wyscig-top-sekcja span { font-size: 14px; }
	 .wyscig-top-sekcja { font-size: 28px; }
	 .wyscig-top-kciuk img { width: 24px; top: 7px; margin-right: 4px; }
	 .wyscig-top-inner { padding-bottom: 30px; }
	 .wyscig { padding-bottom: 70px; }
	 .wyscig-bottom img { right: -50% }
}


@media only screen and (max-width: 650px) {	
	.logo { width: 190px; }
	.page-padding { padding-top: 270px;  }
	.data { transform: scale(1); }
	.data span { font-size: 11.7px }
	.data { font-size: 24px; margin-top: 19px; }
	.aktualnosci-flex .post-slide-thumb::after { padding-top: 70%; }
	.aktualnosc-foto::after { padding-top: 70%; }
	#home-edycje-slider .play { width: 110px; height: 110px; margin-top: -55px }

}

@media only screen and (max-width: 600px) {	

	.home-artysta-nazwa { font-size: 28px; padding: 0 20px; bottom: 20px }
	.home-filtr { font-size: 28px; }
	.home-filtry span { height: 40px; top: 10px }
	.home-artysci-grid {gap: 20px;}
	section { padding: 60px 0 }
	.post-slide-title { font-size: 20px; }
	.post-slide-excerpt { font-size: 16px; }
	body {font-size: 16px; }
	a.btn-small { font-size: 16px; }
	a.btn-naglowek  { font-size: 16px !important; }
	.post-slide-content { max-height: 120px; }
	.post-slide-item .btn-small { margin-top: 30px; }
	#latest-posts-carousel .owl-nav .owl-prev,  #lineup-slider .owl-nav .owl-prev { left: 0px; }
	#latest-posts-carousel .owl-nav .owl-next,  #lineup-slider .owl-nav .owl-next{ right: 0px; }
	a.btn, .bilety-flex span { font-size: 18px; padding: 11px 22px; }
	.lineup-flex h1, h1.header, .wyscig-sekcja-flex-top h1  { font-size: 40px; }
	 .lineup-dzien, .aktualnosc .dopisek { font-size: 30px; }
	 .lineup-linki a { height: 25px; margin: 0 10px; }
	 .wyscig-top-inner { width: 94% }
	 .wyscig-sekcja-flex-top h1 { margin-right: 0 }
	 img.wyscig-fala-top { right: -20%; transform: scale(0.7); right: -30% }
	 .wyscig-sekcja-mobile { margin-top: 50px;  }
	 .wyscig-sekcja-bottom { margin-bottom: 80px;  }
	 .wyscig-sekcja-naglowek { font-size: 23px; }
	 .wyscig-sekcja-naglowek img { width: 30px; flex: 0 0 30px;  margin-right: 2px; align-self: flex-start; }
	 .wyscig-bottom img {transform: scale(0.7);  transform-origin: top right; right: -60%}

}

@media only screen and (max-width: 450px) {	
	h2, .home h2 { font-size: 36px !important; }
	.home-artysta-nazwa { font-size: 24px; padding: 0 10px; bottom: 10px }
	.home-filtr { font-size: 24px; }
	.home-filtry span { height: 40px; top: 10px }
		.post-slide-title { font-size: 18px; }
	.post-slide-excerpt { font-size: 12px; }
	a.btn-small { font-size: 14px; }
	a.btn-naglowek  { font-size: 14px !important; }
	h2, .home h2 { font-size: 24px !important; }
	.post-slide-item .btn-small { margin-top: 20px; }

	a.btn, .bilety-flex span { font-size: 16px; padding: 10px 22px; }
	.lineup-flex h1, h1.header, .wyscig-sekcja-flex-top h1  { font-size: 34px; }
	 .lineup-dzien, .aktualnosc .dopisek { font-size: 24px; }

	 .logo { width: 145px;  }
	 .data { font-size: 19px; margin-top: 17px;}
	 .data span { font-size: 9.1px }

	 .noclegi-flex { gap: 40px; }
	 .noclegi-flex h2, h2, .page-o-festiwalu h2, .naglowek-bilety { font-size: 40px }
	 .noclegi-flex h3, h3 { font-size: 28px }

	 .aktualnosci-flex { gap: 20px; }
	 .aktualnosci-flex .post-slide-item { margin-bottom: 20px; }
	 a.btn-aktualnosci { font-size: 14px; padding: 10px 10px;}

	 #home-edycje-slider .play { width: 80px; height: 80px; margin-top: -40px }

	 .bilety-kol.aktywna-pula .bilety-ceny-wiersz { font-size: 22px; }
	 .poprzednia-edycja-nazwa { font-size: 24px; }

	 .festiwal-edycje .poprzednia-edycja-nazwa{ font-size: 24px; top: auto; bottom: 20px;   }

	 	 .wyscig-top-sekcja span { font-size: 12px; }
	 .wyscig-top-sekcja { font-size: 20px; }
	 .wyscig-top-inner-bottom { margin-top: -130px; }
	 .wyscig-top-kciuk img { width: 24px; top: 7px; margin-right: 4px; }
	 .wyscig-top-inner { padding-bottom: 30px; }
	 .wyscig { padding-bottom: 70px; }
	 img.wyscig-fala-top { right: -40% }
	 .wyscig-bottom img { right: -80% }
}