@media screen and (min-width: 0px) { .customthumb { width: 100%; height: 220px; object-fit: cover; box-shadow: 10px 10px 30px 2px rgba(0, 0, 0, 0.6); } .customEntitityLogo { background-color: aliceblue; position: relative; min-width: 60px; width: 60px; height: 60px; margin: 0px; margin-left: 8px; margin-top: 10px; margin-bottom: 10px; padding: 5px; object-fit: contain; border-radius: 4%; } .customEntitityAlbum { background-color: aliceblue; position: relative; min-width: 60px; width: 60px; height: 60px; margin: 0px; margin-left: 8px; margin-top: 10px; margin-bottom: 10px; padding: 0px; object-fit: contain; border-radius: 4%; } .customPlay { position: relative; min-width: 40px; width: 40px; height: 40px; margin-right: 10px; padding: 0px; object-fit: cover; border-radius: 50%; } } @media screen and (min-width: 700px) { .customEntitityLogo { background-color: aliceblue; position: relative; min-width: 80px; width: 80px; height: 80px; margin: 0px; margin-left: 8px; margin-top: 10px; margin-bottom: 10px; padding: 8px; object-fit: contain; border-radius: 4%; } .customEntitityAlbum { background-color: aliceblue; position: relative; min-width: 80px; width: 80px; height: 80px; margin: 0px; margin-left: 8px; margin-top: 10px; margin-bottom: 10px; padding: 0px; object-fit: contain; border-radius: 4%; } } @media screen and (min-width: 1250px) { .customthumb { width: 300px; height: 180px; object-fit: cover; box-shadow: 10px 10px 30px 2px rgba(0, 0, 0, 0.6); margin-right: 30px; } .customEntitityLogo { background-color: aliceblue; position: relative; min-width: 100px; width: 100px; height: 100px; margin: 0px; margin-left: 8px; margin-top: 10px; margin-bottom: 10px; padding: 8px; object-fit: contain; border-radius: 4%; } .customEntitityAlbum { background-color: aliceblue; position: relative; min-width: 100px; width: 100px; height: 100px; margin: 0px; margin-left: 8px; margin-top: 10px; margin-bottom: 10px; padding: 0px; object-fit: contain; border-radius: 4%; } } td { vertical-align: middle !important; }