.main-resume{overflow:hidden;position:relative; padding-top: 30px; padding-left: 20px;}
    .main-resume .timeline{width:50%;float:left;z-index:1;position:relative}
    .main-resume .timeline:after,.main-resume .timeline:before{content:"";display:block;clear:both}
    .main-resume .timeline:before{content:"";width:40px;height:100%;background:#727cb6;position:absolute;top:10%;right:-20px}
    .main-resume .timeline-icon{width:80px;height:80px;border-radius:50%;background:#727cb6;overflow:hidden;text-align:center;position:absolute;top:0;right:-40px;z-index:3}
    .main-resume .timeline-icon:before{content:"";width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid #727cb6;box-shadow:0 0 0 4px #a5afe4;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}
    .main-resume .timeline-icon i{font-size:35px;color:#303a3b;line-height:80px;z-index:1;position:relative}
    .main-resume .year{display:block;padding:0 60px 0 30px;font-size:20px;font-weight:bold; color:#303a3b;text-align:right;z-index:2;position:relative}
    .main-resume .year:before{content:"";display:block;width:30px;height:30px;border-radius:50%;background:#727cb6;border:5px solid #fff;box-shadow:0 0 0 4px #727cb6;margin:auto;position:absolute;bottom:-15px;left:4px}
    .main-resume .timeline-content{padding:18px 60px 18px 40px;text-align:right;position:relative;z-index:1}
    .main-resume .timeline:last-child .timeline-content:after,.main-resume .timeline:last-child .timeline-content:before{width:0;height:0}
    .main-resume .title{font-size:22px;font-weight:700;color:#727cb6;margin-top:0}
    .main-resume .subtitle{font-size:18px;font-weight:500;color:#727cb6;margin-top:3px}
    .main-resume .description{font-size:15px;color:#7f8386;line-height:25px}
    
    
    .main-resume .timeline:nth-child(2){margin-top:230px}
    .main-resume .timeline:nth-child(even){margin-bottom:80px}
    .main-resume .timeline:nth-child(odd){margin:-100px 0 0}
 
    /* 1st child */
    .main-resume .timeline:first-child {margin:0!important}
    .main-resume .timeline:first-child .year{border-bottom:2px solid #727cb6;}

    /* 2nd child */
    .main-resume .timeline:nth-child(2n) .timeline-icon,.main-resume .timeline:nth-child(2n):before{right:auto;left:-20px;background:#e77e21}
    .main-resume .timeline:nth-child(2n) .timeline-icon{left:-40px}
    .main-resume .timeline:nth-child(2n) .year{padding:0 30px 0 60px;text-align:left}
    .main-resume .timeline:nth-child(2n) .year:before{left:auto;right:3px}
    .main-resume .timeline:nth-child(2n) .timeline-content{padding:18px 40px 18px 60px;text-align:left}
    .main-resume .timeline:nth-child(2n) .timeline-icon:before{border-color:#e77e21;box-shadow:0 0 0 4px #f1a563}
    .main-resume .timeline:nth-child(2n) .year:before{background:#e77e21;box-shadow:0 0 0 4px #e77e21}
    .main-resume .timeline:nth-child(2n) .year{border-bottom:2px solid #e77e21;}
    .main-resume .timeline:nth-child(2n) .title{color:#e77e21}
    .main-resume .timeline:nth-child(2n) .subtitle{color:#e77e21}

    /* 3rd child */
    .main-resume .timeline:nth-child(3n) .timeline-icon,.main-resume .timeline:nth-child(3n):before{background:#008b8b}
    .main-resume .timeline:nth-child(3n) .timeline-icon:before{border-color:#008b8b;box-shadow:0 0 0 4px #50b5b4}
    .main-resume .timeline:nth-child(3n) .year:before{background:#008b8b;box-shadow:0 0 0 4px #008b8b}
    .main-resume .timeline:nth-child(3n) .title{color:#008b8b}
    .main-resume .timeline:nth-child(3n) .subtitle{color:#008b8b}
    .main-resume .timeline:nth-child(3n) .year{border-bottom:2px solid #008b8b;}

    /* 4th child */
    .main-resume .timeline:nth-child(4n) .timeline-icon,.main-resume .timeline:nth-child(4n):before{background:#ed687c}
    .main-resume .timeline:nth-child(4n) .timeline-icon:before{border-color:#ed687c;box-shadow:0 0 0 4px #f798a8}
    .main-resume .timeline:nth-child(4n) .year:before{background:#ed687c;box-shadow:0 0 0 4px #ed687c}
    .main-resume .timeline:nth-child(4n) .title{color:#ed687c}
    .main-resume .timeline:nth-child(4n) .subtitle{color:#ed687c}
    .main-resume .timeline:nth-child(4n) .year{border-bottom:2px solid #ed687c;}
    .main-resume .timeline:nth-child(4n) {margin-top:100px}
    .main-resume .timeline:nth-child(4n) {margin-bottom:10px}
    
    /* Mobile and small screens */
    @media only screen and (max-width:990px){.main-resume .timeline{width:100%}
    .main-resume .timeline:nth-child(even),.main-resume .timeline:nth-child(odd){margin:0}
    .main-resume .timeline:before,.main-resume .timeline:nth-child(2n):before{width:30px;height:100%;left:25px}
    .main-resume .timeline-icon,.main-resume .timeline:nth-child(2n) .timeline-icon{left:0}
    .main-resume .timeline:nth-child(2n) .year,.main-resume .year{text-align:left;padding:0 30px 0 60px; margin-left: 30px;}
    .main-resume .timeline:nth-child(2n) .year:before,.main-resume .year:before{left:auto;right:4px}
    .main-resume .timeline-content .description{color:#666}
    .main-resume .timeline-content,.main-resume .timeline:nth-child(2n) .timeline-content{text-align:left;padding:18px 40px 18px 100px}
    .main-resume .timeline-content:after,.main-resume .timeline-content:before{width:0;height:0}
    }