@media screen and (min-width: 1201px) and (max-width: 10000px) {
.pricelist {
	float:left;
	width:100%;
	padding-bottom:5vw;
	position:relative;
	
	background: url(../../images/reference_list_left_bg.jpg) top left no-repeat;
	background-size:20vw auto;
}
	.pricelist .left {
		float:left;
		width:20%;
		height:100%;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
		
	}
		.pricelist .left .inside {
			width:75%;
		}
			.pricelist .left .inside .title {
				float:left;
				width:100%;
				color: #000000;
				margin:4vw 0px 1.3vw 0px;
				padding:0px 0px 1.8vw 0px;
				font-size: 1.31vw;
				font-weight: 500;
				line-height: 1.31vw;
				
				border-bottom:1px solid #dadada;
			}
				.pricelist .left .inside .title:hover {
					color: #51baea;
				}
			.pricelist .left .inside .sub-menu {
				float:left;
				width:100%;
				position:relative;
				list-style: none; 
			}
				.pricelist .left .inside .sub-menu li {
					float:left;
					width:100%;
					padding:0px 0px 0.5vw 0px;
					margin:0px 0px 0.5vw 0px;
					
					font-size: 1vw;
					font-weight: 300;
					line-height: 1.4vw;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					border-bottom:1px solid #dadada;
					
				}
					.pricelist .left .inside .sub-menu li a {
						padding:0px 0px 0px 1vw;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						text-decoration:none;
						color: #000000;
						background: url(../../images/short_ul_li.svg) top 0.3vw left no-repeat;
					}
					.pricelist .left .inside .sub-menu li a:hover {
						background: url(../../images/short_ul_li.svg) top 0.3vw left 0.2vw no-repeat;
					}
					.pricelist .left .inside .sub-menu li a.active {
						color:#51baea;
						background: url(../../images/short_ul_li.svg) top 0.3vw left 0.2vw no-repeat;
					}
	.pricelist .right {
		float:left;
		width:80%;
		height:100%;
		position:relative;
	}
		.pricelist .right .list {
			float:left;
			width:75%;
			margin:4.5vw 0px 0px 5%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.pricelist .right .list h1 {
				color: #231f20;
				
				font-size: 1.85vw;
				font-weight: 300;
				line-height: 3.15vw;
			}
			.pricelist .right .list .submenu {
				float:left;
				width:100%;
				height:4.2vw;
				color: #231f20;
				
				font-size: 0.85vw;
				font-weight: 300;
				line-height: 4.1vw;
				margin:1.5vw 0px 1vw 0px;
				padding:0;
				position:relative;
				background: #f6f6f6;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
			}
			.pricelist .right .list .submenu li { 
				float:left;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;		
				list-style: none; 
				cursor:pointer;
			}
				.pricelist .right .list .submenu li:first-child {
					margin:0px 0px 0px 0px;
				}
			.pricelist .right .list .submenu li a { 
				color:#000;
				text-decoration:none;
				padding:0px 1.3vw 0px 1.3vw;
				display: inline-block; 
			}
			.pricelist .right .list .submenu li a:hover { color:#fff;background:#51baea; }
			.pricelist .right .list .submenu li a.active { color:#fff;font-weight:300;background:#51baea; }
			
			.pricelist .right .list .files {
				float:left;
				width:100%;
				margin:2vw 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.pricelist .right .list .files h4 {
					float:left;
					width:100%;
					margin:0px 0px 2vw 0px;
					padding:0px 0px 15px 0px;
					position:relative;
					color: #000000;
					
					font-size: 20px;
					font-weight: 700;
					line-height: 20px;
					background: url(../../images/small_blue_hr.png) bottom left no-repeat;
				}
				.pricelist .right .list .files .pliki { 
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px; 
					padding:0px 0px 0px 0px; 
				}
					.pricelist .right .list .files .pliki .plik { 
						float:left;
						width:100%;
						position:relative;
						margin:0px 0px 15px 0px; 
						padding:0px 0px 0px 0px; 
					}
						.pricelist .right .list .files .pliki .plik a { 
							text-decoration:none;
							color:#000; 
						}
						.pricelist .right .list .files .pliki .plik a:hover { 
							color:#51baea; 
						}
							.pricelist .right .list .files .pliki .plik a:hover .plik-tytul span {
								color:#000;
							}
					.pricelist .right .list .files .pliki .plik-ikona-box { 
						float:left;
						position:relative;
						margin:0px 0px 0px 0px; 
						padding:0px 0px 0px 0px; 
					}
					.pricelist .right .list .files .pliki .plik-roz { 
						display:none;
					}
					.pricelist .right .list .files .plik-ikona { 
						float:left;
						width:17px;
						margin:0px 0px 0px 0px; 
					}
					.pricelist .right .list .files .plik-tytul { 
						float:left;
						width: calc(100% - 30px);
						position:relative;
						margin:4px 0px 0px 10px; 
						padding:0px 0px 0px 0px; 
						font-family: 'Roboto', sans-serif;
						font-size:0.9vw;
						line-height:0.9vw;
					}
						.pricelist .right .list .files .plik-tytul span {
							float:right;
							margin:0;
							padding-right:20px;
							color: #51baea;
							background: url(../../images/short_ul_li.svg) right no-repeat;
						}
}

@media screen and (min-width: 651px) and (max-width: 1200px) {
.pricelist {
	float:left;
	width:100%;
	padding-bottom:5vw;
	position:relative;
	
}
	.pricelist .left {
		float:left;
		width:100%;
		padding:0px 0px 8vw 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
		background: #f6f6f6;		
	}
		.pricelist .left .inside {
			width:90%;
		}
			.pricelist .left .inside .title {
				float:left;
				width:100%;
				color: #000000;
				margin:5vw 0px 2vw 0px;
				padding:0px 0px 2vw 0px;
				font-size: 3vw;
				font-weight: 500;
				line-height: 4vw;
				
				border-bottom:1px solid #dadada;
			}
				.pricelist .left .inside .title:hover {
					color: #51baea;
				}
					.pricelist .left .inside .next-1 {
						margin:4vw 0px 1.3vw 0px;
					}
			.pricelist .left .inside .sub-menu {
				float:left;
				width:100%;
				position:relative;
				list-style: none; 
			}
				.pricelist .left .inside .sub-menu li {
					float:left;
					width:100%;
					padding:1vw 0px 1vw 0px;
					margin:0px 0px 0px 0px;
					
					font-size: 2.5vw;
					font-weight: 300;
					line-height: 4vw;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					border-bottom:1px solid #dadada;				
				}
					.pricelist .left .inside .sub-menu li a {
						float:left;
						width:100%;
						padding:0px 0px 0px 5vw;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						text-decoration:none;
						color: #000000;
						background: url(../../images/short_ul_li.svg) left no-repeat;
					}
					.pricelist .left .inside .sub-menu li a:hover {
						background: url(../../images/short_ul_li.svg) left no-repeat;
					}
					.pricelist .left .inside .sub-menu li a.active {
						color:#51baea;
						background: url(../../images/short_ul_li.svg) left no-repeat;
					}
	.pricelist .right {
		float:left;
		width:100%;
		height:100%;
		position:relative;
	}
		.pricelist .right .list {
			float:left;
			width:94%;
			margin:5vw 3% 0px 3%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.pricelist .right .list h1 {
				color: #231f20;
				
				font-size: 3vw;
				font-weight: 300;
				line-height: 4vw;
			}
				.pricelist .right .list .submenu {
					float:left;
					width:100%;
					color: #231f20;
					
					font-size: 1.5vw;
					font-weight: 300;
					line-height: 6vw;
					margin:3vw 0px 1vw 0px;
					padding:0;
					position:relative;
					border-top:1px solid #cccccc;
					border-bottom:1px solid #cccccc;
					background: #f6f6f6;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:flex-start;
					align-items:center;
					align-content:center;
				}
					.pricelist .right .list .small-margin {
						justify-content:space-between;
					}
				.pricelist .right .list .submenu li { 
					float:left;
					width:33.33%;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;		
					list-style: none; 
					cursor:pointer;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
						.pricelist .right .list .small-margin li {
							margin:0px 0px 0px 0px;
							font-size:1.5vw;
						}
					.pricelist .right .list .submenu li:first-child {
						margin:0px 0px 0px 0px;
					}
						.pricelist .right .list .small-margin li:first-child {
							margin:0px 0px 0px 0px;
							
						}
				.pricelist .right .list .submenu li a { 
					float:left;
					width:100%;
					color:#000;
					text-decoration:none;
					padding:0px 0px 0px 0px;
					display: inline-block; 
					border-bottom:0px solid #fff;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					text-align:center;
				}
					.pricelist .right .list .small-margin li a { 
						color:#000;
						text-decoration:none;
						padding:0px 5vw 0px 5vw;
						display: inline-block; 
					}
				.pricelist .right .list .submenu li a:hover { color:#fff;background:#51baea; }
				.pricelist .right .list .submenu li a.active { color:#fff;font-weight:500;background:#51baea; }
				
			.pricelist .right .list .files {
				float:left;
				width:100%;
				margin:2vw 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.pricelist .right .list .files h4 {
					float:left;
					width:100%;
					margin:0px 0px 2vw 0px;
					padding:0px 0px 2vw 0px;
					position:relative;
					color: #000000;
					
					font-size: 2vw;
					font-weight: 700;
					line-height: 3vw;
					background: url(../../images/small_blue_hr.png) bottom left no-repeat;
				}
				.pricelist .right .list .files .pliki { 
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px; 
					padding:0px 0px 0px 0px; 
				}
					.pricelist .right .list .files .pliki .plik { 
						float:left;
						width:100%;
						position:relative;
						margin:0px 0px 15px 0px; 
						padding:0px 0px 0px 0px; 
					}
						.pricelist .right .list .files .pliki .plik a { 
							text-decoration:none;
							color:#000; 
						}
						.pricelist .right .list .files .pliki .plik a:hover { 
							color:#51baea; 
						}
							.pricelist .right .list .files .pliki .plik a:hover .plik-tytul span {
								color:#000;
							}
					.pricelist .right .list .files .pliki .plik-ikona-box { 
						float:left;
						position:relative;
						margin:0px 0px 0px 0px; 
						padding:0px 0px 0px 0px; 
					}
					.pricelist .right .list .files .pliki .plik-roz { 
						display:none;
					}
					.pricelist .right .list .files .plik-ikona { 
						float:left;
						width:17px;
						margin:0px 0px 0px 0px; 
					}
					.pricelist .right .list .files .plik-tytul { 
						float:left;
						width: calc(100% - 110px);
						position:relative;
						margin:0px 0px 0px 10px; 
						padding:0px 0px 0px 0px; 
						font-family: 'Roboto', sans-serif;
						font-size:2vw;
						line-height:3vw;
					}
						.pricelist .right .list .files .plik-tytul span {
							float:right;
							margin:0px -85px 0px 0px;
							padding-right:15px;
							color: #51baea;
							background: url(../../images/short_ul_li.svg) right no-repeat;
						}
}

@media screen and (min-width: 0px) and (max-width: 650px) {
.pricelist {
	float:left;
	width:100%;
	padding-bottom:5vw;
	position:relative;
	
}
	.pricelist .left {
		float:left;
		width:100%;
		padding:0px 0px 8vw 0px;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
		background: #f6f6f6;		
	}
		.pricelist .left .inside {
			width:90%;
		}
			.pricelist .left .inside .title {
				float:left;
				width:100%;
				color: #000000;
				margin:5vw 0px 2vw 0px;
				padding:0px 0px 2vw 0px;
				font-size: 5vw;
				font-weight: 500;
				line-height: 6vw;
				
				border-bottom:1px solid #dadada;
			}
				.pricelist .left .inside .title:hover {
					color: #51baea;
				}
					.pricelist .left .inside .next-1 {
						margin:4vw 0px 1.3vw 0px;
					}
			.pricelist .left .inside .sub-menu {
				float:left;
				width:100%;
				position:relative;
				list-style: none; 
			}
				.pricelist .left .inside .sub-menu li {
					float:left;
					width:100%;
					padding:2vw 0px 1vw 0px;
					margin:0px 0px 0px 0px;
					
					font-size: 3.5vw;
					font-weight: 300;
					line-height: 5vw;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					border-bottom:1px solid #dadada;				
				}
					.pricelist .left .inside .sub-menu li a {
						float:left;
						width:100%;
						padding:0px 0px 0px 5vw;
						box-sizing: border-box;
						-moz-box-sizing: border-box;
						-webkit-box-sizing: border-box;
						text-decoration:none;
						color: #000000;
						background: url(../../images/short_ul_li.svg) left no-repeat;
					}
					.pricelist .left .inside .sub-menu li a:hover {
						background: url(../../images/short_ul_li.svg) left no-repeat;
					}
					.pricelist .left .inside .sub-menu li a.active {
						color:#51baea;
						background: url(../../images/short_ul_li.svg) left no-repeat;
					}
	.pricelist .right {
		float:left;
		width:100%;
		height:100%;
		position:relative;
	}
		.pricelist .right .list {
			float:left;
			width:94%;
			margin:5vw 3% 0px 3%;
			padding:0px 0px 0px 0px;
			position:relative;
		}
			.pricelist .right .list h1 {
				color: #231f20;
				
				font-size: 5vw;
				font-weight: 300;
				line-height: 6vw;
			}
				.pricelist .right .list .submenu {
					float:left;
					width:100%;
					color: #231f20;
					
					font-size: 3vw;
					font-weight: 300;
					line-height: 4vw;
					margin:4vw 0px 2vw 0px;
					padding:0;
					position:relative;
					border-top:1px solid #cccccc;
					border-bottom:1px solid #cccccc;
					background: #f6f6f6;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:flex-start;
					align-items:center;
					align-content:center;
				}
					.pricelist .right .list .small-margin {
						justify-content:space-between;
					}
				.pricelist .right .list .submenu li { 
					float:left;
					width:50%;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;		
					list-style: none; 
					cursor:pointer;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}
						.pricelist .right .list .small-margin li {
							margin:0px 0px 0px 0px;
							font-size:3vw;
						}
					.pricelist .right .list .submenu li:first-child {
						margin:0px 0px 0px 0px;
					}
						.pricelist .right .list .small-margin li:first-child {
							margin:0px 0px 0px 0px;
							
						}
				.pricelist .right .list .submenu li a { 
					float:left;
					width:100%;
					height:10vw;
					color:#000;
					text-decoration:none;
					padding:0px 0px 0px 0px;
					display: inline-block; 
					border-bottom:0px solid #fff;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					text-align:center;
					display:flex;
					flex-direction:row;
					flex-wrap:wrap;
					justify-content:center;
					align-items:center;
					align-content:center;
				}
					.pricelist .right .list .small-margin li a { 
						color:#000;
						text-decoration:none;
						padding:2vw 5vw 2vw 5vw;
						display: inline-block; 
					}
				.pricelist .right .list .submenu li a:hover { color:#fff;background:#51baea; }
				.pricelist .right .list .submenu li a.active { color:#fff;font-weight:500;background:#51baea; }
				
			.pricelist .right .list .files {
				float:left;
				width:100%;
				margin:4vw 0px 0px 0px;
				padding:0px 0px 0px 0px;
				position:relative;
			}
				.pricelist .right .list .files h4 {
					float:left;
					width:100%;
					margin:0px 0px 4vw 0px;
					padding:0px 0px 4vw 0px;
					position:relative;
					color: #000000;
					
					font-size: 4vw;
					font-weight: 700;
					line-height: 5vw;
					background: url(../../images/small_blue_hr.png) bottom left no-repeat;
				}
				.pricelist .right .list .files .pliki { 
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px; 
					padding:0px 0px 0px 0px; 
				}
					.pricelist .right .list .files .pliki .plik { 
						float:left;
						width:100%;
						position:relative;
						margin:0px 0px 15px 0px; 
						padding:0px 0px 0px 0px; 
					}
						.pricelist .right .list .files .pliki .plik a { 
							text-decoration:none;
							color:#000; 
						}
						.pricelist .right .list .files .pliki .plik a:hover { 
							color:#51baea; 
						}
							.pricelist .right .list .files .pliki .plik a:hover .plik-tytul span {
								color:#000;
							}
					.pricelist .right .list .files .pliki .plik-ikona-box { 
						float:left;
						position:relative;
						margin:0px 0px 0px 0px; 
						padding:0px 0px 0px 0px; 
					}
					.pricelist .right .list .files .pliki .plik-roz { 
						display:none;
					}
					.pricelist .right .list .files .plik-ikona { 
						float:left;
						width:17px;
						margin:0px 0px 0px 0px; 
					}
					.pricelist .right .list .files .plik-tytul { 
						float:left;
						width: calc(100% - 110px);
						position:relative;
						margin:4px 0px 0px 10px; 
						padding:0px 0px 0px 0px; 
						font-family: 'Roboto', sans-serif;
						font-size:3vw;
						line-height:4vw;
					}
						.pricelist .right .list .files .plik-tytul span {
							float:right;
							margin:0px -85px 0px 0px;
							padding-right:15px;
							color: #51baea;
							background: url(../../images/short_ul_li.svg) right no-repeat;
						}
}