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