@import "/wa-data/public/site/themes/kfork/css/service_brands.css";

.repair-parts{
	margin-bottom: 15px;
}
.repair-part>div{
	border: 1px solid #ededed;
	background: #f6f6f6;
	border-radius: 5px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.repair-part-img{
	text-align: right;
}
		
@media(max-width: 991.98px){

	.repair-parts.row{
		margin-left: -10px;
		margin-right: -10px;
		
	}
	.repair-part{
		padding-left: 10px;
		padding-right: 10px;
		margin-bottom: 20px;
	}
	
	.repair-part>div{
		padding: 14px;
	}
	
	.repair-part-img img{
		width: 60%
	}
	.repair-part-text{
		font-size: 14px;
		margin-bottom: 10px;
	}
}

@media(min-width: 992px){
	.repair-parts.row{
		display: grid;
		grid-template-columns: repeat(5, calc(20% - 16px) );
		margin-right: 0;
		margin-left: 0;
		gap: 20px;
	}
	
	.repair-part.razdat{
		grid-row: 1 / 3;
	}
	
	.repair-part.transmis{
		grid-column: 2 / 3
	}
	
	.repair-part.ohlazhd{
		grid-row: 1 / 3;
		grid-column: 3 / 4
	}
	
	.repair-part.dvig{
		grid-row: 1 / 2;
		grid-column: 4 / 5
	}
	
	.repair-part.most{
		grid-row: 1 / 2;
		grid-column: 2 / 3
	}
	
	.repair-part.priv{
		grid-row: 1 / 3;
		grid-column: 5 / 6
	}
	
	.repair-part.hod{
		grid-row: 3 / 4;
		grid-column: 1 / 3
	}
	.repair-part.gen{
		grid-row: 3 / 4;
		grid-column: 4 / 6
	}
	
	.repair-part{max-width: none; padding-left: 0; padding-right: 0}
	
	.repair-part>div{
		padding: 30px;
	}
	
	.repair-part-img img{
		max-width: 100%;
	}
	
	.repair-part-text{
		font-size: 16px
	}
}