.grid { display: grid; grid-gap: 50px; grid-template-columns: repeat(auto-fill, minmax(450px,1fr)); grid-auto-rows: 0px; width: 100% !important; height: auto !important; } .grid-sunday { display: grid; grid-gap: 58px; grid-template-columns: repeat(auto-fill, minmax(450px,1fr)); grid-auto-rows: 0px; width: 100% !important; height: auto !important; } .item { background-color: transparent; } section.metricTv .block-tv{ padding-bottom: 8.5%; } .checkid input { opacity: 0; height: 16px; width: 16px; } .inspiMv .desc span{ color: white !important; } @media screen and (max-width: 1235px){ section.metricTv .block-tv{ padding-bottom: 10%; } } @media screen and (max-width: 1859px){ .grid{ grid-template-columns: repeat(auto-fill, minmax(350px,1fr)); } } @media screen and (min-width: 1501px) and (max-width: 1559px){ .grid{ grid-template-columns: repeat(auto-fill, minmax(250px,1fr)); } } @media screen and (min-width: 1360px) and (max-width: 1369px){ .grid{ grid-template-columns: repeat(auto-fill, minmax(350px,1fr)); } } @media screen and (max-width: 1359px){ .grid{ grid-template-columns: repeat(auto-fill, minmax(250px,1fr)); } } @media screen and (max-width: 1864px){ .grid-sunday{ grid-template-columns: repeat(auto-fill, minmax(440px,1fr)) !important; } } @media screen and (max-width: 1875px){ .grid-sunday{ grid-template-columns: repeat(auto-fill, minmax(30%,1fr)) !important; } } @media screen and (max-width: 1568px){ .grid-sunday{ grid-template-columns: repeat(auto-fill, minmax(28%,1fr)) !important; } }