@media screen and (min-width: 1px) and (max-width: 394px){
#columns[data-columns]::before {content: '1 .col';}
.col {width: 96%;}		   

#logo {display: block; width: 90px; height: 90px; background: url(../img/logo.png) top center no-repeat; margin-top: 5px; margin-left: auto; margin-right: auto;clear: both; background-size: cover;}
#logoJunior {display: block; width: 90px; height: 90px; background: url(../img/logoJunior.png) top center no-repeat; margin-top: 5px; margin-left: auto; margin-right: auto;clear: both; background-size: cover;}
#mobileLogo {display: block; width: 53px; height: 53px; background: url(../img/logo.png) top center no-repeat; margin-top: 0px; clear: both; background-size: cover; z-index: 2000;	margin: 0 0 0 15px;}
#mobileLogoJunior {display: block; width: 53px; height: 53px; background: url(../img/logoJunior.png) top center no-repeat; margin-top: 0px; clear: both; background-size: cover; z-index: 2000;	margin: 0 0 0 15px;}

.zdjecieGrupyleft {width: 98%; border: 0px solid; margin: 0 1% 1% 0; float: left;}
.zdjecieGrupyright { width: 98%; border: 0px solid; margin: 0 0 1% 1%; float: right;}

.podgrupa:nth-child(odd) img {width: 100%; border: 0px solid #8773c8; margin: 0;}
.podgrupa:nth-child(even) img {width: 100%; border: 0px solid #8773c8; margin: 0;}

#menu {display: none;}
#menuBig #logo {display: none;}
#menuBig #logoJunior {display: none;}

#zadzwonTeraz {display: block;}
#strategiczni #kupBilet {display: none;}

.wrapper {width: 80%; margin: 0 10% 0 10%;}

#strategiczni h4 {display: inline-block; margin: 0; padding: 10px 30px 0 0; text-align: center; width: 100%;}
.listaStrategiczni {display: block; padding: 7px 0px 5px 0; margin: auto; text-align: center; width: 100%;}

.mecz {width: 100%; margin: 0 0 30px 0 !important;}
.mecz .mecz-kolejka {font-size: 1.3em;}
.mecz .mecz-data {font-size: 0.8em;}
.mecz .mecz-adres {font-size: 0.8em;}
.mecz .mecz-vs {font-size: 1.5em; padding-top: 10%;}
#mecze .mecz-poprzedni .mecz-wynik {padding-top: 10%;}
.mecz .semtu-countdown-box {padding: 0;}
.mecz .semtu-countdown-value {font-size: 1.5em; padding-top: 10px;}
.mecz .semtu-countdown-label {padding-bottom: 15px;}
.mecz .mecz-druzyna {width: 40%;}
.mecz .mecz-druzyna img {width: 50%;}
.mecz .mecz-druzyna-nazwa {font-size: 0.8em;}

.mecz {min-height: 430px;}

#strategiczni {display: none;}
#panelMobileMenu {display: block;}
#slider {padding: 110px 0 0 0;}
#slider .desktop {display: none;}
#slider .mobile {display: block;}

#tresc .reklamaSklepu h2 {font-size: 2em; line-height: 1em;}
#tresc .reklamaSklepu h3 {font-size: 1.5em; line-height: 1em;}

#playerHeader {height: 600px; margin-top: 108px;}
#playerHeader #playerFoto {width: 80%; right: 10%;}
#playerHeader .playerNaglowek {left: 10%; top: 0px;}

.zawodnik #profil {width: 83%;}
.zawodnik #statystyki {width: 93%;}
.zawodnik .playerLabel {font-size: 0.8em;}
.zawodnik .statBlock {width: 98%; float: inherit; height: auto; padding: 0;}
.zawodnik .statBlock .playerLabel {text-align: left; width: 60%; float: left; display: flex; clear: inherit; padding-top: 3px;}
.zawodnik .statBlock .playerValue {text-align: left; width: 33%; float: left; display: flex; clear: inherit; padding-top: 0; padding-left: 3%;}


#zawodnicy .wp-block-uagb-tabs .is-layout-grid {grid-template-columns: repeat(1, minmax(0, 1fr));}

#tabela .semtu-tabela td:nth-child(8), #tabela .semtu-tabela td:nth-child(9), #tabela .semtu-tabela td:nth-child(10), #tabela .semtu-tabela td:nth-child(11), #tabela .semtu-tabela td:nth-child(12), #tabela .semtu-tabela td:nth-child(13), #tabela .semtu-tabela td:nth-child(14), #tabela .semtu-tabela td:nth-child(15), #tabela .semtu-tabela td:nth-child(16), #tabela .semtu-tabela td:nth-child(17) {
	display: none;
}

#tabela .semtu-tabela th:nth-child(8), #tabela .semtu-tabela th:nth-child(9), #tabela .semtu-tabela th:nth-child(10), #tabela .semtu-tabela th:nth-child(11), #tabela .semtu-tabela th:nth-child(12), #tabela .semtu-tabela th:nth-child(13), #tabela .semtu-tabela th:nth-child(14), #tabela .semtu-tabela th:nth-child(15), #tabela .semtu-tabela th:nth-child(16), #tabela .semtu-tabela th:nth-child(17) {
	display: none;
}

.semtu-mecze td:nth-child(5), .semtu-mecze td:nth-child(9) {font-size: 1em;}
.semtu-mecze td:nth-child(1) {display: none;}
.semtu-mecze th:nth-child(1) {display: none;}
.semtu-mecze {font-size: 0.6em;}
.semtu-mecze td {padding: 1px;}
.semtu-mecze th {padding: 1px; font-size: 1.3em;}
.semtu-mecze td img {width: 16px;}

.semtu-tabela td:nth-child(3) {font-size: 1em;}
.semtu-tabela th:nth-child(3) {font-size: 1em;}
.semtu-tabela {font-size: 0.8em;}
.semtu-tabela td {padding: 1px;}
.semtu-tabela th {padding: 1px; font-size: 1.3em;}
.semtu-tabela td img {width: 24px;}

.listaStrategiczni .wp-block-image {width: 13%;}


#lodowisko .lodowiskoKontener {padding: 100px;}
#lodowisko .lodowiskoKontener .lodowiskoTresc {padding: 10px; margin-right: 2%;	margin-left: 5%;}
#lodowisko .lodowiskoKontener .lodowiskoTresc h4 {font-size: 2em;}

#sklad .oficjalnyProfil h4 {font-size: 1.5em;}

.sponsorGlowny  {width: 99%;}
.sponsorStrategiczny  {width: 47.5%;}
.sponsor {width: 30.5%;}

.mecz-poprzedni .pustka {aspect-ratio: 554 / 105;}

#podstronaHeader {padding-top: 108px;}

}

