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

@media only screen and (max-width: 1990px) {
	.home-hero-desk {  width: 100%; height: 680px; } 
}


@media only screen and (max-width: 1700px) {
	.top-hero { min-height:650px; }
	.top-hero:after { content: ""; display: none;  }
}

@media only screen and (max-width: 1220px) {
	
	.container { width: 96% }
	.menu-glowne { padding: 0 5px; }
	.menu-glowne ul li { font-size: 15px;  }

	.udogodnienia-item .nazwa { font-size: 22px }

	.top-hero::after { padding-top: 48% }
	.liczby-item-liczba { font-size: 120px;  }
	.sklep .foto { padding: 10% 30%; }

	.sklepy-filters-all { flex-direction: column-reverse; align-items: flex-start; }
	.sklepy-filters-all .promocje-filters { margin-bottom: 20px;  }
	.sklepy-filters { width: 100% }
	.sklepy-filters-all .sklepy-filters .options { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 5px; padding-right: 15px; white-space: nowrap; padding-left: 15px;}
	.sklepy-filters-all .sklepy-filters .options-scroll button { flex: 0 0 auto;  min-width: 44px; scroll-snap-align: start;}
	.sklepy-filters button { margin-right: 0px;}
	
	.plan-sekcja{ padding-top:150px; }
	.sklepy-filters-plan .sklepy-filters{ margin-bottom:30px;}
	.sklepy-filters-plan{ margin-bottom:20px; flex-direction: row-reverse; align-items: flex-start; flex-wrap: wrap; justify-content:flex-end; }
	

	.sklepy-filters-all .promocje-filters button { text-align: left; }
	.sekcja.sklepy { padding-top: 120px; }
	.promocje.sklepy .promocje-filters-all{ top: -100px; }
	.sklepy-filters2 { display:none; } 
	.promocje .promocje-filters-all.sklepy-filters-plan{ top:-120px; }

	.home-hero-desk {  width: 100%; height: 600px; } 
}

@media only screen and (max-width: 1100px) {
	
	.plan-container-L{ display:none; }
	.plan-mapa-container{ padding-left:0px; padding-top: 55px;}
 	 .plan-levels{ position:absolute; width:100%; height:50px; top:-20px; left:0px; z-index:940; display:flex; justify-content:center; }
	.plan_level{ position:relative; top:0px !important; left:auto !important; display:flex; margin: 0 10px;}

	.map-info{ width:320px; padding:35px; bottom:100px; }

	.sklepy-filters2{ display:inline-block; margin-left:20px; }

}
	
@media only screen and (max-width: 1080px) {
	.mockup-footer { width: 290px; }
	.footer-club-flex .footer-club-kol:nth-child(2) a{ display: block; }
	.footer-club-flex .footer-club-kol:nth-child(1) { width: 40%; flex: 0 0 40%; }
	.footer-club-flex .footer-club-kol:nth-child(2) { width: 60%; flex: 0 0 60%; padding-right: 320px }
	.social-foto-flex-item:nth-child(7), .social-foto-flex-item:nth-child(8) {  display: none;} 

	.sklepy-full-logo-name{ font-size:25px; }
}


