div.custom-list-holder { position:relative; max-width:950px; margin-left:auto; margin-right:auto; } div.custom-list-holder ul { margin:0; padding:0; } div.custom-list-holder ul li { position:relative; list-style:none; padding:0; margin:0 0 36px ; font-size:1.389rem; line-height:1.4; } div.custom-list-holder ul li::before { content:attr(data-number); position:absolute; top:50%; transform:translate(0%, -50%); left:-80px; width:60px; height:60px; line-height:60px; background-color:var(--col-orange); color:#FFF; border-radius:50%; text-align:center;  font-size:2.222rem; }  div.custom-list-holder ul li:last-child { margin-bottom:0; } div.custom-list-holder ul li strong { display:inline-block; font-weight:bold;  }  @media screen and (max-width:1200px) {  div.custom-list-holder ul {  margin-left:75px; } } @media screen and (max-width:768px) {  div.custom-list-holder ul {  margin-left:50px; }  div.custom-list-holder ul li::before {  left:-50px;  width:40px;  height:40px;  line-height:40px;  font-size:1.5rem; } }