@media screen and (min-width: 395px) and (max-width: 660px){
#columns[data-columns]::before {content: '1 .col'; }
.col {width: 96%;}		  		  

#logo {display: block; width: 90px; height: 90px; background: url(../img/logo.png) top center no-repeat; margin-top: 5px; margin-left: auto; margin-right: auto;clear: both; background-size: cover;}
#logoJunior {display: block; width: 90px; height: 90px; background: url(../img/logoJunior.png) top center no-repeat; margin-top: 5px; margin-left: auto; margin-right: auto;clear: both; background-size: cover;}
#mobileLogo {display: block; width: 53px; height: 53px; background: url(../img/logo.png) top center no-repeat; margin-top: 0px; clear: both; background-size: cover; z-index: 2000;	margin: 0 0 0 15px;}
#mobileLogoJunior {display: block; width: 53px; height: 53px; background: url(../img/logoJunior.png) top center no-repeat; margin-top: 0px; clear: both; background-size: cover; z-index: 2000;	margin: 0 0 0 15px;}

.zdjecieGrupyleft {width: 98%; border: 0px solid; margin: 0 1% 1% 0; float: left;}
.zdjecieGrupyright { width: 98%; border: 0px solid; margin: 0 0 1% 1%; float: right;}

.podgrupa:nth-child(odd) img {width: 40%; border: 0px solid #8773c8; margin: 0 30px 0px 0; float: left;}
.podgrupa:nth-child(even) img {width: 40%; border: 0px solid #8773c8; margin: 0 0 0px 30px; float: right;}

#menu {display: none;}
#menuBig #logo {display: none;}
#menuBig #logoJunior {display: none;}
#strategiczni #kupBilet {display: none;}

.wrapper {width: 80%; margin: 0 10% 0 10%;}
#strategiczni h4 {display: inline-block; margin: 0; padding: 10px 30px 0 0; text-align: center; width: 100%;}
.listaStrategiczni {display: block; padding: 7px 0px 5px 0; margin: auto; text-align: center; width: 100%;}

.mecz {width: 100%; margin: 0 0 30px 0 !important;}
.mecz .mecz-kolejka {font-size: 1.3em;}
.mecz .mecz-data {font-size: 1em;}
.mecz .mecz-adres {font-size: 1em;}
.mecz .mecz-vs {font-size: 1.5em; padding-top: 10%;}
#mecze .mecz-poprzedni .mecz-wynik {padding-top: 10%;}
.mecz .semtu-countdown-box {padding: 0; aspect-ratio: 1.5 / 1!important;}
.mecz .semtu-countdown-value {font-size: 1.5em; padding-top: 10px;}
.mecz .semtu-countdown-label {padding-bottom: 15px;}
.mecz .mecz-druzyna {width: 30%;}
.mecz .mecz-druzyna img {width: 50%;}
.mecz .mecz-druzyna-nazwa {font-size: 0.8em;}

.mecz {min-height: 450px;}

#strategiczni {display: none;}
#panelMobileMenu {display: block;}
#slider {padding: 110px 0 0 0;}
#slider .desktop {display: none;}
#slider .mobile {display: block;}


#tresc .reklamaSklepu h2 {font-size: 2em; line-height: 1em;}
#tresc .reklamaSklepu h3 {font-size: 1.5em; line-height: 1em;}

#playerHeader {height: 800px; margin-top: 108px;}
#playerHeader #playerFoto {width: 80%; right: 10%;}
#playerHeader .playerNaglowek {left: 10%; top: 0px;}

.zawodnik #profil {width: 83%;}
.zawodnik #statystyki {width: 93%;}
.zawodnik .statBlock {width: 98%; float: inherit; height: auto; padding: 0;}
.zawodnik .statBlock .playerLabel {width: 60%; float: left; display: flex; clear: inherit; padding-top: 0;}
.zawodnik .statBlock .playerValue {width: 36%; float: left; display: flex; clear: inherit; padding-top: 0;}

#zawodnicy .wp-block-uagb-tabs .is-layout-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}

#tabela .semtu-tabela td:nth-child(8), #tabela .semtu-tabela td:nth-child(9), #tabela .semtu-tabela td:nth-child(10), #tabela .semtu-tabela td:nth-child(11), #tabela .semtu-tabela td:nth-child(12), #tabela .semtu-tabela td:nth-child(13), #tabela .semtu-tabela td:nth-child(14), #tabela .semtu-tabela td:nth-child(15), #tabela .semtu-tabela td:nth-child(16), #tabela .semtu-tabela td:nth-child(17) {
	display: none;
}

#tabela .semtu-tabela th:nth-child(8), #tabela .semtu-tabela th:nth-child(9), #tabela .semtu-tabela th:nth-child(10), #tabela .semtu-tabela th:nth-child(11), #tabela .semtu-tabela th:nth-child(12), #tabela .semtu-tabela th:nth-child(13), #tabela .semtu-tabela th:nth-child(14), #tabela .semtu-tabela th:nth-child(15), #tabela .semtu-tabela th:nth-child(16), #tabela .semtu-tabela th:nth-child(17) {
	display: none;
}


.semtu-mecze td:nth-child(5), .semtu-mecze td:nth-child(9) {font-size: 1em;}
.semtu-mecze td:nth-child(1) {display: none;}
.semtu-mecze th:nth-child(1) {display: none;}
.semtu-mecze {font-size: 0.8em;}
.semtu-mecze td {padding: 1px;}
.semtu-mecze th {padding: 1px; font-size: 1.3em;}
.semtu-mecze td img {width: 24px;}


.semtu-tabela td:nth-child(3) {font-size: 1em;}
.semtu-tabela th:nth-child(3) {font-size: 1em;}
.semtu-tabela {font-size: 0.8em;}
.semtu-tabela td {padding: 1px;}
.semtu-tabela th {padding: 1px; font-size: 1.3em;}
.semtu-tabela td img {width: 24px;}

#lodowisko .lodowiskoKontener {padding: 100px;}
#lodowisko .lodowiskoKontener .lodowiskoTresc {padding: 10px; margin-right: 2%;	margin-left: 5%;}
#lodowisko .lodowiskoKontener .lodowiskoTresc h4 {font-size: 3em;}

#sklad .oficjalnyProfil h4 {font-size: 2em;}

.listaStrategiczni .wp-block-image {width: 13%;}

.sponsorGlowny  {width: 99%;}
.sponsorStrategiczny  {width: 47.5%;}
.sponsor {width: 31%;}

.mecz-poprzedni .pustka {aspect-ratio: 554 / 105;}

#podstronaHeader {padding-top: 108px;}
}

