.waranty{background-color: #333; color: #fff}
.waranty__inline{display: flex; justify-content: space-between; align-items: flex-start}
.waranty__aside{flex: 0 0 295px; text-align: center; margin-right: 20px}
.waranty__main{flex: 0 1 783px}
.waranty__terms{position: relative; display: flex; justify-content: center; align-items: center; height: 326px; margin-bottom: 30px; padding-bottom: 45px; text-align: center}
.waranty__period{color: #FC8A15; font-size: 48px; font-weight: 800; line-height: 1; text-transform: uppercase}
.waranty__period div{margin-bottom: -7px; font-size: 150px; font-weight: 700}
.waranty__title{margin-bottom: 20px; color: #FC8A15; font-size: 36px}
.waranty__subtitle{font-size: 20px; font-weight: 700; line-height: 1.2; text-transform: uppercase}
.waranty__list{display: flex; justify-content: space-between; margin-bottom: 90px}
.waranty__item{width: 23%}
.waranty__img{overflow: hidden; height: 253px; margin-bottom: 10px; border-radius: 6px}
.waranty__img img{width: 100%; height: 100%; object-fit: cover}
.waranty__name{display: flex; align-items: center; justify-content: center; min-height: 92px; padding: 10px 5px; color: #000; border-radius: 6px; background: #D9D9D9; font-size: 18px; font-weight: 700; line-height: 1.2; text-transform: uppercase; text-align: center}
.waranty__bottom{display: flex; justify-content: space-between; align-items: center}
.waranty__note{flex: 0 1 425px; font-size: 14px; line-height: 1.2; font-weight: 500}
.waranty__btn{flex: 0 1 307px; margin-left: 15px; color: #000}
@media screen and (max-width: 1139px){
	.waranty__aside{flex: 0 0 240px; }
	.waranty__terms{height: 270px; }
	.waranty__period{font-size: 35px; }
	.waranty__period div{font-size: 120px; }
}
@media screen and (max-width: 991px){
	.waranty__img{height: 180px; }
	.waranty__name{min-height: 85px; font-size: 14px; }
	.waranty__title{margin-bottom: 16px; font-size: 26px; }
	.waranty__subtitle{font-size: 16px; }
	.waranty__list{margin-bottom: 45px; }
	.waranty__aside{flex: 0 0 200px; }
	.waranty__terms{height: 220px; margin-bottom: 20px; padding-bottom: 20px; }
	.waranty__period{font-size: 30px; }
	.waranty__period div{font-size: 100px; }
}
@media screen and (max-width: 767px){
	.waranty__inline{justify-content: center; flex-wrap: wrap; }
	.waranty__main{flex: 0 1 100%; }
	.waranty__aside{flex: 0 1 400px; margin-bottom: 25px; margin-right: 0; }
	.waranty__terms{width: 200px; height: 220px; margin: 0 auto; margin-bottom: 20px; padding-bottom: 20px; }
}
@media screen and (max-width: 575px){
	.waranty__list{flex-wrap: wrap; margin-bottom: 15px; }
	.waranty__item{width: 49%; margin-bottom: 15px; }
	.waranty__bottom{justify-content:center; flex-wrap: wrap; }
	.waranty__note{flex: 0 1 100%; margin-bottom: 20px; text-align: center; }
	.waranty__btn{margin-left: 0; }
}