/*body{ margin:0px auto; padding:0px; font-size:1.4em;}
li{ list-style:none; margin:0px; padding:0px;}
ul{ margin:0px; padding:0px;}*/



.organization-flow-chart{ width:100%; margin:0px auto 30px; border:1px #ccc solid !important; padding:20px;}
.organization-flow-chart-responsive{ width:100%; }

.top-01{width:40%; margin:0px auto;}

.top-01 li{ 
width:100% ; 
color:#000000 ; 
background:#f0f0f0; 
text-align:center; 
padding:15px 0px !important; 
border:2px #ccc solid !important; 
margin-bottom:20px !important; 
position:relative !important;
list-style:none !important;
list-style-image: none !important;
box-shadow: 5px 0 10px #cccccc;
}

.organization-flow-chart h2{ font-size:1.2em !important; margin:0px !important; background: transparent; padding:0px !important;}

.line-01::before {
    content: "";
    display: block;
    position: absolute;
    width: 10px;
    height: 22px;
    border-left: 2px solid #CCC;
    z-index: 1;
    top: -22px;
    left: 50%;
    margin-left: -4px;
}




.middle-line{ position:relative;}

.middle-line::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 44px;
    border-left: 2px solid #CCC !important;
    z-index: 1;
    top: -22px;
    left: 50%;
    margin-left: 16px;
}

.middle-line::after {
    content: "";
    display: block;
    width: 69.9%;
    height: 24px;
    border-top: 2px #ccc solid !important;
    border-right: 2px #ccc solid !important;
    border-left: 2px #ccc solid !important;
    margin: 0 auto;
    top: 0px;
    left: 16.1%;
    position: absolute;
}

.middle-line-sub-part1{position:relative;}

.middle-line-sub-part1::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 262px;
    border-left: 2px solid #CCC !important;
    z-index: 1;
    top: -22px;
    left: 50%;
    margin-left: 5px;
}

.middle-line-sub-part1::after {
    content: "";
    display: block;
    width: 69.9%;
    height: 24px;
    border-top: 2px #ccc solid !important;
    border-right: 2px #ccc solid !important;
    border-left: 2px #ccc solid !important;
    margin: 0 auto;
    top: 0px;
    left: 20%;
    position: absolute;
}

.middle-line-sub-part2{ position:relative;}

.middle-line-sub-part2::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 44px;
    /*border-left: 2px solid #CCC !important;*/
    z-index: 1;
    top: -22px;
    left: 50%;
    margin-left: 16px;
}

.middle-line-sub-part2::after {
    content: "";
    display: block;
    width: 69.9%;
    height: 24px;
    border-top: 2px #ccc solid !important;
    border-right: 2px #ccc solid !important;
    border-left: 2px #ccc solid !important;
    margin: 0 auto;
    top: 0px;
    left: 16.1%;
    position: absolute;
}

.middle-line-rightsub-part1{ position:relative;}
.middle-line-rightsub-part1::after {
    content: "";
    display: block;
    width: 37.2%;
    height: 24px;
    border-top: 2px #ccc solid !important;
    border-right: 2px #ccc solid !important;
    border-left: 2px #ccc solid !important;
    margin: 0 auto;
    top: 0px;
    left: 20%;
    position: absolute;
}

.middle-line-rightsub-part1::before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 108px;
    border-left: 2px solid #CCC !important;
    z-index: 1;
    top: -22px;
    left: 50%;
    margin-left: 16px;
}





.top-02-left{width:32%; float:left; margin-top:15px;}

.top-02-left-subpart {
    width: 43%;
    float: left;
    margin-top: 15px;
}
.i18n-hi .top-02-left{width:30%; float:left; margin-top:12px;}
.top-02-left li{ 
width:100%; 
color:#000000; 
background:#f0f0f0; 
text-align:center; 
padding:10px 0px !important; 
border:2px #ccc solid !important; 
margin-bottom:20px !important; 
position:relative;
list-style:none !important;
list-style-image: none !important;
min-height: 38px !important;
box-shadow: 5px 0 10px #cccccc;
}

