.tem10-development-path .titlebox{padding:30px 0;border-bottom:1px solid rgba(0,0,0,.1);}
.tem10-development-path .titlebox span{font-size:26px;color:#333;}
.tem10-development-path .titlebox em{font-size:13px;color:#a3a3a3;font-style:normal;padding-left:5px;}
.tem10-development-path .titlebox a{font-size:12px;color:#a3a3a3;padding-top:18px;display:block;}
.tem10-development-path .left{float:left;}
.tem10-development-path .right{float:right;}
.tem10-development-path .items{position:relative;}
.tem10-development-path .items li{width:100%;margin:0 0 5%;}
.tem10-development-path .items li a{padding:1px;display:block;}
.tem10-development-path .items li a:focus,
.tem10-development-path .items li a:visited{text-decoration:none;}
.tem10-development-path .items li a .text{line-height:2;padding:30px 40px;background-color:#FFF;}
.tem10-development-path .items li a .text .description{font-size:13px;overflow:hidden;color:#777;}
.tem10-development-path .items li a .data{position:relative;padding:15px 40px;color:#fff;line-height:1.2;}
.tem10-development-path .items li a .title{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
@media(max-width:992px){
.tem10-development-path .titlebox{padding:20px 0;}
.tem10-development-path .items li{height:110px;}
.tem10-development-path .items li a .data .icon{right:30px;}
.tem10-development-path .items li a .text .description{padding-top:6px;height:58px;}
.tem10-development-path .items li a .text{height:130px;line-height:2;padding:20px 30px;background-color:#FFF;}
}
@media(min-width:768px){
    .tem10-development-path .items:before{content:"";display:block;width:1px;height:100%;background-color:rgba(121, 121, 121, 0.15);position:absolute;top:0;left:50%;}
    .tem10-development-path .items li .image{width: 50%;}
    .tem10-development-path .items li .image img{max-width: 100%;margin:0 auto;display: block;}
    .tem10-development-path .items li .box{width:50%;padding:0 0 20px;}
    .tem10-development-path .items li a:hover{transform:translateY(-10px);box-shadow:0px 10px 20px rgba(0, 0, 0, 0.2);}
    .tem10-development-path .items li a .data:before{content:"";transition:0.5s all ease;display:block;border:2px solid;border-color:inherit;background:#fff;width:10px;height:10px;border-radius:50%;position:absolute;top:50%;margin-top:-5px;z-index:1;}
    .tem10-development-path .items li a .data:after{content:"";transition:0.5s all ease;position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;display:block; border-style:solid;border-width:10px;border-top-color:transparent;border-bottom-color:transparent;border-left-color:inherit;border-right-color:inherit;}
    .tem10-development-path .items li:nth-child(odd) .image{padding-right:50px;float:left;}
    .tem10-development-path .items li:nth-child(even) .image{padding-left:50px;float:right;}
    .tem10-development-path .items li:nth-child(odd) .box{padding-left:50px;float:right;}
    .tem10-development-path .items li:nth-child(even) .box{padding-right:50px;float:left;}
    .tem10-development-path .items li:nth-child(odd) .data:after{border-left:none;left:-11px;}
    .tem10-development-path .items li:nth-child(even) .data:after{border-right:none;right:-11px;}
    .tem10-development-path .items li:nth-child(odd) .data:before{left:-55px;}
    .tem10-development-path .items li:nth-child(even) .data:before{right:-57px;}
}
@media(max-width:768px){
    .tem10-development-path .container,
    .tem10-development-path.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important}
    .tem10-development-path .items li{height:auto;margin:10px 0;} 
    .tem10-development-path .items li .box{height:auto;padding:0;}
    .tem10-development-path .items li .image{width: 100%;margin:10px 0;}
    .tem10-development-path .items li a .text,
    .tem10-development-path .items li a .data{padding:10px 15px;height:auto;}
    .tem10-development-path .items li a .data .md{font-size:20px;}
    .tem10-development-path .items li a .data .icon{right:15px;}
}          