.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; } } .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; } } .sore .title { margin-bottom: 40px; } @media (min-width: 1720px) { .sore .title { margin-bottom: 61px; } } @media (max-width: 991.98px) { .sore .title { margin-bottom: 20px; } } .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%; } } .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; } }