



@media (min-width: 1200px) {
	.headerMenu,
	.sectionInner	{
		width: 70%;
		max-width: 1200px;
	}
	.groupWrapper{
		width:20%;
	}
	.hasMargin .groupWrapper{
		width:25%;
	}
	.photo_box {
		width:25%;
	}
}
@media (max-width: 1600px) {
	.headerMenu,
	.sectionInner	{
		width: 80%;
	}
}
@media (max-width: 1440px) {
	.headerMenu,
	.sectionInner	{
		width: 90%;
	}
}

@media (max-width:1200px) {
	.headerMenu,
	.sectionInner	{
		width: 93%;
	}
	.grid-box-label{font-size:1.3em;}

	.sectionHeader{
		font-size:5em;
		font-weight:700;
	}
	.headerMenuWrapper .headerMenu ul li{
		margin:0 5px;
	}
	.headerMenuWrapper .headerMenu ul li a{
		font-size:0.85em;
	}
	.schedule td{
		padding:20px 10px;
	}
	#kontakt .dwcol2 .dwcol2{
		width:100%;
	}
	.dwcol2.mh200{
		min-height:50px;
		margin-bottom:20px;
	}
	.groupWrapper{
		width:25%;
	}
	.hasMargin .groupWrapper{
		width:25%;
	}
	.photo_box {
		width:25%;
	}
	.placeholder h1{
		font-size:2em;
	}
	.sectionMenu li a {
		font-size:0.8em;
	}
}

@media (max-width: 990px) {
	.headerMenu,
	.sectionInner	{
		width: 95%;
	}
	.headerMenuWrapper .headerMenu ul li{
		margin:0 5px;
	}
	.headerMenuWrapper .headerMenu ul li a{
		font-size: 0.8em;
		vertical-align: bottom;
	}
	.sectionHeader{
		font-size:4em;
		font-weight:700;
	}
	.groupWrapper{
		width:33.3%;
	}
	.photo_box {
		width:33.3%;
	}
	.newsTitle{
		font-size:1em;
	}
	.newsDigest{
		font-size:0.8em;
	}
	.schedule td{
		padding:20px 10px;
	}
	.sectionMenu li a{
		padding: 0 5px;
		font-size: 1.2em;
		line-height: 51px;
	}
	.placeholder h1{
		font-size:2em;
	}
	.dwcol3{
		width:49%;
		padding-bottom:10px;
	}
	.grid-box:hover .grid-box-title{display:none;}
}

