.dp_mm_ptl_intro {padding: 36px;}

.dp_mm_ptl_timeline ul {
padding: 0 !important;
}

.dp_mm_ptl_timeline ul li {
list-style-type: none;
position: relative;
width: 4px;    margin: 0 auto;
padding-top: 50px;
background: whitesmoke;
border-radius: 4px;
}

.dp_mm_ptl_timeline ul li:after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 18px;
height: 18px;
border-radius: 50%;
background: inherit;
}

.dp_mm_ptl_timeline ul li div {
position: relative;
bottom: 0;
width: 400px;
padding: 12px;
}

.dp_mm_ptl_timeline .dp_mm_ptl_box:before {
content: '';
position: absolute;
bottom: 7px;
width: 0;
height: 0;
border-style: solid;
}

.dp_mm_ptl_timeline ul li:nth-child(odd) div {left: 45px;}
.dp_mm_ptl_timeline ul li:nth-child(odd) div:before {
left: -15px;
border-width: 8px 16px 8px 0;
border-color: transparent;
border-right-color: inherit;
}

.dp_mm_ptl_timeline ul li:nth-child(even) div {
left: -439px;
}

.dp_mm_ptl_timeline ul li:nth-child(even) div:before {
right: -15px;
border-width: 8px 0 8px 16px;
border-color: transparent;
border-left-color: inherit;
}

.dp_mm_ptl_timeline ul li:after {transition: background .5s ease-in-out;}
.dp_mm_ptl_timeline ul li div {
visibility: hidden;
opacity: 0;
transition: all .5s ease-in-out;
}

.dp_mm_ptl_timeline ul li:nth-child(odd) div {transform: translate3d(30px, 0, 0);}
.dp_mm_ptl_timeline ul li:nth-child(even) div {transform: translate3d(-30px, 0, 0);}
.dp_mm_ptl_timeline ul li.in-view div {
transform: none;
visibility: visible;
opacity: 1;
}

@media screen and (max-width: 900px) {
.dp_mm_ptl_timeline ul li:nth-child(odd) div {transform: translate3d(20px, 0, 0);}
.dp_mm_ptl_timeline ul li:nth-child(even) div {transform: translate3d(-20px, 0, 0);}
.dp_mm_ptl_timeline ul li div {max-width: 250px;}
.dp_mm_ptl_timeline ul li:nth-child(even) div {left: -289px;}
}

@media screen and (max-width: 600px) {
.dp_mm_ptl_timeline ul li:nth-child(odd) div {transform: translate3d(-10px, 0, 0);}
.dp_mm_ptl_timeline ul li:nth-child(even) div {transform: translate3d(-10px, 0, 0);}
.dp_mm_ptl_timeline ul li {margin-left: 5px;}
.dp_mm_ptl_timeline ul li div {width: calc(100vw - 91px);}
.dp_mm_ptl_timeline ul li:nth-child(even) div {left: 45px;}
.dp_mm_ptl_timeline ul li:nth-child(even) div::before {
left: -15px;
border-width: 8px 16px 8px 0;
border-color: transparent;
border-right-color: inherit;
}
}