.top-02-right{width:30%; float:right; margin-top:15px;}
.top-02-right-subpart {
    width: 43%;
    float: right;
    margin-top: 15px;
}
.i18n-hi .top-02-right{width:30%; float:right; margin-top:12px; }
.top-02-right li{ 
width:100%; 
color:#000000; 
background:#f0f0f0; 
text-align:center; 
padding:10px 0px !important; 
border:2px #ccc solid !important; 
margin-bottom:20px !important;
position:relative;
list-style:none !important;
list-style-image: none !important;
box-shadow: 5px 0 10px #cccccc;
 }


.top-02-center{width:30%; float:right; margin-top:15px;margin-right: 35px; }
.i18n-hi .top-02-center{width:30%; float:right; margin-top:12px; }
.top-02-center li{ 
width:100%; 
color:#000000; 
background:#f0f0f0; 
text-align:center; 
padding:10px 0px !important; 
border:2px #ccc solid !important; 
margin-bottom:20px !important;
position:relative;
list-style:none !important;
list-style-image: none !important;
box-shadow: 5px 0 10px #cccccc;
 }
 

.top-03-single{width:30%; position:relative; margin: -208px 30% 0px 32.6%;}
.i18n-hi .top-03-single{width:30%; position:relative; margin: -193px 30% 0px 32.6%;}
.top-03-single li{ 
width:100%; 
color:#000000; 
background:#f0f0f0; 
text-align:center; 
padding:10px 0px !important; 
border:2px #ccc solid !important; 
margin-bottom:20px !important; 
position:relative;
list-style:none !important;
list-style-image: none !important;
min-height: 38px !important;
box-shadow: 5px 0 10px #cccccc;
}


.top-03-single::before {
	content: "";
	display: block;
	position: absolute;
	width: 9.5%;
	height: 22px;
	border-top: 2px solid #CCC !important;
	z-index: 1;
	top: 19px;
	left: -8%;
	margin-left: -4px;
	}
	
.top-02-single{position:relative; margin: 7px 0px 0px 4.6%;}
.i18n-hi .top-02-single{position:relative; margin: 41px 0px 0px 4.6%;}
.top-02-single li{ 
float:left; 
width:17%  !important; 
margin:0px 1%  !important; 
font-size:0.9em  !important;  
color:#000000; 
background:#f0f0f0; 
text-align:center; 
border:2px #ccc solid !important; 
margin-bottom:20px !important; 
position:relative;
list-style:none !important;
list-style-image: none !important;
padding:5px 0px !important;
box-shadow: 5px 0 10px #cccccc;
 }
 
@media screen and (max-width:1270px) {
	.top-03-single { margin: -216px 30% 0px 32.6%;}
	
} 

@media screen and (max-width:1020px) {
	.top-03-single { margin: -204px 30% 0px 32.6%;}
	.middle-line-rightsub-part1::before {height: 132px; }
	.middle-line-rightsub-part1::after {width: 39.2%;}
	.middle-line-sub-part1::before {height: 303px; }
	
} 
@media screen and (max-width:900px) {
    .middle-line-rightsub-part1::after {width: 40.2%; }
    .middle-line-rightsub-part1::before { height: 132px; }
    .middle-line-sub-part1::before {height: 304px;}
    
}


@media screen and (max-width:789px) {
	.top-03-single { margin: -214px 30% 0px 32.6%;}
	.organization-flow-chart{ width:1000px;}
	.organization-flow-chart-responsive{ width:100%; overflow: scroll;}
	
} 

@media screen and (max-width:500px) {
.i18n-hi .top-03-single {margin: -207px 30% 0px 32.6%;}
}

@media screen and (max-width:470px) {
	.organization-flow-chart{ font-size:0.8em !important;}
	.top-03-single { margin: -234px 30% 0px 32.6%;}
}