section[data-cattype="607"].wrapper_middle { padding: 250px 0px 90px 0px; } [data-cattype="607"] .logo-grid { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; padding: 0; width: 700px; margin: auto; } [data-cattype="607"] .logo-grid li{ width: calc(25% - 20px); margin: 10px; text-align: center; list-style:none; } [data-cattype="607"] .logo-grid img { filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all 0.3s ease-in-out; } [data-cattype="607"] .logo-grid img:hover { filter: none; -webkit-filter: grayscale(0); -webkit-transform: scale(1.01); } @media (min-width: 1350px) and (max-width: 1750px) { section[data-cattype="607"].wrapper_middle { padding: 120px 60px 60px 60px; } } @media (min-width: 768px) and (max-width: 980px) { } @media (max-width: 767px) { } @media (max-width: 480px) { section[data-cattype="607"].wrapper_middle { padding: 40px 0px; } [data-cattype="607"] .logo-grid { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; padding: 0; width: auto; margin: auto; } [data-cattype="607"] .logo-grid li { width: 80px; margin: 5px; text-align: center; list-style: none; } }