.timeline{position:relative;max-width:1200px;margin:0 auto;padding:20px 0}.timeline::after{position:absolute;top:0;bottom:0;left:50%;width:4px;margin-left:-2px;content:'';background-color:#444}.timeline__item{position:relative;width:50%;margin-bottom:30px;padding:10px 40px}.timeline__item::before{position:absolute;top:20px;width:0;height:0;content:'';border-style:solid}.timeline__item::after{position:absolute;z-index:1;top:20px;width:20px;height:20px;content:'';border:4px solid #444;border-radius:50%;background-color:#fff}.timeline__item:nth-child(odd){left:0}.timeline__item:nth-child(odd)::before{right:-15px;border-width:10px 0 10px 15px;border-color:transparent transparent transparent #fff}.timeline__item:nth-child(odd)::after{right:-10px}.timeline__item:nth-child(even){left:50%}.timeline__item:nth-child(even)::before{left:-15px;border-width:10px 15px 10px 0;border-color:transparent #fff transparent transparent}.timeline__item:nth-child(even)::after{left:-10px}.timeline dt{font-size:14px;display:inline-block;margin-bottom:10px;padding:5px 15px;color:#fff;border-radius:20px;background-color:#03c}.timeline dd{position:relative;padding:20px;border-radius:6px;background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,.1)}@media screen and (max-width:768px){.timeline::after{left:40px}.timeline__item{width:100%;padding-right:20px;padding-left:80px}.timeline__item:nth-child(even),.timeline__item:nth-child(odd){left:0}.timeline__item:nth-child(even)::after,.timeline__item:nth-child(odd)::after{left:30px}.timeline__item::after{left:30px}.timeline dd::before{left:-15px;border-width:10px 15px 10px 0;border-color:transparent #fff transparent transparent}.timeline__item:nth-child(odd) dd:before{right:auto;left:-15px;border-width:10px 15px 10px 0;border-color:transparent #fff transparent transparent}}@media screen and (max-width:480px){.timeline dt{font-size:12px}.timeline dd{padding:15px}.timeline__item{margin-bottom:20px;padding-left:60px}.timeline__item::after{left:12px;width:16px;height:16px}.timeline::after{left:20px}}