.tem01-development-path{background-position: 50% 50%; background-size: cover; background-repeat: no-repeat;background-attachment: fixed;} .tem01-development-path .container{padding:30px 15px;position: relative;} .tem01-development-path .textround{width:230px;height:230px;background:rgba(0,0,0,0.1);border-radius: 50%;border-width:3px;border-style:dotted;border-color: rgba(255,255,255,0.6);margin:50px auto;box-shadow:0 0 50px rgba(255, 255, 255, 0.8);} .tem01-development-path .textround .title{width: 90%;margin:50px auto 0;font-size: 18px;line-height: 30px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .tem01-development-path .textround .description{width:95%;margin:0 auto;font-size:70px;line-height:70px;height:70px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-family: "HELVETICANEUELTPRO-THEX",Arial;} .tem01-development-path .textround .short{width: 90%;margin:0 auto;font-size: 12px;line-height:25px;height:25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .tem01-development-path .textlist{z-index: 8;margin:30px auto;position: relative; font-family: "HELVETICANEUELTPRO-THEX",Arial;} .tem01-development-path .textlist .list-main{width:10%;margin:1%;display: inline-block;} .tem01-development-path .textlist .title{font-size: 20px;line-height: 30px;height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .tem01-development-path .textlist .short{font-size: 12px;line-height:25px;height:50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .tem01-development-path .canvas-line{z-index: 0;margin-top: -130px;} @media (max-width:1199px){ .tem01-development-path .canvas-line{display: none;} } @media (max-width:1024px){ .tem01-development-path .textround{margin:40px auto;} .tem01-development-path .textround .title{margin: 55px auto 0;} .tem01-development-path .textround .description{font-size:50px;line-height:60px;height:60px;} } @media (max-width:768px){ .tem01-development-path .container, .tem01-development-path.full-screen-spacing .container.full-screen{padding-left: 3%!important;padding-right: 3%!important} .tem01-development-path{background-attachment: scroll;} .tem01-development-path h2, .tem01-development-path .h2{font-size:24px;} .tem01-development-path .container{padding-top:0;padding-bottom:0;} .tem01-development-path .textlist, .tem01-development-path .textround{margin:20px auto;} .tem01-development-path .textround .title{margin: 60px auto 0;} .tem01-development-path .textround .description{font-size:40px!important;line-height:50px!important;height:50px;} .tem01-development-path .textlist .list-main{width:20%;} .tem01-development-path .textlist .title{font-size: 16px;line-height:22px;height:22px;} .tem01-development-path .textlist .short{line-height:22px;height:44px;} } @media (max-width:480px){ .tem01-development-path .textround .title{margin: 65px auto 0;} .tem01-development-path .textround .description{font-size:40px!important;line-height:40px!important;height:40px;} }