@media screen, projection {
	
	a.askPrice {
		width: 210px;
		height: 30px;
		background-color: #e11414;
		padding: 10px 0 0 50px;
		position: absolute;
		top: 110px;
		right: 12px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
	}
	
	a.askPrice:before {
		position: absolute;
		content: '';
		top: 9px;
		left: 8px;
		width: 29px;
		height: 26px;
		background: url(../img/sprites.png) no-repeat 0 -125px
	}
	
		a.askPrice:hover {
			background-color: #d11d00;
		}
		
		a.askPrice.bottom {
			position: relative;
			top: auto;
			left: auto;
			padding: 10px 15px 10px 50px;
		}
		
	a.askPrice.bottom + a.askPrice.bottom {
		margin-left: 20px;
	}	
	
	div.product {
		text-align: center;
		margin-top: 80px;
		position: relative;
	}
	
	div.product img {
		display: inline-block;
    	height: auto;
    	max-width: 100%;
	}
	
	div.details a {
		position: static;
	}
	
	div.details {
		position: absolute;
		width: 280px;
		height: 185px;
		border: 1px solid #d2d3d3;
		text-align: left;
	}
		div.details.p1 {
			top: -30px;
			left: 0;
		}
		
		div.details.p2 {
			top: 240px;
			left: 0;
		}
		
		div.details.p3 {
			top: 510px;
			left: 0;
		}
		
		div.details.p4 {
			top: -30px;
			right: 0;
		}
		
		div.details.p5 {
			top: 240px;
			right: 0;
		}
		
		div.details.p6 {
			top: 510px;
			right: 0;
		}
	
	div.details p {
		font-size: 16px;
		font-weight: 300;
		padding: 1px 5px;
		line-height: 20px;
		text-align: center;
	}
	
	div.details h6 {
		background-color: #4d4e50;
		color: #fff;
		font-size: 14px;
		font-weight: 300;
		padding: 2px 5px;
	}
	
	div.product + h1 {
		margin-top: 50px;
	}
	
	section.description {
		line-height: 25px;
		text-align: justify;
		font-size: 18px;
	}
	
		section.description h3 {
			margin: 15px 0;
			font-weight: 700;
		}
	
	div.grayBg {
		margin-top: 50px;
	}
	
	section.description ul,
	div.spec ul {
		margin-top: 40px;
	}
	
	section.description ul li,
	div.spec ul li {
		font-size: 18px;
		font-weight: 300;
		padding: 10px 0 10px 16px;
		position: relative;
		line-height: 25px;
		transition: .23s all ease;
	}
		
		section.description ul li {
			padding: 5px 0 5px 16px;
		}
		
		section.description ul li:hover,
		div.spec ul li:hover {
			background-color: #eee;
			transition: .23s all ease;
		}
		
		section.description ul li::before {
			content:'\2022';
  			padding-right: 8px;
  			color: #4d4e50;
  			vertical-align: top;
		}
	
	div.spec ul li div {
		width: 25%;
		display: inline-block;
		float: left;
		position: relative;
	}
	
	div.spec ul li div::before {
		content:'\2022';
  		padding-right: 8px;
  		color: #4d4e50;
  		vertical-align: top;
	}
	
	div.spec ul li div+div {
		padding-left: 25px;
		display: inline-block;
		float: none;
		width: 70%;
	}
	
	div.spec ul li div+div::before {
		content:'';
		background: url(../img/sprites.png) no-repeat -136px -156px;
		width: 15px;
		height: 11px;
		top: 8px;
		left: 0;
		position: absolute;
	}
	
		div.spec ul li:hover div+div::before {
			animation: shake2 0.2s;
		}
	
	h4 {
		font-size: 24px;
	}
		
		h4::after {
			width: 40px;
		}
		
		
	@keyframes shake2 {
	  0% { left: 0; }
	  50% { left: -15px; }
	  80% { left: 5px; }
	  100% { left: 0; }
	}
	
	p.download {
		margin-top: 15px;
	}
	
	p.download a {
		position: relative;
		padding-left: 25px;
	}
	
		p.download a::before {
			content: '';
			background: url(../img/sprites.png) no-repeat -212px -182px;
			position: absolute;
			top: 2px;
			left: 0;
			width: 16px;
			height: 18px;
		}
		
		p.download.go a::before {
			content: '';
			background: url(../img/sprites.png) no-repeat -136px -156px;
			position: absolute;
			top: 4px;
			left: 2px;
			width: 16px;
			height: 18px;
		}
		
	div.grayBgLight {
		margin-top: 50px;
		padding-top: 25px;
	}
	
	a.lightbox {
		border: 1px solid #d2d3d3;
		display: inline-block;
		margin: 0 1px 10px 1px;
		opacity: 0.8;
		transition: .23s all ease;
	}
		
		a.lightbox:hover {
			transition: .23s all ease;
			opacity: 1;
		}
		
	div.product + h1.promo {
		position: relative;
		margin-top: 80px;
	}	
	
	h1.promo::before {
		content: 'PROMOCJA!';
		position: absolute;
		top: -45px;
		left: 0;
		width: 110px;
		height: 30px;
		background: #e11414 url(../img/sprites.png) no-repeat 98px -527px;
		opacity: 0.8;
		font-size: 14px;
		font-weight: 700;
		color: #fff;
		padding: 0 10px;
		z-index: 100;
		line-height: 30px; 
	}
	
	span.is_new {
		position: absolute;
		top: -45px;
		left: 0;
		width: auto;
		height: 30px;
		background: #239207;
		opacity: 0.8;
		font-size: 14px;
		font-weight: 700;
		color: #fff;
		padding: 0 10px;
		z-index: 100;
		line-height: 30px; 
	}
	h1.promo span.is_new {
		left: 150px;
	}
}

