.uses { margin-bottom: 120px; } @media (min-width: 1720px) { .uses { margin-bottom: 136px; } } @media (max-width: 1304.98px) { .uses { margin-bottom: 125px; } } @media (max-width: 991.98px) { .uses { margin-bottom: 100px; } } @media (max-width: 479.98px) { .uses { margin-bottom: 199px; } } .uses__grid { text-align: left; display: grid; grid-template-columns: repeat(3, 1fr); /* max-width: 101.5%; */ /* width: 101.5%; */ } @media (max-width: 991.98px) { .uses__grid { grid-template-columns: 1fr 1fr; column-gap: 15px; } } @media (max-width: 479.98px) { .uses__grid { display: block; text-align: center; } } .uses__item { min-height: 50px; margin-bottom: 19px; padding: 0 50px 0 2px; } @media (min-width: 1720px) { .uses__item { margin-bottom: 22px; } } @media (max-width: 991.98px) { .uses__item { padding-right: 0; } } @media (max-width: 991.98px) { .uses__item p:last-child { margin-bottom: 0; } } .uses__icon { margin-bottom: 11px; } @media (min-width: 1720px) { .uses__icon { width: 147px; height: 147px; margin-bottom: 20px; } } .uses .title { max-width: 50%; margin: 0 auto 60px; } @media (max-width: 1304.98px) { .uses .title { max-width: 70%; margin-bottom: 39px; } } @media (max-width: 479.98px) { .uses .title { margin-bottom: 30px; } } .uses__title { font-size: 24px; font-weight: 700; line-height: 36px; margin-bottom: 10px; } .uses--cstmr .uses__item { text-align: center; padding: 0 15px; } @media (max-width: 991.98px) { .uses--cstmr .uses__item { margin-bottom: 42px; min-height: 255px; } } @media (max-width: 479.98px) { .uses--cstmr .uses__item { margin-bottom: 25px; min-height: 194px; } } @media (max-width: 991.98px) { .uses--cstmr .uses__item p { max-width: 90%; margin: 0 auto; } } @media (max-width: 479.98px) { .uses--cstmr .uses__item p { max-width: 100%; } } .uses--cstmr .uses__icon { width: 118px; height: 118px; } @media (max-width: 991.98px) { .uses--cstmr .uses__icon { width: 142px; height: 142px; margin-bottom: 23px; } } @media (max-width: 479.98px) { .uses--cstmr .uses__icon { width: 117px; height: 117px; margin-bottom: 8px; } } @media (max-width: 991.98px) { .uses--cstmr .uses__grid { grid-template-columns: 1fr; } } @media (max-width: 1304.98px) { .uses--cstmr .title { margin-bottom: 61px; max-width: 80%; } } @media (max-width: 991.98px) { .uses--cstmr .title { margin-bottom: 44px; } } @media (max-width: 479.98px) { .uses--cstmr .title { max-width: 90%; margin-bottom: 31px; } }