@media screen and (min-width: 661px) and (max-width: 1099px){
#columns[data-columns]::before {content: '2 .col';}
.col {width: 46%;}	 	 	  		  

#logo {display: block; width: 90px; height: 90px; background: url(../img/logo.png) top center no-repeat; margin-top: 5px; margin-left: auto; margin-right: auto;clear: both; background-size: cover;}
#logoJunior {display: block; width: 90px; height: 90px; background: url(../img/logoJunior.png) top center no-repeat; margin-top: 5px; margin-left: auto; margin-right: auto;clear: both; background-size: cover;}
#mobileLogo {display: block; width: 53px; height: 53px; background: url(../img/logo.png) top center no-repeat; margin-top: 0px; clear: both; background-size: cover; z-index: 2000;	margin: 0 0 0 15px;}
#mobileLogoJunior {display: block; width: 53px; height: 53px; background: url(../img/logoJunior.png) top center no-repeat; margin-top: 0px; clear: both; background-size: cover; z-index: 2000;	margin: 0 0 0 15px;}


.zdjecieGrupyleft {width: 40%; border: 0px solid; margin: 0 1% 1% 0; float: left;}
.zdjecieGrupyright { width: 40%; border: 0px solid; margin: 0 0 1% 1%; float: right;}

.podgrupa:nth-child(odd) img {width: 40%; border: 0px solid #8773c8; margin: 0 30px 0px 0; float: left;}
.podgrupa:nth-child(even) img {width: 40%; border: 0px solid #8773c8; margin: 0 0 0px 30px; float: right;}

#menu {display: none;}
#menuBig #logo {display: none;}
#menuBig #logoJunior {display: none;}
#strategiczni #kupBilet {display: none;}

.wrapper {width: 80%; margin: 0 10% 0 10%;}

#strategiczni h4 {display: inline-block; margin: 0; padding: 10px 30px 0 0; text-align: center; width: 100%;}
.listaStrategiczni {display: block; padding: 7px 0px 5px 0; margin: auto; text-align: center; width: 100%;}

.mecz {width: 100%; margin: 0 0 30px 0 !important;}
.mecz .mecz-kolejka {font-size: 1.3em;}
.mecz .mecz-data {font-size: 1em;}
.mecz .mecz-adres {font-size: 1em;}
.mecz .mecz-vs {font-size: 1.5em; padding-top: 10%;}
#mecze .mecz-poprzedni .mecz-wynik {padding-top: 10%;}
.mecz .semtu-countdown-box {padding: 0; aspect-ratio: 1.5 / 1!important;}
.mecz .semtu-countdown-value {font-size: 2.5em; padding-top: 20px;}
.mecz .semtu-countdown-label {padding-bottom: 20px;}
.mecz .mecz-druzyna {width: 30%;}
.mecz .mecz-druzyna img {width: 50%;}
.mecz .mecz-druzyna-nazwa {font-size: 1em;}

.mecz {min-height: 530px;}

#strategiczni {display: none;}
#panelMobileMenu {display: block;}
#slider {padding: 110px 0 0 0;}
#slider .desktop {display: block;}
#slider .mobile {display: none;}


#tresc .reklamaSklepu h2 {font-size: 2em; line-height: 1em;}
#tresc .reklamaSklepu h3 {font-size: 1.5em; line-height: 1em;}

#playerHeader {height: 800px; margin-top: 108px;}
#playerHeader #playerFoto {width: 100%; right: 10%;}
#playerHeader .playerNaglowek {left: 10%; top: 0px;}

.zawodnik #profil {width: 83%;}
.zawodnik #statystyki {width: 93%;}
.zawodnik .statBlock {width: 21%;}

#zawodnicy .wp-block-uagb-tabs .is-layout-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}

.semtu-mecze td:nth-child(5), .semtu-mecze td:nth-child(9) {font-size: 1em;}
.semtu-tabela td:nth-child(3) {font-size: 1em;}
.semtu-tabela th:nth-child(3) {font-size: 1em;}

#lodowisko .lodowiskoKontener {padding: 100px;}
#lodowisko .lodowiskoKontener .lodowiskoTresc {padding: 50px; margin-right: 2%;	margin-left: 5%;}
#lodowisko .lodowiskoKontener .lodowiskoTresc h4 {font-size: 3em;}

#sklad .oficjalnyProfil h4 {font-size: 3em;}

.sponsorGlowny  {width: 99%;}
.sponsorStrategiczny  {width: 31.5%;}
.sponsor {width: 19.3%;}

.mecz-poprzedni .pustka {aspect-ratio: 725 / 100;}

#podstronaHeader {padding-top: 108px;}

}

@media screen and (min-width: 1100px) and (max-width: 9999px){
#columns[data-columns]::before {content: '2 .col';}
.col {width: 46%;}	 
#logo {display: block; width: 90px; height: 90px; background: url(../img/logo.png) top center no-repeat; margin-top: 5px; float: left; clear: both; background-size: cover;}
#logoJunior {display: block; width: 90px; height: 90px; background: url(../img/logoJunior.png) top center no-repeat; margin-top: 5px; float: left; clear: both; background-size: cover;}

.zdjecieGrupyleft {width: 40%; border: 0px solid; margin: 0 1% 1% 0; float: left;}
.zdjecieGrupyright { width: 40%; border: 0px solid; margin: 0 0 1% 1%; float: right;}

.podgrupa:nth-child(odd) img {width: 40%; border: 0px solid #8773c8; margin: 0 30px 0px 0; float: left;}
.podgrupa:nth-child(even) img {width: 40%; border: 0px solid #8773c8; margin: 0 0 0px 30px; float: right;}

#trigger4 {display: none;}
.wrapper {width: 80%; margin: 0 10% 0 10%;}

#strategiczni h4 {display: block; float: left; margin: 0; padding: 10px 30px 0 0;}
.listaStrategiczni {display: block; float: left; padding: 7px 30px 5px 0;}

.mecz {width: 44%; float: right;}

.mecz .mecz-kolejka {font-size: 1.3em;}
.mecz .mecz-data {font-size: 1em;}
.mecz .mecz-adres {font-size: 1em;}
.mecz .mecz-vs {font-size: 1.5em; padding-top: 10%;}
#mecze .mecz-poprzedni .mecz-wynik {padding-top: 10%;}
.mecz .semtu-countdown-box {padding: 0; aspect-ratio: 1.5 / 1!important;}
.mecz .semtu-countdown-value {font-size: 2.5em; padding-top: 15px;}
.mecz .semtu-countdown-label {padding-bottom: 20px;}
.mecz .mecz-druzyna {width: 30%;}
.mecz .mecz-druzyna img {width: 50%;}
.mecz .mecz-druzyna-nazwa {font-size: 1em;}
.mecz {min-height: 500px;}

#panelMobileMenu {display: none;}
#slider {padding: 135px 0 0 0;}
#slider .desktop {display: block;}
#slider .mobile {display: none;}

#tresc .reklamaSklepu h2 {font-size: 4em; line-height: 1em;}
#tresc .reklamaSklepu h3 {font-size: 3em; line-height: 1em;}

#playerHeader {height: 800px; margin-top: 155px;}
#playerHeader #playerFoto {width: 50%; right: 15%;}
#playerHeader .playerNaglowek {left: 15%; top: 50px;}

.zawodnik #profil {width: 13%;}
.zawodnik #statystyki {width: 63%;}
.zawodnik .statBlock {width: 21%;}

#zawodnicy .wp-block-uagb-tabs .is-layout-grid {grid-template-columns: repeat(5, minmax(0, 1fr));}

.semtu-mecze td:nth-child(5), .semtu-mecze td:nth-child(9) {font-size: 1.5em;}
.semtu-tabela td:nth-child(3) {font-size: 1.5em;}
.semtu-tabela th:nth-child(3) {font-size: 1.5em;}

#lodowisko .lodowiskoKontener {padding: 100px;}
#lodowisko .lodowiskoKontener .lodowiskoTresc {padding: 50px; margin-right: 5%;	margin-left: 15%;}
#lodowisko .lodowiskoKontener .lodowiskoTresc h4 {font-size: 5em;}

#sklad .oficjalnyProfil h4 {font-size: 3em;}

.sponsorGlowny  {width: 99%;}
.sponsorStrategiczny  {width: 32.5%;}
.sponsor {width: 19.3%;}

.mecz-poprzedni .pustka {aspect-ratio: 725 / 100;}

#podstronaHeader {padding-top: 155px;}

}



/* *********************************************************************************** */
/*    tutaj style ktore nie wymagaja skalowania                                        */
/* *********************************************************************************** */



.col {min-height: 1px; padding-left: 2px; padding-right: 2%; position: relative; float: left;}
.container {width: 100%; padding-bottom: 30px;}

.podgrupa img {width: 100%; border: 0 none; vertical-align: middle; margin: auto; border-radius: 25px;}
.podgrupa {display: block; width: 100%; border: 0px dotted #CCC;	padding: 0; margin: 15px 0 0 0; overflow: hidden;}
.podgrupa .tytul {display: block; font-family: 'UniaFont', sans-serif; font-size: 2em; color: #1163a3; text-transform: uppercase; margin: 0; padding: 3% 0 0 0;}
.podgrupa .tresc {display: block; font-size: 1.2em; color: #999;}
.podgrupa a {text-decoration: none; opacity: 1; transition:ease-in-out 0.3s;}
.podgrupa a:hover {opacity: 0.5; transition:ease-in-out 0.3s;}


#hex_footer {display: block; float: right; height: 33px; padding: 5px 0 0 0; width: 180px;}
#hex_footer a {text-decoration: none; color: #000; font-family: Verdana, Geneva, sans-serif; font-size: 0.7em;}
#hex_footer a:hover {opacity: 0.5;}
#hex_footer a span {padding: 10px 0 0 0; display: block; float: left;}
#hex_footer a img {float: left; margin-left: 10px;}

#politykaPrywatnosci {display: block; float: left; width: 150px; height: 33px; padding: 10px 0 0 0;}
#politykaLink {color: #F90;	font-size: 0.8em; text-decoration: none;}
#politykaLink:hover {color: #fff !important;}