.timeline{box-sizing:border-box;margin:50px auto;padding:40px 0;position:relative;width:1000px}.timeline:before{background:#a8a8a8;content:"";height:100%;left:50%;position:absolute;width:2px}.timeline ul{margin:0;padding:0}.timeline ul li{box-sizing:border-box;list-style:none;padding:20px 40px;position:relative;width:50%}.timeline ul li:nth-child(odd){clear:both;float:left;text-align:right}.timeline ul li:nth-child(2n){clear:both;float:right;text-align:left}.content{background:#fff;border-radius:8px;box-shadow:0 0 10px 0 rgba(0,0,0,.5);padding:20px;text-align:center}@media screen and (max-width:1023px){.only_desktop{color:#000;display:block;font-size:20px;font-weight:600}.timeline ul li:nth-child(2n) .time,.timeline ul li:nth-child(odd) .time{display:none}}@media screen and (min-width:1023px){.only_desktop{display:none}}.timeline ul li:nth-child(odd):before{background:#c90001;right:-22px}.timeline ul li:nth-child(2n):before,.timeline ul li:nth-child(odd):before{border-radius:50%;content:"";height:40px;position:absolute;top:50%;transform:translateY(-50%);width:40px}.timeline ul li:nth-child(2n):before{left:-22px}.timeline ul li h3{font-weight:600;margin:0;padding:0}.timeline ul li p{margin:10px 0 0;padding:0}.timeline ul li .time h4{font-size:14px;margin:0;padding:0}.timeline ul li:nth-child(odd) .time{right:-2rem;transform:translate(100%,-50%)}.timeline ul li:nth-child(2n) .time,.timeline ul li:nth-child(odd) .time{color:#000;font-size:20px;font-weight:600;margin:0;padding:8px 16px;position:absolute;top:50%}.timeline ul li:nth-child(2n) .time{left:-2rem;transform:translate(-100%,-50%)}@media(max-width:1000px){.timeline{width:100%}}@media(max-width:1023px){.timeline{padding-bottom:0;width:100%}h1{font-size:40px;text-align:center}.timeline:before{height:100%;left:20px}.timeline ul li:nth-child(2n),.timeline ul li:nth-child(odd){padding-bottom:50px;padding-left:50px;text-align:left;width:100%}.timeline ul li:nth-child(2n):before,.timeline ul li:nth-child(odd):before{left:0;top:-18px}.timeline ul li:nth-child(2n) .time,.timeline ul li:nth-child(odd) .time{left:50px;right:inherit;top:-30px}}.timeline ul li:nth-child(2n):before{background-color:#c90001}