@media (max-width: 880px) {
	.logoHomePage{
		position:absolute;
		top: 15px;
		left: 5px;
		width:86px;
		height:35px;
	}
	.logoHomePage.float{
		position:absolute;
		top:17px;
		left:10px;
		width:86px;
		height:35px;
	}
	.logoHomePage img{
		height:35px;
	}
	.sectionHeader{
		font-size:2.5em;
		font-weight:700;
	}
	.lista td, .lista th {
		font-size:0.8em;
	}
	#home{
		padding-top:65px;
	}
	.headerMenuWrapper {
		height: 65px;
	}
	.headerMenu,
	.sectionInner	{
		width: 95%;
	}
	.sectionInner{
		padding-top:0;
	}
	.headerMenuWrapper .headerMenu {
		background:black;
		width:100%;
	}
	.sectionInner.home{
		padding-top:0;
	}
	.sectionWrapper{
		padding-top: 65px;
	}
	.navOpen{
		display:block;
	}
	.headerMenu ul {
		position:relative;
		margin: 0px 10px 0px 10px;
		padding:0;
		top: 70px;
	}
	.headerMenuWrapper .headerMenu  ul li,
	.headerMenu ul li.login{
		display:block;
		width:100%;
		margin:0;
		padding:0;
		border:0;
		border-left:3px solid transparent;
		border-bottom:1px solid #666;
		position:initial;
		background:initial;
		font-size:inherit;
	}
	.headerMenu ul li.login {
		background-image: url(../img/user.svg);
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: 10px;
		padding:10px;
	}
	.headerMenuWrapper .headerMenu  ul li.active{
		border-left:3px solid red;
		border-bottom:1px solid #666;
	}
	.headerMenuWrapper .headerMenu ul li a{
		font-size:1em;
		display:block;
		text-align:left;
		color:#efefef;
		background:none;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
		padding:10px;
	}
	.headerMenuWrapper .headerMenu ul li.login a{
		padding:0 0 0 30px;
	}
	.mobileNav{
		width:100%;
	}
	.mobileNav.idle{
		right:-100%;
		display:none;
	}
	.mobileNav.active{
		right:0;
		display:block;
	}
	.mobileNav.active .club-gauge-floor{
		color:white;
	}
	.mobileNav.active .club-gauge-info{
		color:black;
	}
	.mobileNav.active ul.social-links-menu {
		display:block;
		width:100%;
		text-align:center;
		margin: 20px 0;
	}
	.mobileNav.active ul.social-links-menu li{
		display:inline-block;
		border:0;
		width:auto;
	}
	.mobileNav.active #club-gauge{
		display:none;
	}
	
	
	
	
	.logoHomePage.float{
		position:absolute;
		top:17px;
		left:10px;
		width:86px;
		height:35px;
		background:url(./../img/logoLightMed.png);
	}
	.bonusWrapper{
		height:auto;
		border-bottom:1px dashed grey;
		margin:0;
	}
	.bonusPoints, .bonusImage, .bonusText {
		width:100%;
		height:auto;
		padding-left:0;
		padding-right:0;
		margin:0;
		display:block;
	}
	.bonusPoints p, .bonusText p, .bonusText h3{
		padding:5px;
		margin:0;
		text-align:center;
	}
	.bonusPoints p {
		padding-bottom:0;
	}
	.bonusImage{
		height:150px;
		background-size:contain;
		background-repeat:no-repeat;
		background-position:center;
	}
	.arrow {
		display:none;
	}
	.gzz-top-b,
	.gzz-top-b .gzz-desc-img,
	.gzz-top-b .gzz-desc{
		display:block;
		width:100%;
	}
	.grid-box-label{font-size:1em;}
}

@media (max-width: 790px) {
	.schedule td{
		padding:20px 10px;
	}
}

