.size-chart-content h3 { font-size: 15px; color: #333; text-align: center; letter-spacing: 0.5px; margin-bottom: 0; font-family: 'mukta-bold', sans-serif; } .size-chart-content > p, #sizes-shoe-trees > p { font-size: 14px; line-height: 20px; color: #333; margin: 10px auto; max-width: 80%; text-align: center; font-family: 'mukta-regular', sans-serif; } .size-chart-content h5 { font-size: 12px; color: #333; text-align: center; text-transform: uppercase; padding: 5px 0; margin-top: 30px; margin-bottom: 0; font-family: 'mukta-bold'; } .size-chart-content ul { justify-content: center; max-width: 380px; margin: 0 auto; } .size-chart-content ul li { text-align: center; margin: 0 5px; } .size-chart-content ul:first-of-type { border-top: 1px solid #000; } .size-chart-content ul:first-of-type li { padding: 5px 0; font-size: 10px; letter-spacing: 0.5px; font-family: 'mukta-bold', sans-serif; } .size-chart-content ul:not(:first-of-type) { border-bottom: 1px solid #000; } .size-chart-content ul:not(:first-of-type) li { padding: 5px; font-size: 12px; letter-spacing: 0.5px; font-family: 'mukta-regular', sans-serif; } .size-chart-content.size-chart-women-shoes ul:not(:first-of-type) li:not(:first-of-type), .size-chart-content.size-chart-kids-shoes ul:not(:first-of-type) li:not(:first-of-type), .size-chart-content.size-chart-mens-shoes ul:not(:first-of-type) li:not(:first-of-type), .size-chart-content.size-chart-women-socks ul:not(:first-of-type) li:last-of-type, .size-chart-content.size-chart-women-gloves ul:not(:first-of-type) li:last-of-type, .size-chart-content.size-chart-women-belt ul:not(:first-of-type) li:last-of-type, .size-chart-content.size-chart-mens-gloves ul:not(:first-of-type) li:last-of-type, .size-chart-content.size-chart-mens-belt ul:not(:first-of-type) li:last-of-type, .size-chart-content.size-chart-mens-socks ul:not(:first-of-type) li:last-of-type, .size-chart-content.size-chart-shoe-tree ul:not(:first-of-type) li:last-of-type, .size-chart-content.size-chart-laces ul:not(:first-of-type) li:last-of-type, .size-chart-content.size-chart-insole ul:not(:first-of-type) li:last-of-type { background-color: #ececec; } @media screen and (min-width: 992px) { .size-chart-content h3 { font-size: 18px; } } @media screen and (min-width: 1200px) { .size-chart-content h3, .size-chart-content ul:not(:first-of-type) li { font-size: 14px; } }