.organation { margin-top: 30px; } 
.chart { box-shadow: 0px 0px 30px #0000001A; padding: 50px; max-width: 900px; width: 100%; margin: 0 auto; border-radius: 12px; } 
.chart ul { padding-left: 0; } 
.chart ul li { display: block; text-align: center; margin-bottom: 30px; position: relative; transition: .5s all ease-out; } 
.chart ul li span { display: flex; align-items: center; justify-content: center; max-width: 240px; width: 100%; height: 55px; font-size: 20px; line-height: 27px; font-weight: 600; padding: 10px 15px; background: #8c3c21; color: #FFF; border-radius: 5px; margin: 0 auto; } 
.chart ul li::after { content: ""; position: absolute; width: 1px; height: 75%; background: #8c3c21b0; bottom: 0; top: 47px; left: 0; right: 0; margin: 0 auto; } 
.chart ul li.sub_sec::after { height: 5%; } 
.chart ul li.sub_sec:before { content: ""; position: absolute; width: 51.3%; height: 1px; top: 90px; left: 0; background: #b07866; right: 0; margin: 0 auto; } 
.chart ul li ul.sub_sec { margin-top: 70px; display: flex; align-items: center; justify-content: space-between; } 
.chart ul li ul.sub_sec li:before { content: ""; position: absolute; width: 1px; height: 35px; top: -35px; background: #b07866; left: 0px; right: 0; margin: 0 auto; } 
.chart ul li ul.sub_sec li { margin-right: 20px; max-width: 500px; width: 100%; margin-bottom: 0; } 
.chart ul li ul.sub_sec li span { max-width: 300px; width: 100%; background: #498686; } 
.chart ul li ul.sub_sec li:first-child ul li span { background: #FFF; } 
.chart ul li ul.sub_sec li:last-child { margin-right: 0; } 
.chart ul li ul.sub_sec li:last-child span { background: #C77594; } 
.chart ul li ul.sub_sec li:last-child ul { background: #ECDAE1; } 
.chart ul li ul.sub_sec li:last-child ul li span { background: #FFF; } 
.chart ul li ul.sub_sec li >ul li span { height: 65px; display: flex; align-items: center; justify-content: center; margin: 0 auto; } 
.chart ul li ul.sub_sec li > ul { padding-top: 45px; padding-bottom: 20px; position: relative; top: -30px; background: #C9E6E6; z-index: -1; border-radius: 10px; } 
.chart ul li ul.sub_sec li > ul li { margin-right: 0; margin-bottom: 20px; } 
.chart ul li ul.sub_sec li > ul li span { font-size: 16px; line-height: 20px; font-weight: 500; background: #FFF; color: #323232; } 
.chart ul li ul.sub_sec li::after, .chart ul li ul.sub_sec li > ul li::after, .chart ul li ul.sub_sec li > ul li::before { content: inherit; } 


.chart .regional_center ul { margin:0; } 
.chart .regional_center ul li { margin-bottom: 0; } 
.chart .regional_center ul li span { background: #647FC3; } 
.chart .regional_center ul li::after, .regional_center ul li::before { content: inherit; } 
.chart .regional_center ul li ul { background: #D6DEF5; border-radius: 10px; position: relative; padding: 65px 0 20px; top: -40px; z-index: -1; } 
.chart .regional_center ul li ul li { display: inline-block; max-width: 140px; width: 100%; margin-right: 10px; margin-bottom: 25px; } 
.chart .regional_center ul li ul li:last-child { margin-right: 0; } 
.chart .regional_center ul li ul li span { background: #FFF; color: #323232; font-size: 14px; line-height: 19px; } 



@media only screen and (max-width:1024px){
 .chart ul li span { font-size: 18px; line-height: 24px; } 
 .chart ul li ul.sub_sec li{max-width: 100%;}
 .chart ul li ul.sub_sec li:last-child{margin-right: inherit;}
}

@media only screen and (max-width:991px){
 .org_title h2 { font-size: 30px; line-height: 40px; } 
 .chart ul li span { max-width: 220px; font-size: 18px; line-height: 24px; } 
 .chart ul li ul.sub_sec li span, .chart ul li span{ max-width: 250px; } 
 .chart .regional_center ul li ul { padding: 55px 0 20px; top: -30px; } 
 .chart .regional_center ul li ul li { max-width: 120px; } 
 }
 @media only screen and (max-width:767px){
 .org_title h2 { font-size: 22px; line-height: 30px; } 
 .chart { padding: 30px 20px; } 
 .chart ul li{margin-bottom: 20px;}
 .chart ul li::after { top: 43px; } 
 .chart ul li span { font-size: 14px; line-height: 18px; height: 45px; /*max-width: 170px;*/ } 
 .chart ul li ul.sub_sec { margin-top: 30px; display: block; } 
 .chart ul li.sub_sec:before { content: inherit; } 
 .chart ul li.sub_sec::after { height: 3%; z-index: -1; } 
 .chart ul li ul.sub_sec li:before { height: 30px; top: -30px; } 
 /* .chart ul li ul.sub_sec li span { max-width: 170px; }  */
 .chart ul li ul.sub_sec li > ul { padding-top: 40px; } 
 .chart ul li ul.sub_sec li > ul li { margin-bottom: 15px; } 
 .chart ul li ul.sub_sec li > ul li span { font-size: 14px; line-height: 20px; height: inherit;}
 .chart .regional_center ul li ul { padding: 30px 0 20px; top: -20px; } 
 .chart .regional_center ul li ul li { max-width: 200px; margin-bottom: 15px; display: block; margin: 10px auto; } 
 .chart .regional_center ul li ul li span { height: 45px; padding: 5px 10px; } 
 .chart .regional_center ul li ul li:last-child { margin: 0 auto; } 
 }