@media only screen and (max-width: 1020px) {
	.menuMobileClick { display: block;  }
	.menu-search-icon-mobile{ display:block; }
	.menu, .social-home { display: none; }
	.top { top: 0; height: 85px; position: relative; }
	.top .container { width: 100%;  }
	.top-small { position: fixed; bottom: 20px; background: rgba( 0, 0, 0, 0.85); width: 94%; margin-left: 3%; padding: 10px 40px; border-radius: 30px;  }
	.top-small-flex a { opacity: 0.8; font-size: 13px; text-align: center; padding: 0 10px }
	.top-small-flex a img { transform: scale(0.9); }
	.top-small-flex .menu-lacznik {  display: block; width: 1px; height: 26px; background: rgba(255, 255, 255, 0.2);  }
	.logo { width: 80px; flex: 0 0 80px; }
	.logo img { width: 80px; height: 80px; }
	.top-inner { margin-top: 0; padding-right: 20px }
	.menu-glowne { display: none; }
	.menuFixed .menu-glowne { display: block; }
	.menu-nav { width: 100% }
	.menuFixed ul a { color: #fff; font-size: 25px;  }
	.menu-glowne ul li { margin: 15px; }
	.menuFixed ul li.menu-search-icon, .menuFixed ul li.menu-item-lang { display: none; }
	.mobile-lang { margin-top: 20px;}
	.mobile-lang a { font-size: 20px; font-weight: 500; color: rgba(255,255,255,0.5);  }
	.menu-small-desk { display: none; }
	.menu-small-mobile { display: block; position: fixed; bottom: 0; z-index: 999 }

	.logo-item img { height: 35px;  }
	.logotypy-slider { padding: 30px 0; }
	.home-hero { height: auto; }
	.home-hero { height: calc(100vh - 85px) }
/*	.home-hero-desk, .home-hero-mobile  {height: calc(100% - 95px); }*/
	.home-hero-desk {height: calc(100% - 0px); }
	.logotypy-track { gap: 70px }

	.sekcja { padding: 60px 0; }
	.home-aktualnosci .naglowek { margin-bottom: 70px; }
	.marquee { font-size: 140px; }

	.naglowek-maska { font-size: 116px;  }

	.footer{ padding: 60px 0; }
	.footer-flex { flex-wrap: wrap; }
	.footer-kol0, .footer-kol1, .footer-kol2, .footer-kol3, .kol-social { flex: 0 0 25%; width: 25% }
	.kol-social, .kol-club { margin-top: 50px;  }
	.footer .kol-club a { display: inline-block; margin-right: 20px }
	.footer-copy { padding: 30px 0; padding-bottom: 110px;  }
	.footer-copy .kol:first-of-type { margin-bottom: 30px;  }

	.grid-sizer, .udogodnienia-item { width: 31.333% }
	.udogodnienia-item::after { padding-top: 200px;  }
	.udogodnienia-item-inner {padding: 30px 20px; padding-bottom: 20px;}
	.udogodnienia-item-inner .btn-simple { bottom: 30px; left: 20px;  }
	.udogodnienia-item {padding-bottom: 60px;}
	.udogodnienia-item img { height: 55px; }
	.udogodnienia-container-out .background-text-top { top: -140px }
	.udogodnienia-container-out .background-text-bottom {left: 100%; bottom: 100px; }
	.udogodnienia-container-out .background-text-bottom2 { bottom: -155px; }

	
	.top-hero { min-height:auto; }
	.top-hero:after { content: ""; display: block;  }
	.top-hero .foto { padding-top: 0 }
	.liczby-flex { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 100px; padding-right: 20px; touch-action: auto; }
	.liczby-flex::-webkit-scrollbar { display: none;  }
	.galeria-bloki-flex { grid-template-columns: repeat(3, 1fr); gap: 30px;}

	.karty-mockup { width: 94%;  }
	.karta1 { width: 42%; border-radius: 25px 25px 0 0; margin-left: -21%; }
	.karta2, .karta3 { width: 35%; border-radius: 25px 25px 0 0; }

	.strona404 .background-text { top: 100px;  }

	.sklepy-grid {grid-template-columns: repeat(3, 1fr);}
	.sklep .foto { padding: 10% 20%; }
	.sklep-top.sekcja { padding-top: 0 }
	.sklep-top .container { width: 100% }
	.sklep-top .promocja-flex .kol:last-of-type { width: 96%; margin: auto; }

	.nagrody-grid {display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 20px; padding-right: 20px; touch-action: auto;}
	.nagrody-grid .nagroda-item {flex: 0 0 40%; scroll-snap-align: start;  min-width: 40%; }
	.nagroda-nazwa { font-size: 23px;  }

	.promocje .promocje-filters-all { top: -45px;  }


	.plan-sklep-container{ width:85%; }

	.plan-sekcja{ padding-top:150px; }
}

@media only screen and (max-width: 850px) {
	.top-small { padding: 10px 20px; }
	.naglowek-maska { font-size: 96px;  }
	.txt40 { width: 80%; }
	.home-social-foto .home-social-foto-mobile { display: block; }
	.home-social-foto .home-social-foto-desk { display: none; }
	.container-small { width: 100% }
		
	.footer-club-flex { flex-wrap: wrap; padding-bottom: 50px;  }
	.footer-club-flex .footer-club-kol:nth-child(1), .footer-club-flex .footer-club-kol:nth-child(2) { width: 100%; flex: 0 0 100%; text-align: center;  }
	.footer-club-flex .footer-club-kol .naglowek { text-align: center; }
	.mockup-footer-mobile { display: block; }
	.mockup-footer-desk { display: none; }
	 .footer-club-flex .footer-club-kol:nth-child(1) { margin-bottom: 20px;  }
	.mockup-footer { right: auto; left: 50%; margin-left: -230px; width: 220px;}
	.footer-club-flex .footer-club-kol:nth-child(2) { padding-right: 0; text-align: left; padding-left: calc(50% + 20px);; padding-top: 70px;}

	/* home aktualności zamiana na poziomy scroll */
	.aktualnosci-siatka-out .aktualnosci-siatka { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 20px; padding-right: 20px; touch-action: auto; }
	.aktualnosci-siatka-out .aktualnosci-siatka::-webkit-scrollbar { display: none;  }
    .aktualnosci-siatka-out .aktualnosc-box { flex: 0 0 60%;  scroll-snap-align: start; min-width: 60%;}

	/* home udogodnienia poziom */
	.udogodnienia-filtry-desktop { display:none; }
    .udogodnienia-filtry-mobile { display:block; margin-bottom: 0 }
  	.udogodnienia-container-desktop { display:none; }
  	.udogodnienia-container { margin-bottom: 0;  }
  	.udogodnienia-filtry { margin-bottom: 30px }

  .udogodnienia-scroll-wrapper { 
      overflow-x:auto; 
      overflow-y:hidden; 
      display:flex; 
      -webkit-overflow-scrolling: touch;
      scroll-snap-type: x mandatory; 
      gap:16px; 
      padding-bottom:16px;
      margin-bottom: 50px; 
      padding-left: 20px; 
  }
  .udogodnienia-scroll-wrapper::-webkit-scrollbar { display:none; }

  .udogodnienia-container-mobile { 
      display:flex; 
      flex-wrap:nowrap; 
      width:max-content; 
      gap:16px; 
  }
  .udogodnienia-container-mobile .udogodnienia-item { 
      flex:0 0 260px; 
      min-width: 260px;
      width: 260px; 
      scroll-snap-align:start; 
      margin:0; 
      height:auto; 
  }

  .udogodnienia-container-out .background-text-top { top: -140px }
	.udogodnienia-container-out .background-text-bottom { display: none; }
	.udogodnienia-container-out .background-text-bottom2 { bottom: -120px; }
	.galeria-bloki-flex { gap: 20px; }
	.galeria-bloki-item-inner { font-size: 22px;  }
	.galeria-bloki-item-inner span { margin-bottom: 10px;  }
	.galeria-bloki-item-inner { padding: 0 30px 0 15px; bottom: 20px;  }

	.udogodnienia-container-desktop.udogodnienia-page { display: block; }
	.udogodnienia-item-page, .udogodnienia-page .grid-sizer{ width: 50% }
	.udogodnienia .background-text { top: 0 }
	.promocje-container-out .promocje-grid {display: grid;grid-template-columns: repeat(2, 1fr);}

	.promocja-flex { display: block; }
	.promocja-flex .kol { width: 100%;  }
	.promocja-top.sekcja { padding-top: 0 }
	.promocja-top .container { width: 100%;  }
	.promocja-flex .kol:last-of-type { width: 96%; margin: auto; margin-top: 50px; }

	.promocja-wiecej .promocje-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; gap: 20px; touch-action: auto;}
  	.promocja-wiecej .promocje-item { flex: 0 0 60%; scroll-snap-align: start; min-width: 60%;  }

  	.aktualnosci-all .aktualnosci-siatka { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px;   }

  	.strona404.sekcja { padding-top: 100px; }
  	.strona404 .container { width: 96% }


	.sklep.promocja-flex .promocja-foto::after { padding-top: 45% }
	.sklep-promocje .promocja-flex .kol { margin-top: 0; width: 100% }


	.map-info{ width:330px; padding:30px; bottom:35px; }
	#map{ height:700px; }

	.search-container{ position: relative; width: 100%; max-width: calc(100% - 80px); margin: 100px 0 0 15px;}
	.search-close{ right:-45px;  }

	.spotkajmy-galeria .grid-sizer, .spotkajmy-galeria .grid-item {  width: 33%;}

	.social-foto-flex-item:hover { top: 0; } 

}