@media (max-width: 760px) {
	.groupWrapper{
		width:50%;
	}
	.photo_box {
		width:50%;
	}
	#kontakt .dwcol2 .dwcol2{
		width:50%;
	}
	.grid-box-label{
		font-size:1.3em;
	}
	.slides-navigation a.next {
		right:30px;
	}
	.slides-navigation a.prev {
		left:30px;
	}
	.sectionInner{
		padding-top:0;
	}
	
	.sectionMenu{
		text-align:center;
	}
	.sectionMenu li{
		background-color:red;
		border:0;
		color:white;
	}
	.sectionBgDark  .sectionMenu li{
		background-color:#FFA500;
	}
	.sectionMenu .navLeft,
	.sectionMenu .navRight{
		position:absolute;
		top:0;
		z-index:2;
		display:inline-block;
		width:51px;
		height:51px;
		cursor:pointer;
	}
	.sectionMenu .navLeft{
		left:0;
		border-right:1px solid #fff;
		background-image: url(./../img/f-w-l.svg);
		background-size: 65%;
		background-position: center;
		background-repeat: no-repeat;
	}
	.sectionMenu .navRight{
		right:0;
		border-left:1px solid #fff;
		background-image: url(./../img/f-w-r.svg);
		background-size: 65%;
		background-position: center;
		background-repeat: no-repeat;
	}
	.sectionBgDark .sectionMenu .navLeft{
		border-right:1px solid #333;
		background-image: url(./../img/f-s-l.svg);
		background-size: 65%;
		background-position: center;
		background-repeat: no-repeat;
	}
	.sectionBgDark .sectionMenu .navRight{
		border-left:1px solid #333;
		background-image: url(./../img/f-s-r.svg);
		background-size: 65%;
		background-position: center;
		background-repeat: no-repeat;
	}
	.sectionMenu .navTabSelector{
		display:inline-block;
		width:100%;
		height:51px;
		text-align:center;
		margin:0 auto;
	}
	.sectionMenu .navTabSelector.active{
		z-index:1;
	}
	.sectionMenu .navTabSelector.idle,
	.sectionMenu .navTabSelector.active a .pointer{
		display:none;
	}
	.subPage .subPageHeader{
		font-size:2em;
	}
	.text {
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
	}
	.sectionInner .hasMargin.left,
	.sectionInner .hasMargin.right{
		margin:0;
	}
	.schedule_x .schedule_day .class {
		border-right:0;
	}
	.newsTitle{
		font-size:1em;
	}
	.newsDigest{
		font-size:0.8em;
	}
	.newsDate{
		position:relative;
		text-align:left;
		padding:0;
		width:auto;
	}
	.news,.newsc,.newsr{
		margin-left:0;
		margin-bottom:10px;
		border:0;
		padding:10px;
		border-bottom:2px solid red;
	}
	.newsr{
		border-bottom:2px solid green;
	}
	.schedule tr.days {
		display:none;
	}
	.schedule tr.daySelector {
		display:table-row;
	}
	.placeholder{
		padding:35px 0;
	}
	.placeholder h1 {
		font-size:1.5em;
	}
	.dwcol3{
		width:100%;
		padding-bottom:10px;
	}
	.dwform .dwinput{
		width:90%;
	}
	.sectionDecor.cennik,
	.sectionDecor.aktualnosci,
	.sectionDecor.oferta{
		background-image:none;
	}
	.nextTerm{
		width:100%;
	}
	.prevTerm{
		width:100%;
	}
	.termList{
		width:100%;
	}
	.reserveNav{
		display:inline-block;
		cursor:pointer;
		padding:8px 0;
		background:#ccc;
		width:100%;
		margin-top:3px;
	}
	.termDate{
		width:100%;
		background:#ccc;
		color:black;
	}
	.term{
		padding:0;
		margin-top:3px;
	}
	.ratingAttr{
		text-align:center;
		width:100%;
	}
	.ratingStars{
		border-bottom:2px solid #ccc;
		margin-bottom:15px;
		width:100%;
	}
	.ratingSuggestion,
	.dwcol2{
		width:100%;
	}
	.sectionMenu .noTab,
	.scheduleFilterWrapper{
		display:none;
	}
	.intr_photo {
		position:relative;
		background-size:contain;
		background-position:top left;
		background-repeat:no-repeat;
		width:90%;
		left:auto;
	}
	.intr_descr {
		position:relative;
		width:90%;
		text-align:left;
		right:auto;
	}
	.arrow{
		width:20%;
		left:40%;
	}
	.schedule_x div.daySelector {
		display:block;
	}
	.schedule_x .days {
		display:none;
	}
	.schedule_x .schedule_day {
		display:none;
		width:100%;
	}
	.grid-1-s{
		width:50%;
	}
	.grid-1-1,
	.grid-1-2{
		width:50%;
	}
	.grid-2-1,
	.grid-2-2{
		width:100%;
	}
}

@media (min-width: 760px) {
	.schedule tr.days {
		display:table-row;
	}
	.schedule tr.daySelector {
		display:none;
	}
}

@media (max-width: 480px) {
	.sectionHeader{
		font-size:2em;
		font-weight:700;
	}
	.groupWrapper{
		width:100%;
	}
	.photo_box {
		width:100%;
	}
	.placeholder{
		padding:10px 0;
	}
	.placeholder h1 {
		font-size: 1em;
	}
	#kontakt .dwcol2 .dwcol2{
		width:100%;
	}
	.dwcol2.mh200{
		min-height:50px;
		margin-bottom:20px;
	}
	.tlogin_wrapper input{
		width:80%;
	}
}

@media (max-width: 360px) {
	.text {
		-webkit-column-count:1;
		-moz-column-count:1;
		column-count:1;
	}
	.newsTitle, .newsDate, .newsReadMore{
		font-size:0.8em;
	}
	.newsDigest{
		font-size:0.7em;
	}
	.placeholder{
		padding:15px 0;
	}
	.placeholder h1 {
		font-size: 1em;
	}
	.placeholder article {
		font-size: 1em;
	}
	.dwcol3{
		width:100%;
		padding-bottom:10px;
	}
	.mh200{
		min-height:50px;
	}
	.arrow{
		width:30%;
		left:35%;
	}
	.grid-1-s{
		width:50%;
	}
	.grid-1-1 {
		width:100%;
	}
	.grid-1-2{
		width:100%;
	}
	.grid-2-1,
	.grid-2-2{
		width:100%;
	}
}
