@media screen and (max-width: 767px) {
.refunds-page-title {
font-size: 20px;
line-height: 28px;
margin-bottom: 16px;
}
.refunds-container {
gap: 24px;
margin-bottom: 24px;
}
.refunds-info {
max-width: 100%;
gap: 12px;
}
.refunds-info__title {
font-size: 18px;
line-height: 24px;
}
.refunds-info__intro {
font-size: 14px;
line-height: 22px;
}
.refunds-steps__item {
align-items: flex-start;
gap: 10px;
}
.refunds-steps__number {
width: 28px;
height: 28px;
font-size: 13px;
}
.refunds-steps__text {
font-size: 13px;
line-height: 20px;
padding-top: 3px;
}
.refunds-cta {
padding: 24px;
}
.refunds-cta__title {
font-size: 20px;
line-height: 28px;
}
.refunds-cta__description {
font-size: 14px;
line-height: 22px;
}
.refund-form {
padding: 24px;
}
.refund-form__header {
margin-bottom: 24px;
}
.refund-form__title {
font-size: 20px;
line-height: 28px;
}
.refund-form__description {
font-size: 13px;
line-height: 18px;
}
.refund-form__login-info {
font-size: 13px;
}
}