@media only screen and (max-width: 750px) {
	.top-small { padding: 10px 30px; }
	.top-small-flex span { display: block; font-size: 10px; }
	.top-small-flex .menu-small-svg { display: inline-block; margin-bottom: 3px; margin-right: 0 }
	.top-small-flex .menu-lacznik {height: 38px; }
	.top-small-flex a img { margin-right: 0 }
	h2, h1 { font-size: 36px; }

	.footer-kol0 { flex: 0 0 100%; width: 100%; margin-bottom: 50px; display: flex; }
	.footer-logo, .footer-kol1, .footer-kol2, .footer-kol3, .kol-social { width: 33.333%; flex: 0 0 33.333%; }
	.footer-logo { margin-bottom: 0 }

	  .top-hero::after { padding-top: 68% }
	  .info-parking-grid { grid-template-columns: repeat(2, 1fr); gap: 20px;}
	.page-template-template-karta-podarunkowa .naglowek { margin-bottom: 40px;  }
	.karta-podarunkowa .background-text, .sprawdz-karte .background-text, .karta-faq .background-text { top: 20px;  }
	.sprawdz-karte a { margin: 0 10px; margin-bottom: 0px; margin-bottom: 20px;}

	.sklepy-grid {grid-template-columns: repeat(2, 1fr);}
	.sklep.promocja-flex .promocja-foto::after { padding-top: 65% }

	.plan-sklep-container{ width:100%; }
	.social-foto-flex-item:nth-child(6) {  display: none;} 
}

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

		.galeria-bloki-flex { grid-template-columns: repeat(2, 1fr); gap: 20px;}
		.galeria-bloki-item-inner { font-size: 20px;  }
		.info-parking-grid { grid-template-columns: repeat(1, 1fr);}

		.udogodnienia-item-page .nazwa { font-size: 20px;  }
		.udogodnienia-page .udogodnienia-item-inner { padding: 20px;  }
		.karta-faq .background-text { top: 30px; }


	.sklepy-filters-plan .sklepy-filters2 { margin:10px auto 20px; display: block;} 
	.sklepy-filters-plan .promocje-filters { margin:10px auto 20px; display: block;} 
	.plan-sekcja{ padding-top:200px; }
	.promocje .promocje-filters-all.sklepy-filters-plan{ top:-190px; }

}


