.new3category-container{ max-width: 1056px; width: 100%; height: auto; background-color: #FFFFFF; box-shadow: 0 4px 6px 0 rgba(185,185,185,.5); margin: 0 auto 36px; } .new3category-card{ position: relative; display: flex; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; font-family: sans-serif; color: #000000; padding: 24px 24px 8px; } .new3category-box-container { display: grid; grid-template-columns: repeat(4, 1fr); align-items: stretch; gap: 10px; font-size: 16px; line-height: 16px; font-weight: 700; margin-bottom: 60px; } .new3category-box { display: flex; flex-direction: column; justify-content: center; background-color: #F4F4F4; padding:16px; line-height:140%; } .new3category-card-body { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0; } .new3category-title h1{ border-left: 4px solid #FE0000; padding:12px 24px; font-size: 36px; line-height: 130%; margin:0 0 24px; } .new3category-container ul{ padding: 0; margin:0; } .new3category-container li{ color: #000000; list-style: none; padding: 16px 0; border-bottom: .8px solid #e8e8e8; font-size: 14px; font-weight: 400; } ul li:last-child { border-bottom: none; } .new3category-container li a{ color: #333333; text-decoration: none } ul.default-category { display: none; } ul.default-category li { font-weight: 700; } ul.default-category li:last-child { border-bottom: .8px solid #e8e8e8; } @media only screen and (max-width:767px) { .new3category-card { padding: 16px; } .new3category-box-container { display: none; } ul.default-category { display: block; } .new3category-card-body { grid-template-columns: repeat(1, 1fr); } .new3category-card-body ul:last-of-type li:last-child { border: none; } .new3category-card-body ul li:last-child { border-bottom: .8px solid #e8e8e8; } .new3category-title h1 { font-size:26px; padding:8px 16px; } } @media (min-width:768px) and (max-width:1024px) { .new3category-box-container { align-items:stretch; } }