/******* MEDIA VERSIONS **************************/

@media all and (max-width: 1300px) {
	
	a.askPrice {
		right: 95px;
	}
	
	a.askPrice.bottom {
		right: auto;
	}
}
@media all and (max-width: 1200px) {
	div.product + h1 {
		font-size: 28px;
	}
	
		div.product + h1::after {
			width: 55px;
		}
}

@media all and (max-width: 1100px) {
	div.details {
		width: 200px;
	}
	
	div.lines svg.svg1,
	div.lines svg.svg2,
	div.lines svg.svg3 {
		margin-left: 170px !important;
	}
	
	div.lines svg.svg4 {
		height: 110px !important;
		margin-top: -110px !important;
	}
	
	div.lines svg.svg5 {
		margin-top: -125px !important;
	}
	
	div.lines svg.svg6 {
		height: 155px !important;
		margin-top: -145px !important;
	}
}

@media all and (max-width: 900px) {
	div.lines {
		display: none;
	}
	
	div.product {
		text-align: left;
	}
	
	div.details {
		left: auto !important;
		right: 40px !important;
	}
	
		div.details {
			height: 98px;
			overflow: hidden;
		}
		
		div.details img {
			opacity: 0.2;
		}
		
		div.details p {
			position: absolute;
			top: 28px;
			left: 0;
			text-align: center;
			font-weight: 700;
			width: 188px;
		}
	
	div.details.p1 {
		top: 0;
	}
	
	div.details + div.details {
		top: 110px;
	}
	
	div.details + div.details + div.details {
		top: 220px;
	}
	
	div.details + div.details + div.details + div.details {
		top: 330px;
	}
	
	div.details + div.details + div.details + div.details + div.details {
		top: 440px;
	}
	
	div.details + div.details + div.details + div.details + div.details + div.details {
		top: 550px;
	}
	
	a.askPrice {
		display: none;
	}
	
	a.askPrice.bottom {
		display: inline;	
	}
	
	div.spec ul li div {
		width: 100%;
		float: none;
	}
		
		div.spec ul li div+div {
			margin: 10px 0 20px 20px;
		}
		
	div.spec ul li {
		border-top: 1px solid #eeeeee;
	}
	
	div.spec ul li:first-child {
		border-top: none;
	}
}

@media all and (max-width: 800px) {
	div.product {
		text-align: center;
	}
	
	div.details {
		height: 185px;
		overflow: visible;
	}
	
	div.details img {
		opacity: 1;
	}
	
	div.details p {
		position: relative;
		top: 0;
		font-weight: 300;
	}
	
	div.detailsWrapper {
		position: relative;
		margin-top: 50px;
		width: 100%;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
	}
	
	div.detailsWrapper div.details { 
		position: relative;
		top: auto !important;
		bottom: auto !important;
		left: auto !important;
		right: auto !important;
		margin: 0 auto 15px auto;
	}
}

@media all and (max-width: 700px) {
	h4 {
		font-size: 20px;
	}
	
		h4::after {
			width: 40px;
		}
}

@media all and (max-width: 600px) {
	a.askPrice.bottom + a.askPrice.bottom {
		margin: 25px auto 0 auto;
		display: block;
		width: 185px;
		height: 19px;
		line-height: 19px;
	}	
}

@media all and (max-width: 500px) {
	div.product + h1::after {
		display: none;
	}
	
	section.description,
	div.spec ul li {
		font-size: 16px;
	}
	
	div.spec ul li { 
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	div.spec ul li div+div::before {
		display: none;
	}
	
	div.spec ul li div+div {
		padding-left: 18px;
		margin-left: 0;
	}
}