@media only screen and (max-width: 600px) {
	.top-small { padding: 10px 20px; }
	.top-small-flex span { font-size: 8px; }
	.logo-item img { height: 25px;  }
	.logotypy-slider { padding: 20px 0; }
	/*.home-hero { height: calc(100vh - 85px); }*/
	.home-hero { height: auto; }
		.logotypy-track { gap: 50px }
	.top-small-flex a { display: flex; flex-direction:  column; align-items: center; justify-content: space-between; line-height: 1; flex: 0 0 calc(19% - 3px); }
	
	.top-small-flex a img { height: 18px; margin-bottom: 10px }
	 .top-small-flex .menu-lacznik { height: 44px;   }
	  .naglowek-maska { font-size: 76px; font-weight: 800;}
	  .home-aktualnosci .naglowek { margin-bottom: 40px;  }
	  .aktualnosci-siatka .background-text-top { top: -175px;  }
	  .home-social-container a { margin: 0 15px;  }

	 .marquee { font-size: 120px;  }
	 .aktualnosci-siatka-out .background-text-top { top: -155px;  }
	 .aktualnosci-siatka-out .background-text-bottom { bottom: -170px; }

	 .udogodnienia-container-out .background-text-top { top: -140px }
	.udogodnienia-container-out .background-text-bottom2 { bottom: -120px; }

	.liczby-flex { gap: 60px;  }
	.godziny .background-text { top: 40px }
	.karta1 { width: 42%; border-radius: 20px 20px 0 0; }
	.karta2, .karta3 { width: 35%; border-radius: 20px 20px 0 0; }
	.sklep.promocja-flex .promocja-foto::after { padding-top: 80% }
	.sklep-promocje .promocja-flex .kol:last-of-type { padding: 30px;  }
	.sklep-promocje .promocja-nazwa { font-size: 24px; }
	.sklep .foto{ display:none; }
	.sklep .foto.foto-R{ display:flex; }


	.klub-mockup { width: 94%;  }
	.klub1 { width: 42%; margin-left: -21% }
	.klub2, .klub3 { width: 35% }
	.nagrody-grid .nagroda-item {flex: 0 0 60%; scroll-snap-align: start;  min-width: 60%; }
	.nagroda-nazwa { font-size: 20px;  }
	.nagroda-item-inner { padding: 30px 20px; }

	.map-info{ width:100%; padding:30px; bottom:25px; }
	.social-foto-flex-item:nth-child(5) {  display: none;} 

}

