/* CSS Document */

@media only screen and (max-width: 1660px) {
	.header{ font-size: 63px;}
	.header-news{ margin-bottom: 70px; }
	.header-koncerty{ margin-bottom: 70px; }
}

@media only screen and (max-width: 1560px) {
	.news-first{ position: relative; width: 80%; margin-left: 20%; }
	.news-L .omega{ width: 92%; margin: auto; }
	.news-L{ margin-top: 150px; }
}

@media only screen and (max-width: 1460px) {
	.center{ width:95%; }

	.top{ height: 70px; }
	.separator{height: 70px; }

	.logo{ top: 15px; width: 250px; }

	.menuFixedContainer{ font-size: 17px; top: -5px; }
	.menuMainLista li{ margin: 0 17px;}
	.m1{ margin-right: 0px; }

	.koncerty-container{ width: 95%; margin: auto; }


	.app-container{ width: 800px; margin: 50px auto 50px;}
	.app-container .app-L, .app-container .app-R{ margin: 50px 0; }
	.app-container .app-L{ width: 65%; padding-left: 120px; text-align: left; }
	.app-container .app-L div.line1{ font-size: 24px; padding: 4px 8px; text-transform: uppercase; }
	.app-container .app-L div.line2{ font-size: 15px; padding: 4px 8px; text-transform: uppercase; }
	.app-container .app-R{ width: 35%; }
	.app-icon{ width: 110px; top: -34px; }
	.app-container .app-R img{ width: 125px; margin-right: 10px; }


}

@media only screen and (max-width: 1350px) {
	.streamings{ bottom: 23%;  }
	.streamings span{ margin: 0 10px;}
	.streamings span img{ height: 40px; }
	.streamings span.tidal img{ height: 56px; top: 4px; }
	.streamings span.spotify img{ height: 35px; top: -3px; }

	.koncerty-row{ padding-left: 210px; margin-bottom: 60px; width: 90%;}
}

@media only screen and (max-width: 1100px) {
	.centerSmall{width:95%;}
}

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

	.logo{ top: 15px; width: 220px; }

	.menuFixedContainer{ display: none; }
	.menuMobileClick{ display: block; }
	.m3{ margin: 0px; }
	.menuMainLista.m3 li{ margin: 0 4px; width: 40px; height: 40px; margin: 0 10px; }
	.menuMainLista.m3 li span{ width: 40px; height: 40px;  }
	.menuMainLista.m3 li.y img{ width: 24px; margin-left: -11px; margin-top: -15px; }
	.menuMainLista.m3 li.forum img{ width: 30px; margin-left: -15px; margin-top: -17px; }
	.menuMainLista.m3 li a{ display: inline-block; width: 100%; height: 100%; }

	.news-first{ position: relative; width: 90%; margin-left: 10%; }

	.news-lista{ width: 104%;  margin-left: -2%; }
	.news-lista .news-mini{ width: 29.33333%; margin: 3% 2%;  }
	.newsNazwa-mini{ cursor: pointer; font-size: 20px; text-transform: uppercase; margin: 20px 0; }
	.news-lista .news-mini:nth-of-type(3n+1){ clear: both; }
	.newsTxt-mini{ font-size: 13px; margin: 15px 0; padding: 0 7px; }
	.loadMore{  font-size: 17px; }
	.news-more{ font-size: 14px; }

	.archiwum-koncertow-click{ font-size: 17px; }


	.app-container{ width: 500px; margin: 50px auto 50px;}
	.app-container .app-L, .app-container .app-R{ margin: 50px 0 0; }
	.app-container .app-L{ width: 100%; padding-left: 120px; text-align: left; margin-bottom: 0px; }
	.app-container .app-L div.line1{ font-size: 24px; padding: 4px 8px; text-transform: uppercase; }
	.app-container .app-L div.line2{ font-size: 15px; padding: 4px 8px; text-transform: uppercase; }
	.app-container .app-R{ width: 100%; padding-left: 130px; margin-top: 30px; }
	.app-icon{ width: 110px; top: -34px; }
	.app-container .app-R img{ width: 125px; margin-right: 10px; }

	.koncerty-row{ padding-left: 210px; margin-bottom: 60px; width: 100%;}
	.koncerty-line1{ font-size: 28px; }
	.koncerty-line2{ font-size: 18px;  }
}


