.cd-container{
    	 max-width: 1080px;
    	 margin: 0 auto; 
		}
        #cd-timeline {
            position: relative;
            padding: 2em 0;
            margin-top: 2em;
            margin-bottom: 2em;
        }

        #cd-timeline::before {
            content: '';
            position: absolute;
            top: 0;
            left: 25px;
            height: 100%;
            width: 4px;
            background: #7E57C2;
        }

        @media only screen and (min-width: 920px) {
            #cd-timeline {
                margin-top: 3em;
                margin-bottom: 3em;
            }

            #cd-timeline::before {
                left: 50%;
                margin-left: -2px;
            }
        }

        .cd-timeline-block {
            position: relative;
            margin: 2em 0;
        }

        .cd-timeline-block:after {
            content: "";
            display: table;
            clear: both;
        }

        .cd-timeline-block:first-child {
            margin-top: 0;
        }

        .cd-timeline-block:last-child {
            margin-bottom: 0;
        }

        @media only screen and (min-width: 920px) {
            .cd-timeline-block {
                margin: 4em 0;
            }

            .cd-timeline-block:first-child {
                margin-top: 0;
            }

            .cd-timeline-block:last-child {
                margin-bottom: 0;
            }
        }

        .cd-timeline-img {
            position: absolute;
            top: 8px;
            left: 12px;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            box-shadow: 0 0 0 4px #7E57C2, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
        }

        .cd-timeline-img {
            background: #673AB7;
        }

        @media only screen and (min-width: 920px) {
            .cd-timeline-img {
                width: 30px;
                height: 30px;
                left: 50%;
                margin-left: -15px;
                margin-top: 15px;
                /* Force Hardware Acceleration in WebKit */
                -webkit-transform: translateZ(0);
                -webkit-backface-visibility: hidden;
            }
        }

        .cd-timeline-content {
            position: relative;
            margin-left: 60px;
            margin-right: 30px;
            background: #ededf3;
            border-radius: 2px;
            padding: 1em;
        }

        .cd-timeline-content .timeline-content-info {
            background: #2B343A;
            padding: 5px 10px;
            color: rgba(255, 255, 255, 0.7);
            font-size: 12px;
            box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.08);
            border-radius: 2px;
        }

        .cd-timeline-content .timeline-content-info i {
            margin-right: 5px;
        }

        .cd-timeline-content .timeline-content-info .timeline-content-info-title,
        .cd-timeline-content .timeline-content-info .timeline-content-info-date {
            width: calc(50% - 2px);
            display: inline-block;
        }

        @media (max-width: 500px) {

            .cd-timeline-content .timeline-content-info .timeline-content-info-title,
            .cd-timeline-content .timeline-content-info .timeline-content-info-date {
                display: block;
                width: 100%;
            }
        }

        .cd-timeline-content .content-skills {
            font-size: 12px;
            padding: 0;
            margin-bottom: 0;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

        .cd-timeline-content .content-skills li {
            background: #40484D;
            border-radius: 2px;
            display: inline-block;
            padding: 2px 10px;
            color: rgba(255, 255, 255, 0.7);
            margin: 3px 2px;
            text-align: center;
            flex-grow: 1;
        }

        .cd-timeline-content:after {
            content: "";
            display: table;
            clear: both;
        }

        .cd-timeline-content h2 {
            color: rgba(255, 255, 255, 0.9);
            margin-top: 0;
            margin-bottom: 5px;
        }

        .cd-timeline-content p,
        .cd-timeline-content .cd-date {
            color:#666;
            font-size: 13px;
            font-size: 0.8125rem;
        }

        .cd-timeline-content .cd-date {
            display: inline-block;
        }

        .cd-timeline-content p {
            margin: 1em 0;
            line-height: 1.6;
        }

        .cd-timeline-content::before {
               content: '';
			   position: absolute;
			   top: 16px;
			   right: 100%;
			   height: 25px;
			   width: 25px;
			   border: 15px solid transparent;
			   border-right: 15px solid #ededf3;
        }
			.detail_img{
			    height: 240px;
    			object-fit: cover;
			}
        @media only screen and (min-width: 768px) {
            .cd-timeline-content h2 {
                font-size: 20px;
                font-size: 1.25rem;
            }

            .cd-timeline-content p {
                font-size: 16px;
                font-size: 1rem;
            }

            .cd-timeline-content .cd-read-more,
            .cd-timeline-content .cd-date {
                font-size: 14px;
                font-size: 0.875rem;
            }
        }

        @media only screen and (min-width: 920px) {
            .cd-timeline-content {
                /*color: white;*/
                margin-left: 0;
                padding: 1.6em;
                width: 41%;
                margin: 0 5%;
            }

            .cd-timeline-content::before {
                top: 24px;
                left: 100%;
                border-color: transparent;
                border-left-color: #ededf3;
            }

            .cd-timeline-content .cd-date {
                   position: absolute;
				    width: 100%;
				    left: 529px;
			        top: 22px;
    				font-size: 25px;
            }

            .cd-timeline-block:nth-child(even) .cd-timeline-content {
                float: right;
            }

            .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
                top: 24px;
                left: auto;
                right: 100%;
                border-color: transparent;
                border-right-color: #ededf3;
            }

            .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
                float: right;
            }

            .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
                   left: auto;
				   right: 529px;
				   text-align: right;
				   top: 22px;
            }
        }
         @media only screen and (max-width: 1175px) {
			.cd-timeline-content .cd-date{
				    left: 562px;
			}
			.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{
				right: 562px;
			}
         }
           @media only screen and (max-width: 1100px) {
			.cd-timeline-content .cd-date{
				    left: 538px;
			}
			.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{
				right: 538px;
			}
         }
          @media only screen and (max-width: 1048px) {
			.cd-timeline-content .cd-date{
				    left: 508px;
			}
			.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{
				right: 508px;
			}
         }
             @media only screen and (max-width: 949px) {
			.cd-timeline-content .cd-date{
				    left: 465px;
			}
			.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{
				right: 465px;
			}
         }
         @media only screen and (max-width: 920px){
         	.cd-date{
         		    position: absolute !important;
				    left: 0px !important;
				    top: -41px !important;
				    font-size: 28px !important;
				  	color:   #333 !important;
         	}
         	.cd-timeline-content{
         		    margin-left: 88px;
     		        margin-bottom: 50px;
         	}
         	.cd-timeline-img{
         		top: 21px;
         	}
         	.cd-timeline-content::before{
         		top: 25px;
         	}
         	.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{
         		width: 100%;
         	}
         }