/* ----------------------------------------- */ /* View slug: views-for-results - start */ /* ----------------------------------------- */ .tenth-result { border-left:8px solid green; margin: 20px 25px 50px; padding-top: 10px; box-shadow: 0 10px 15px rgba(0,0,0,0.1) ; } .tenth-result h2 { font-size: 22px; font-weight: 400; background: green; color: #FFF; padding:12px; width: 40%; margin-bottom: 20px; } .results-wrapper { display:grid; grid-template-columns: 33% 33% 33%; grid-column-gap:20px; padding: 0 20px; } .results { display: flex; margin-bottom:20px; } .image { width:50px; height:50px; border-radius:50%; margin-right:15px; background-position:center center; background-size:cover; } .Name-marks h5 { font-weight: 500; font-size: 20px; } .Name-marks h6 { font-weight: 400; font-size: 16px; margin-bottom: 5px; margin-top: 0; max-width:130px; } @media only screen and (max-width:728px) { .tenth-result { margin:15px 30px 50px 30px; } .tenth-result h2 { font-size: 20px; width: 85%; margin-bottom: 20px; } .results-wrapper { grid-template-columns: 100%; padding-left:30px; } .Name-marks h5, h6 { margin-bottom:10px; } } /* ----------------------------------------- */ /* View slug: views-for-results - end */ /* ----------------------------------------- */