.vhodnye-gruppy .template-block .wrapper,
.vneshnyaya-otdelka-balkona .template-block .wrapper,
.alyuminievye-dveri .template-block .wrapper,
.franczuzskoe-osteklenie .template-block .wrapper,
.portalnye-okna-i-dveri .template-block .wrapper,
.vneshnyaya-otdelka-sajdingom .template-block .wrapper,
.osteklenie-s-vynosom .template-block .wrapper,
.otdelka-balkonov .template-block .wrapper { 
    padding-bottom: 0;
}
.vneshnyaya-otdelka-profnastilom .template-block .wrapper { 
	padding-top: 0;
}
.template-block h2 {
    margin-bottom: 30px;	
}
.template-block.use-description h2 {
    margin-bottom: 15px;	
}
.template-block.use-description .desc {
	line-height: 130%;
	margin-bottom: 25px;
}
.template-block .content {
    display: grid;
    gap: 25px;
}
.template-block .content__box {
    display: grid;
    grid-template-columns: 165px 1fr;
    grid-template-rows: max-content;
    align-items: start;	
    column-gap: 15px;
}
.template-block .content__box-img {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
	position: relative;
}
.template-block .content__box-img picture {
	display: flex;
}
.template-block .content__box-img img {
    border-radius: 6px;
	max-width: 100%;
}
.template-block .content__box-img .label {
	position: absolute;
    top: 10px;
    left: 10px;
    display: inline-block;
    padding: 3px 6px;
    background: #f26422;
    border: 2px solid #fff;
    color: #fff;
    border-radius: 60px;
    font-size: 14px;
    line-height: 100%;
	box-sizing: border-box;
}
.template-block .content__box-title {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    font-size: 18px;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 12px;	
}
.template-block .list {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    display: grid;
    gap: 8px;	
}
.template-block .item {
    font-size: 14px;
    line-height: 129%;	
    position: relative;
    padding-left: 18px;	
}
.template-block .item:before {
    content: '';
    display: inline-block;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: #f26422;
    position: absolute;
    top: .4em;
    left: 0;
}
.template-block .content__box-desc {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
	line-height: 130%;
    margin: 12px 0 10px;
}
.template-block .content__box-price {
    grid-column: 1 / 3;
    grid-row: 4 / 5;
    display: grid;
    gap: 8px;
    padding: 10px;
    border-radius: 6px;
    border: 2px solid #f26422;
}
.template-block .content__box-price .price {
    font-size: 26px;
    line-height: 100%;
	text-align: center;	
}
.template-block .content__box-price .word,
.template-block .content__box-price .currency {
	font-size: 16px;	
}
.template-block .content__box-price .word {
	margin-right: 6px;
}
.template-block .content__box-price .currency {
	margin-left: 4px;
}
.template-block.types-french-glazing .content__box-desc {
	font-size: 14px;
	margin: 0 0 12px;	
}
.template-block.installation-technologies .indent {
	padding-top: 0;
}
.template-block.installation-technologies h2 {
    margin-bottom: 15px;	
}
.template-block.installation-technologies .block {
    display: block;	
	line-height: 157%;
}
.template-block.installation-technologies .content__box-img .label {
	border: none;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 8px 10px;	
}
.template-block.installation-technologies .content__box-title {
	font-size: 18px;
	line-height: 120%;
	margin-bottom: 8px;	
}
.template-block.installation-technologies .content__box-desc {
	margin: 0 0 12px;
}
.template-block.installation-technologies .list {
	margin-bottom: 20px;
	counter-reset: item;
	display: flex;
    gap: 11px;	
}
.template-block.installation-technologies .item {
	padding-left: 0;
}
.template-block.installation-technologies .item:before {
	content: none;
}
.template-block.installation-technologies .item .counter {
    gap: 8px;
}
.template-block.installation-technologies .item .counter:before {
	counter-increment: item;
	content: counter(item);
	border-radius: 50%;
	width: 20px;
	height: 20px;
	font-weight: 900;
	font-size: 14px;
	line-height: 100%;
	color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;	
}
.template-block.installation-technologies .item .counter.bg-green:before {
	background: linear-gradient(180deg, #5ed568 0%, #25b23b 100%);
}
.template-block.installation-technologies .item .counter.bg-blue:before {
	background: linear-gradient(180deg, #0097c7 0%, #1b809d 100%);
}
.template-block.types-panoramic-glazing h2 {
	margin-bottom: 15px;
}
.template-block.types-panoramic-glazing .content__box-price {
	margin-top: 18px;
}
.template-block.glazing-balcon .wrapper {
	padding-bottom: 0;	
}
.template-block.obsada-variants .item,
.template-block.variants-aluminum-doors .item,
.template-block.types-glazing-external .item,
.template-block.types-profiles-portal .item,
.template-block.types-extension-glazing .item {
	font-size: 16px;
	line-height: 130%;	
}
@media (max-width: 767px) {
	.template-block.template-glazing .content__box,
	.template-block.installation-technologies .content__box {
		display: block;	
	}	
	.template-block.template-glazing .content__box-img,
	.template-block.installation-technologies .content__box-img {
		margin-bottom: 10px;
	}
	.template-block.template-glazing .content__box-title {
		line-height: 130%;	
	}	
	.template-block.template-glazing .list {
		margin-bottom: 15px;
	}	
	.template-block.installation-technologies h2 .display {
		display: block;	
	}	
	.template-block.installation-technologies .desc .display {
		display: none;	
	}
	.template-block.types-variants-glazing .content__box-desc {
		margin: 15px 0;	
	}	
	.template-block.obsada-variants .content__box-img {
		margin-bottom: 15px;
	}
	.template-block.obsada-variants .content__box-title {
		margin-bottom: 8px;
	}
	.vneshnyaya-otdelka-pvh-vagonkoj .template-block .wrapper {
		padding-bottom: 0;	
	}	
}	
@media (min-width: 768px) {
	.template-block.use-description .desc {
		font-size: 18px;
		line-height: 130%;		
		margin-bottom: 30px;
	}	
	.template-block .content {
		gap: 20px;
	}	
	.template-block .content__box {
		grid-template-columns: 226px 1fr;
		grid-template-rows: repeat(3, max-content);
	}
	.template-block .content__box-img {
		grid-row: 1 / 5;
		height: 100%;
	}
	.template-block .content__box-img picture {
		height: 100%;
	}
	.template-block .content__box-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;	
	}	
	.template-block .content__box-img .label {
		top: 15px;
		left: 15px;
		padding: 4px 8px;
		font-size: 16px;
	}	
	.template-block .content__box-title {
		font-size: 20px;
		margin-bottom: 15px;
	}	
	.template-block .list {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
		display: flex;
		gap: 20px;
		margin-bottom: 20px;
	}
	.template-block .item {
		padding-left: 16px;
	}	
	.template-block .item:before {
		width: 8px;
		height: 8px;
		top: .3em;
	}	
	.template-block .content__box-desc {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		font-size: 18px;
		line-height: 122%;		
		margin: 0 0 15px;
	}
	.template-block .content__box-price {
		grid-column: 2 / 3;
		grid-row: 4 / 5;
		padding: 12px;
		gap: 15px;
		grid-template-columns: 1fr 273px;
		align-items: center;
		margin-top: auto;		
	}
	.template-block .content__box-price .price {
		font-size: 28px;
	}
	.template-block .content__box-price .word,
	.template-block .content__box-price .currency {
		font-size: 18px;
	}
	.template-block .content__box-price .word {
		margin-right: 8px;
	}
	.template-block.sliding-balcony-glazing h2 .display,
	.template-block.entrance-groups-types-profile h2 .display,
	.template-block.panoramic-door-variants h2 .display {
		display: block;	
	}	
	.template-block.template-glazing .content__box-title {
		margin-bottom: 10px;
	}
	.template-block.template-glazing .content__box-desc {
		margin-bottom: 15px;
	}
	.template-block.template-glazing .item {
		font-size: 14px;
	}
	.template-block.template-glazing .group-glazing .item:nth-child(1) {
		flex: 0 0 150px;
	}
	.template-block.template-glazing .group-glazing .item:nth-child(2) {
		flex: 0 0 152px;
	}
	.template-block.template-glazing .group-glazing .item:nth-child(3) {
		flex: 0 0 129px;
	}
	.template-block.template-glazing .frameless-glazing .item:nth-child(1) {
		flex: 0 0 94px;
	}
	.template-block.template-glazing .frameless-glazing .item:nth-child(2) {
		flex: 0 0 111px;
	}
	.template-block.template-glazing .frameless-glazing .item:nth-child(3) {
		flex: 0 0 192px;
	}	
	.template-block.sliding-balcony-glazing .wrapper {
		padding-top: 0;
	}
	.template-block.panoramic-door-variants .list {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 10px 20px;		
	}
	.template-block.panoramic-door-variants .item:nth-child(1) {
		order: 1;
	}
	.template-block.panoramic-door-variants .item:nth-child(2) {
		order: 3;
	}
	.template-block.panoramic-door-variants .item:nth-child(3) {
		order: 2;
	}
	.template-block.panoramic-door-variants .item:nth-child(4) {
		order: 4;
	}	
	.template-block.installation-technologies .content__box-img .label {
		padding: 8px 15px;
	}	
	.template-block.installation-technologies .content__box-desc span {
		display: inline-block;
	}
	.template-block.installation-technologies .item .counter br {
		display: none;
	}
	.template-block.installation-technologies .list {
		gap: 20px;
		margin-bottom: 30px;
	}
	.template-block.installation-technologies .item {
		font-size: 16px;
		line-height: 137%;
	}
	.template-block.types-panoramic-glazing h2 {
		font-size: 29px;
	}
	.template-block.types-panoramic-glazing .list {
		display: grid;
		grid-row: 2 / 3;
		margin-bottom: 25px;
	}
	.template-block.types-panoramic-glazing .cold-glazing .list {
		grid-template-columns: 93px 126px 87px;
	}
	.template-block.types-panoramic-glazing .warm-glazing .list {
		grid-template-columns: 164px 126px 107px;
	}	
	.template-block.types-panoramic-glazing .content__box-price {
		margin-top: 0;
	}
	.template-block.types-variants-glazing .content__box-title {
		margin-bottom: 10px;
	}
	.template-block.types-variants-glazing .content__box-desc {
		margin: 0 0 20px;
	}
	.template-block.types-variants-glazing .cold-glazing .list {
		width: 350px;
	}	
	.template-block.types-variants-glazing .warm-glazing .list {
		width: 440px;
	}		
	.template-block.types-variants-glazing .cold-glazing .list .item:nth-child(3),
	.template-block.types-variants-glazing .warm-glazing .list .item:nth-child(2) {
		flex-shrink: 0;
	}
	.template-block.types-french-glazing .content__box-desc {
		font-size: 16px;
		line-height: 125%;		
	}	
	.template-block.types-french-glazing .list {
		margin-bottom: 14px;
	}
	.template-block.types-glazing-external .content__box-title {
		margin-bottom: 15px;
	}
	.template-block.types-glazing-external .content__box-desc {
		margin-bottom: 20px;
	}
	.template-block.obsada-variants .content__box-title {
		margin-bottom: 15px;
	}
	.template-block.obsada-variants .content__box-desc {
		margin-bottom: 20px;
	}
	.template-block.obsada-variants .list {
		flex-wrap: wrap;
		gap: 10px 20px;		
	}
	.template-block.types-profiles-portal .list {
		flex-direction: column;
		gap: 10px;		
	}
	.template-block.variants-aluminum-doors .list {
		display: grid;
		grid-template-columns: 1fr 1fr;	
		gap: 15px 20px;	
	}
	.template-block.variants-aluminum-doors .cold .list {
		grid-template-columns: 250px 1fr;
	}
	.template-block.types-extension-glazing .list {
		display: grid;
		gap: 10px;	
	}
	.template-block.types-glazing-external .item,
	.template-block.obsada-variants .item,
	.template-block.variants-aluminum-doors .item,
	.template-block.obsada-variants .item,
	.template-block.types-glazing-external .item,
	.template-block.types-profiles-portal .item,
	.template-block.types-extension-glazing .item {
		font-size: 18px;
		line-height: 122%;
	}	
}

@media (min-width: 1200px) {
	.template-block h2 {
		margin-bottom: 40px;	
	}
	.template-block.use-description h2 {
		margin-bottom: 20px;	
	}	
	.template-block .content {
		gap: 30px;
	}	
	.template-block .content__box {
		grid-template-columns: 307px 1fr;
		column-gap: 20px;
	}
	.template-block .content__box-img .label {
		top: 20px;
		left: 20px;
		padding: 6px 10px;
		font-size: 18px;
	}		
	.template-block .content__box-title {
		font-size: 22px;
	}
	.template-block .content__box-desc {
		font-size: 18px;
		line-height: 122%;
		margin: 0 0 20px;
	}
	.template-block .list {
		gap: 30px;
		margin-bottom: 30px;
	}
	.template-block .item {
		font-size: 18px;
		line-height: 122%;
	}
	.template-block .content__box-price {
		width: fit-content;
		gap: 22px;
	}
	.template-block .content__box-price .price {
		font-size: 32px;
	}
	.template-block .content__box-price .word,
	.template-block .content__box-price .currency {
		font-size: 22px;
	}
	.template-block .content__box-price .word {
		margin-right: 10px;
	}
	.template-block .content__box-price .currency {
		margin-left: 6px;
	}
	.template-block.template-glazing .content__box-title {
		margin-bottom: 15px;
	}
	.template-block.template-glazing .content__box-desc {
		font-size: 18px;
		line-height: 122%;
		margin-bottom: 21px;
	}
	.template-block.template-glazing .group-glazing .item:nth-child(1) {
		flex: 0 0 191px;
	}
	.template-block.template-glazing .group-glazing .item:nth-child(2) {
		flex: 0 0 173px;
	}
	.template-block.template-glazing .group-glazing .item:nth-child(3) {
		flex: 0 0 211px;
	}
	.template-block.template-glazing .frameless-glazing .item:nth-child(1) {
		flex: 0 0 190px;
	}
	.template-block.template-glazing .frameless-glazing .item:nth-child(2) {
		flex: 0 0 177px;
	}
	.template-block.template-glazing .frameless-glazing .item:nth-child(3) {
		flex: 0 0 213px;
	}
	.template-block.variants-aluminum-doors .item,
	.template-block.types-french-glazing .item {
		font-size: 16px;
		line-height: 122%;
	}	
	.template-block.sliding-balcony-glazing .wrapper {
		padding-bottom: 120px;
	}
	.template-block.panoramic-door-variants .list {
		gap: 10px 70px;		
	}
	.template-block.installation-technologies .desc {
		margin-bottom: 40px;
	}	
	.template-block.installation-technologies .content__box-img .label {
		font-size: 16px;
	}
	.template-block.installation-technologies .content__box-title {
		font-size: 22px;
		line-height: 100%;
		margin-bottom: 15px;
	}
	.template-block.installation-technologies .content__box-desc {
		margin: 0 0 20px;
	}
	.template-block.installation-technologies .item .counter {
		align-items: center;
	}	
	.template-block.types-panoramic-glazing h2 {
		font-size: 40px;
	}
	.template-block.types-panoramic-glazing .wrapper {
		padding-bottom: 10rem;
	}	
	.template-block.types-panoramic-glazing .cold-glazing .list {
		grid-template-columns: 177px 203px 107px;
	}
	.template-block.types-panoramic-glazing .warm-glazing .list {
		grid-template-columns: 202px 154px 137px;
	}
	.template-block.types-variants-glazing .cold-glazing .list {
		width: 524px;
	}	
	.template-block.types-variants-glazing .warm-glazing .list {
		width: 560px;
	}
	.template-block.types-profiles-portal .list {
		flex-direction: initial;
		gap: 30px;	
	}
	.template-block.types-profiles-portal .list .item .display {
		display: block;	
	}
	.template-block.variants-aluminum-doors .list {
		grid-template-columns: repeat(3, 1fr);
		gap: 30px;
		width: 600px;
	}
	.template-block.variants-aluminum-doors .cold .list {
		grid-template-columns: 140px 1fr 1fr 160px;
		width: 550px;
	}	
	.template-block.variants-aluminum-doors .cold .list .item:nth-child(3) {
		grid-column: 4 / 5;
		grid-row: 1 / 2;
	}
	.template-block.variants-aluminum-doors .cold .list .item:nth-child(4) {
		grid-column: 3 / 4;
	}

	.osteklenie-s-vynosom .types-extension-glazing .desc {
		width: 920px;
		margin-left: auto;
		margin-right: auto;		
	}	
}