.sore { margin-bottom: 160px; margin-top: 1px; } @media (min-width: 1720px) { .sore { margin-bottom: 178px; } } @media (max-width: 1304.98px) { .sore { margin-bottom: 140px; } } @media (max-width: 991.98px) { .sore { margin-bottom: 60px; } } @media (max-width: 479.98px) { .sore { margin-bottom: 40px; } } .sore__img { margin: 0 auto 13px; position: relative; left: -17px; top: -13px; } @media (min-width: 1720px) { .sore__img { margin-bottom: 40px; top: -5px; left: -21px; } } @media (max-width: 1304.98px) { .sore__img { left: 2px; top: -22px; margin-bottom: 4px; } } @media (max-width: 991.98px) { .sore__img { top: -8px; left: -15px; margin-bottom: 18px; } } @media (max-width: 479.98px) { .sore__img { max-width: 106%; top: -26px; left: -18px; margin-bottom: 4px; } } .sore .title { margin-bottom: 40px; } @media (min-width: 1720px) { .sore .title { margin-bottom: 61px; } } @media (max-width: 991.98px) { .sore .title { margin-bottom: 20px; } } @media (max-width: 479.98px) { .sore .title { margin-bottom: 29px; } } .sore .subtitle { max-width: 62%; margin: 0 auto 10px; } @media (min-width: 1720px) { .sore .subtitle { line-height: 26px; max-width: 60%; } } @media (max-width: 1304.98px) { .sore .subtitle { max-width: 65%; } } @media (max-width: 991.98px) { .sore .subtitle { max-width: 85%; } } @media (max-width: 479.98px) { .sore .subtitle { max-width: 99%; } } .sore .h3 { max-width: 47%; margin: 0 auto 19px; } @media (min-width: 1720px) { .sore .h3 { max-width: 38%; } } @media (max-width: 1304.98px) { .sore .h3 { max-width: 50%; } } @media (max-width: 991.98px) { .sore .h3 { max-width: 65%; margin-bottom: 21px; } } @media (max-width: 479.98px) { .sore .h3 { max-width: 100%; margin-bottom: 17px; } } @media (max-width: 479.98px) { .sore__btn { padding-top: 8px; padding-bottom: 8px; padding-left: 15px; padding-right: 15px; display: flex; } }