.new3 .body { padding: 0 5px; margin-top: 90px; } .new3 .body h4 { font-weight: 500; } .new3 .body .title { color: #777; margin: 5px 0; } .new3 .body .list .list-flex { margin: 10px 0; display: flex; justify-content: flex-start; align-items: center; } .new3 .body .list .list-flex .list-item { border-radius: 5px; flex: 1; padding: 10px; margin-right: 20px; box-shadow: 0 0 5px #d6d6d6; } .new3 .body .list .list-flex .list-item:hover { cursor: pointer; } @media screen and (max-width: 768px) { .new3 .body .list .list-flex .list-item { margin-right: 5px; } } .new3 .body .list .list-flex .list-item h4 { font-weight: 600; } .new3 .body .list .list-flex .list-item .p { display: flex; justify-content: space-between; align-items: center; } .new3 .body .list .list-flex .list-item .p a:hover { color: #777; } .new3 .body .list .list-flex > .list-item:last-child { margin: 0 0 0 20px; } @media screen and (max-width: 768px) { .new3 .body .list .list-flex > .list-item:last-child { margin: 0 0 0 5px; } }