@media only screen and (max-width: 500px) {
	.promocje-container-out .promocje-grid {display: grid;grid-template-columns: repeat(1, 1fr);}
	.promocje-filters-all { margin-bottom: 30px }
	.promocje-filters { background: #F8F8F8; width: 100%;  }

	.promocje-filters button { background: transparent; padding: 12px 15px; text-align: left;  }
	.promocje-filters button.selected::after { right: 15px; top: 18px;  }
	.promocje-filters .options { width: 100% }
	.sekcja.promocje { padding-top: 100px; }
	.promocje .promocje-filters-all { top: -70px;  }
		.sklepy-filters2 { background: #F8F8F8; width: 100%; margin-left:0px;  margin-bottom:20px; }
		.sklepy-filters2 button { padding: 12px 15px;}
	  .sklepy-filters2 button.selected:after { right:15px; top:18px; }
	  .plan-sklepy-filters{ width:100%; }


	.sklepy-bottom { display: block;  }
	.sklepy-kontakt { margin-top: 5px;  }
	.sklepy-grid-logo { padding: 30px;  }


	.search-container{ max-width: calc(100% - 30px); margin: 100px auto 0;}
	.search-close{ right:0px; top:-70px;  }
	 .sekcja.promocje.sklepy { padding-top: 120px; }


	 .spotkajmy-galeria .grid-sizer, .spotkajmy-galeria .grid-item {  width: 50%;}
	 .spotkajmy-galeria .grid-item { padding: 10px; }

	.sekcja.plan-sekcja{ padding-top:210px; }
	.promocje .promocje-filters-all.sklepy-filters-plan{ top:-200px; }

	.social-foto { height: 130px; padding-top: 0 }
	.social-foto-flex-item:nth-child(1) { padding-top: 30px; } 
.social-foto-flex-item:nth-child(2) { padding-top: 0px; z-index: 2} 
.social-foto-flex-item:nth-child(3) { padding-top: 15px; } 
.social-foto-flex-item:nth-child(4) { padding-top: 40px; } 
}

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

	.container { width: 92% }
	.promocja-flex .kol:last-of-type { width: 92% }
	.naglowek-maska { font-size: 60px; }
	h2, h1 { font-size: 30px; } 
	.naglowek { font-size: 15px;  }
	.marquee { font-size: 120px;  }
	.home-social-container a { transform: scale(0.8); margin: 0 5px; }
	.home-social-container a:hover { transform: scale(0.95); }

	.btn { display: block; text-align: center;}
	.map-info .btn{ display: inline-block; text-align: left;}
	.mockup-footer { width: 180px; margin-left: -190px; }

	.form-flex { display: block; }
	.form-flex input, .form-flex .btn { width: 100%; margin-bottom: 20px;  }

	.footer{ padding: 40px 0; }
	.footer-logo, .footer-kol1, .footer-kol2, .footer-kol3, .kol-social { width: 50%; flex: 0 0 50%; }
	.footer-kol3 { margin-left: 50% }
	.footer-kol3 ul { padding-top: 0 }

	.udogodnienia-filtry-mobile .filtr-mobile-btn, .filtr-mobile-list { width: 100%; }

	.txt80 { width: 100% }
	  .top-hero::after { padding-top: 100% }
	  .galeria-bloki-item-inner { font-size: 18px;  }


	  .o-galerii .background-text { top: 0 }
	  .godziny .background-text { top: 20px }
	  .udogodnienia-item-page, .udogodnienia-page .grid-sizer{ width: 100% }
	  .udogodnienia-item-page { padding: 2% }

	  .aktualnosci-all .aktualnosci-siatka { display: grid; grid-template-columns: repeat(1, 1fr); gap: 30px;   }

	  .strona404-buttons a { margin-bottom: 20px; }
	  .sklep.promocja-flex .promocja-foto::after { padding-top: 100% }
	  .sklep-nazwa { font-size: 38px; margin-bottom: 30px;  }
	  .sklep-info { flex-direction: column; align-items: center; }
	  .sklep-info .sklep-info-mapa { margin-bottom: 10px; }
	  .sklep-info .menu-small-plan, .sklep-info .menu-small-tel { margin-left: 0 }
	  .sklep-promocje .promocja-nazwa { font-size: 20px; }
	  .sklep-promocje .promocja-flex .kol:last-of-type { width: 100% }
	  .nagrody-grid .nagroda-item {flex: 0 0 60%; scroll-snap-align: start;  min-width: 80%; }
	  .nagroda-nazwa { font-size: 16px;  }
		.nagroda-item-inner { padding: 25px 15px; }
}

@media only screen and (max-width: 400px) {
	.footer-club-flex .footer-club-kol:nth-child(2) { padding-top: 56px;  }
	.footer-club-flex .footer-club-kol:nth-child(2) a { width: 145px; }
	.footer-club-flex .footer-club-kol:nth-child(2) a img { width: 100% }
	.mockup-footer { width: 160px; margin-left: -155px;  }

	.naglowek-maska { font-size: 56px;  }
		.karta1 { width: 42%; border-radius: 15px 15px 0 0; }
	.karta2, .karta3 { width: 35%; border-radius: 15px 15px 0 0; }

	.sklepy-grid{ gap:20px; }
	.sklepy-grid-logo { padding: 15px;  }
	.sklepy-grid-logo-name{ padding:15px 20px; font-size:18px; }
	.promocje-item-inner{ padding:13px; }
}

@media screen and (orientation: portrait) {
	.home-hero{ height:auto; }
	.home-hero-desk { display:none; }
	.home-hero-mobile { display: block; }

}


