.pt-post-timeline {


    margin-bottom: 0;


    min-height: 100%;


    overflow: hidden;


    position: relative;


}





.left-column,


.right-column {


    position: absolute !important;


}





.pt-timeline-column {


    width: 50%;


    margin-left: 0;


    float: left;


    text-align: right;


    margin-top: 0 !important;


    position: relative;


}





.pt-timeline-post:nth-child(2n):after {


    display: none;


}





.pt-timeline-bullet {


    background-color: #9fa9af;


    border: 4px solid #fff;


    border-radius: 50%;


    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.1);


    content: "";


    height: 14px;


    position: absolute;


    right: -7px;


    top: 60px;


    width: 14px;


    z-index: 3;


    cursor: pointer;


}





.pt-timeline-post.right-column .pt-timeline-post-inner .time {


    text-align: left;


}





.pt-timeline-post.right-column .pt-timeline-bullet {


    background-color: #9fa9af;


    border: 4px solid #fff;


    border-radius: 50%;


    bottom: 36px;


    content: "";


    height: 14px;


    left: -10px;


    position: absolute;


    top: 90px;


    width: 14px;


    z-index: 3;


}





.pt-timeline-post-inner {


    background: #fff none repeat scroll 0 0;


    float: right;


    margin: 10px 20px 10px auto;


    padding: 20px;


    position: relative;


    width: 480px;


}





.pt-timeline-post.left-column .pt-timeline-post-inner {


    float: right;


    margin: 10px 20px 10px auto;


}





.pt-timeline-post.right-column .pt-timeline-post-inner {


    float: left;


    margin-left: 20px;


}





.left-column .pt-timeline-post-inner:after {


    border-color: transparent transparent transparent #fff;


    border-style: solid;


    border-width: 10px;


    content: "";


    height: 0;


    position: absolute;


    right: -20px;


    top: 46px;


    width: 0;


}





.right-column .pt-timeline-post-inner:after {


    border-right-color: #ffffff;


    border-color: transparent #fff transparent transparent;


    border-style: solid;


    border-width: 10px;


    content: "";


    height: 0;


    left: -20px;


    position: absolute;


    top: 77px;


    width: 0;


}





.pt-timeline-post-title h2 {


    color: #fff;


    font-size: 14px;


    font-weight: bold;


    letter-spacing: 1px;


    line-height: 24px;


    padding: 0 10px;


    text-align: left;


    margin: 0;


}





.pt-timeline-post-excerpt p {


    color: #000;


    font-size: 14px;


    padding: 10px;


    margin: 0;


    text-align: left;


}





.pt-timeline-post-inner:hover .pt-timeline-post-excerpt {


    opacity: 1;


    top: 10px;


}





.pt-timeline-post .time {


    height: 30px;


}





.timeline-line {


    border-right: 1px solid #d0d0d0;


    height: 100%;


    left: 50%;


    margin-left: 0;


    position: absolute;


}








/* Responsive Style for Post Timeline */





@media only screen and (max-width: 1366px) {


    .pt-timeline-post-title h2 {


        font-size: 0.8em;


    }


    .pt-timeline-post-excerpt p {


        font-size: 13px;


    }


}





@media only screen and (max-width: 1169px) {


    .pt-timeline-post-inner {


        height: 320px;


        width: 420px;


    }


}





@media only screen and (max-width: 992px) {


    .pt-post-timeline {


        margin-left: 0;


    }


    .pt-timeline-bullet,


    .pt-timeline-post:after,


    .pt-timeline-post:before,


    .pt-timeline-post-inner:after {


        display: none;


    }


    .pt-timeline-post {


        display: inline-block;


        float: left !important;


        width: 50% !important;


        margin: 15px auto;


    }


    .pt-timeline-post-inner {


        height: 320px;


        padding-bottom: 30px;


        width: 420px;


    }


    .pt-timeline-post-title {


        bottom: 50px;


    }


    .pt-timeline-post-title h2 {


        font-size: 0.8em;


        line-height: 1.2em;


    }


    .pt-timeline-post .pt-timeline-post-inner {


        margin: 0 10px auto 0;


        width: 90%;


    }


    .pt-timeline-post:nth-child(2n) .pt-timeline-post-inner {


        margin: 0 auto 0 10px;


        width: 90%;


    }


    .pt-timeline-post-excerpt {


        opacity: 0!important;


    }


    .pt-timeline-post time,


    .pt-timeline-post:nth-child(2n) time {


        background-color: #fff;


        border-radius: 0;


        color: #444;


        font-size: 12px;


        text-transform: uppercase;


        left: 0;


        opacity: 1;


        padding-top: 3px;


        top: 275px;


        width: 100%;


    }


    time:before {


        display: none;


    }


}





@media only screen and (max-width: 767px) {


    .pt-timeline-post {


        display: block;


        float: none !important;


        margin: 20px auto;


        width: 100% !important;


    }


    .pt-timeline-post .pt-timeline-post-inner,


    .pt-timeline-post:nth-child(2n) .pt-timeline-post-inner {


        display: block;


        float: none;


        margin: 0 auto;


        width: 90%;


    }


}





@media only screen and (max-width: 479px) {


    .pt-timeline-post .pt-timeline-post-inner,


    .pt-timeline-post:nth-child(2n) .pt-timeline-post-inner {


        height: 250px;


        margin: 0 auto;


        width: 95%;


    }


    .pt-timeline-post time,


    .pt-timeline-post:nth-child(2n) time {


        top: 205px;


    }


}