@media only screen and (max-width: 950px) {
	
	.header{ font-size: 55px; padding: 3px 10px; }
	.header-news{ margin-bottom: 70px; }
	.header-koncerty{ margin-bottom: 70px; }

	.koncerty{ min-height: 800px;}
	.koncerty-row{ padding-left: 0px; margin-bottom: 60px; }
	.koncerty-data{ position: relative; top: 0px; left: 0px; color: #fff; font-size: 15px; }
	.koncerty-line1{ font-size: 29px; }
	.koncerty-line2{ font-size: 18px;  }
	.koncerty-line2-container{ padding-right: 150px; }
	.koncerty-klik{ text-align: right;  position: absolute; right: 0px; bottom: -10px; }
	.koncerty-klik .txt-back{ padding: 5px 10px; color: #fff; }
	.koncerty-klik:hover .txt-back{background:#e9ae4a; color: #000;}
	.koncerty-klik a{ color: #fff; text-decoration: none; }

	.kontakt-l{ font-size: 20px; }
	.kontakt-r{ font-size: 26px; }
}


@media only screen and (max-width: 820px) {
	.news-R{ width: 100%;}
	.news-L{ margin-top: 0px; width: 66%; margin-left: 17%; margin-bottom: 0px; }

	.news-first{ position: relative; width: 70%; margin-left: 15%; }
	.newsTxt-first{ -webkit-line-clamp: 8; -webkit-line-clamp: 8; font-size: 15px;}
	.newsNazwa-first{ font-size: 26px; margin: 25px 0 10px; }

	.news-lista{ width: 104%;  margin-left: -2%; }
	.news-lista .news-mini{ width: 29.33333%; margin: 3% 2%;  }
	.newsNazwa-mini{ font-size: 18px; margin: 20px 0; }
	.news-lista .news-mini:nth-of-type(3n+1){ clear: both; }
	.newsTxt-mini{ display: none;}
	.loadMore{  font-size: 17px; }
	.news-more{ font-size: 12px; }
	.newsData-first, .newsData-max{ font-size: 14px;}

	.koncerty{ padding-bottom: 100px;}

	.header-news, .header-koncerty, .header-kontakt{ text-align: left; }

	
	.kontakt-outer{ background: url("../grafika/kontakt_back2.png") center top no-repeat; background-size: 100%; padding-bottom: 100px;}
	.kontakt-outer:after{ display: none; }
	.kontakt{ position: relative; top: 0px; left: 0px; width: 100%; }
	.kontakt-txt{ position: relative; left: 0px; top: 0%; width: 100%; color: #fff; }
	.header-kontakt{ margin-top: 190px; }
	.kontakt-l, .kontakt-r{ width: 100%; padding: 0 25px; text-align: center; }
	.kontakt-l{ font-size: 22px; }
	.kontakt-r{ font-size: 24px; margin-bottom: 50px; margin-top: 30px; }

	.newsFotoMaxOuter{ width: 95%; }

	.galeria-foto{ display: none; }
	.galeria-foto-R{ display: block;}
}

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

	.news-R{ width: 100%; margin-bottom: 0px;}
	.news-first{ width: 70%; margin-left: 15%; }
	.newsTxt-first{ -webkit-line-clamp: 4; -webkit-line-clamp: 4; font-size: 15px;}
	.newsNazwa-first{ font-size: 26px; margin: 25px 0 10px; }

	.news-lista{ width: 100%;  margin-left: -0%; }
	.news-lista .news-mini{ width: 70%; margin: 2% 15%; margin-top: 60px;  }
	.newsNazwa-mini{ font-size: 26px; margin: 25px 0 10px; }
	.newsTxt-mini{ display: -webkit-box; -webkit-line-clamp: 4; -webkit-line-clamp: 4; font-size: 15px;}
	.loadMore{  font-size: 17px; }
	.news-more{ font-size: 16px; }
	.newsData-first, .newsData-max{ font-size: 16px;}
}

@media only screen and (max-width: 700px) {
	.streamings{ bottom: 20%;  }
	.streamings span{ margin: 0 10px;}
	.streamings span img{ height: 35px; }
	.streamings span.tidal img{ height: 50px; top: 6px; }
	.streamings span.spotify img{ height: 30px; top: -3px; }

	.app-container{ width: 90%; margin: 0px auto 50px;}
	.app-container .app-L, .app-container .app-R{ margin: 50px 0 0; }
	.app-container .app-L{ width: 100%; padding-left: 105px; text-align: left; margin-bottom: 0px; }
	.app-container .app-L div.line1{ font-size: 24px; padding: 4px 8px; text-transform: uppercase; }
	.app-container .app-L div.line2{ font-size: 15px; padding: 4px 8px; text-transform: uppercase; }
	.app-container .app-R{ width: 100%; padding-left: 115px; margin-top: 30px; }
	.app-icon{ width: 95px; top: -32px; }
	.app-container .app-R img{ width: 125px; margin-right: 10px; }

	.koncerty{ padding-bottom: 100px; background: url("../grafika/koncerty_back.png") center top no-repeat; background-size: 150%;}
	.koncerty-row{ padding-left: 0px; margin-bottom: 40px; }
	.koncerty-line2-container{ padding-right: 0px; }
	.koncerty-klik{ text-align: right;  position: absolute; right: 0px; bottom: 0px; }
	.koncerty-row-padding-bottom{ padding-bottom: 40px; }
}


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

	.top{ height: 65px; }
	.separator{height: 65px; }
	.logo{ top: 10px; width: 190px; }

	.header{ font-size: 45px; padding: 0px 10px; }
	.header-news{ margin-bottom: 55px; }

	.newsData-first-outer{ text-align: left; position: relative; top: 15px; right: auto; left: -15px; }

	.news-first{ width: 90%; margin-left: 5%; }
	.news-lista .news-mini{ width: 90%; margin-left: 5%; margin-top: 50px;  }

	
	.koncerty-line1{ font-size: 26px; }
	.koncerty-line2{ font-size: 18px;  }

	.koncerty{ padding-bottom: 100px; background: url("../grafika/koncerty_back.png") center top no-repeat; background-size: 200%;}

	.header-kontakt{ margin-top: 140px; margin-bottom: 50px; }
	.kontakt-l{ font-size: 20px; }
	.kontakt-r{ font-size: 22px; margin-bottom: 50px; margin-top: 30px; }

	.galeria-foto-R{ width: 100%; margin-bottom: 25px; }
}


@media only screen and (max-width: 500px) {
	.streamings span{ margin: 0 10px;}
	.streamings span img{ height: 29px; }
	.streamings span.tidal img{ height: 40px; top: 6px; }
	.streamings span.spotify img{ height: 25px; top: -3px; }

	.news-L{ margin-top: 0px; width: 76%; margin-left: 12%; margin-bottom: 0px; }

	.app-icon{ width: 95px; top: -12px; }
	.app-container .app-R img{ width: 125px; margin: 5px 0; margin-right: 10px; }
	.app-container .app-R{ margin-top: 5px; }

	.koncerty{ padding-bottom: 100px; background: url("../grafika/koncerty_back.png") center top no-repeat; background-size: 300%;}

	.kontakt-l, .kontakt-r{ text-align: left; padding: 10px; }

	.menuFixedKlik{ font-size: 40px; }
}


@media only screen and (max-width: 450px) {
	.header{ font-size: 43px; padding: 0px 10px; }

	.newsTxt-first{ font-size: 14px;}
	.newsNazwa-first{ font-size: 22px; margin: 25px 0 10px; }

	.newsNazwa-mini{ font-size: 22px; margin: 25px 0 10px; }
	.newsTxt-mini{ font-size: 14px;}
	.loadMore{  font-size: 15px; }
	.news-more{ font-size: 15px; }
	.newsData-first, .newsData-max{ font-size: 15px;}
	.news-first{ width: 100%; margin-left: 0%; }
	.news-lista .news-mini{ width: 100%; margin-left: 0%; margin-top: 50px;  }

	.koncerty-row{ padding-left: 0px; margin-bottom: 40px; }
	.koncerty-line1{ font-size: 22px; }
	.koncerty-line2{ font-size: 16px;  }

	.header-kontakt{ margin-top: 100px; margin-bottom: 40px; }

	.archiwum-koncertow-click{ font-size: 15px; }
}


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

	.top{ height: 55px; }
	.separator{height: 55px; }
	.logo{ top: 12px; width: 160px; }

	.streamings span{ margin: 0 5px;}
	.streamings span img{ height: 25px; }
	.streamings span.tidal img{ height: 37px; top: 6px; }
	.streamings span.spotify img{ height: 22px; top: -2px; }

	.app-icon{ width: 75px; top: -2px; }
	.app-container .app-L{ padding-left: 85px; }
	.app-container .app-L div.line1{ font-size: 22px; padding: 4px 8px; text-transform: uppercase; }
	.app-container .app-R{ padding-left: 0px; text-align: center;}
	.app-container .app-R img{ width: 120px; margin: 5px 0; margin-right: 7px; }
	
	.kontakt-l{ font-size: 18px; }
	.kontakt-r{ font-size: 20px; margin-bottom: 50px; margin-top: 10px; }

}


@media only screen 
  and (orientation: portrait) {

  	.main-foto-top{ display: block; }
  	.main-foto-bottom-overlay{ bottom: -25px; }

  	.streamings{ bottom: 13%;  }

}


@media only screen 
  and (max-width: 700px)
  and (orientation: portrait) {

	.main-foto-bottom-overlay{ display: none; }
	.main-foto-bottom-overlay-R{ bottom: -30px; display: block; }
}

@media only screen 
  and (max-width: 500px)
  and (orientation: portrait) {

  	.main-foto-bottom-overlay-R{ bottom: -35px; display: block; }
  	
}