@media screen and (min-width: 981px) { #Content H1 { margin-top: 50px; text-align: left; } #Content LI { position: relative; margin-bottom: 10px; list-style: none; padding-left: 26px; } #Content LI:before { position: absolute; display: block; left: 0; top: 0; height: 16px; width: 18px; background: url(/i/icons.210255569.svg#check) no-repeat center; content: ""; } #Content IMG { margin: 30px 50px 0 0; filter: grayscale(1); } #Content IMG:hover { filter: grayscale(0); } #Content IMG.NovaPoshta { height: 60px; } #Content IMG.Gunsel { height: 45px; } } @media screen and (max-width: 980px) { #Content { padding: 60px 60px 20px 60px; font-size: 34px; } #Content UL { margin: 0 0 60px 50px; } #Content LI { position: relative; margin-bottom: 30px; list-style-type: none; } #Content LI:before { position: absolute; display: block; height: 30px; width: 30px; left: -50px; top: 7px; background: url(/i/icons.210255569.svg#check) no-repeat center; content: ""; } #Content DIV { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0 0 100px 50px; } #Content DIV A { flex-basis: 50%; margin: 30px 0; } #Content IMG.NovaPoshta { height: 90px; } #Content IMG.Gunsel { height: 65px; } }