.ecosystem-graphic{ 
	padding-top: 50px;
	padding-bottom: 80px;
	max-width: 1366px;
	margin: 0 auto;
	/*border-bottom: 2px solid #ddd;*/
	overflow: hidden;
} 

.reach-hiring{
	position: relative;
	top: 40px;
}

.reach-coaches{
	position: relative;
	top: 15px;
}

.reach-trainers{
	position: relative;
	top: -5px;
	right: -10px;
}

.reach-quotient {
	position: relative;
	right: -20px;
	top: -20px;
}

.reach-corporate{
	position: relative;
	top: 20px;
}

.ecosystem-graphic-elapse {
	background: url(../images/ecosystem-graphic-elapse.png) no-repeat;
	background-position: top center;
	min-height: 273px;
	padding-top: 85px;
	text-align: center;
	background-size: contain;
}

.reach-growth-mtop{
	margin-top: -10px;
}

.reach-ecosystem{
	margin: 0 auto;
	text-align: center;
}

.ecosystem-graphic-center{
	text-align: center;
}

.ecosystem-graphic-rh{
	text-align: right;
}

.ecosystem-graphic-lh{
	text-align: left;
}

.reach-threesixty{
	margin-top: 70px;
}

.reach-tna{
	margin-top: 130px;
	position: relative;
	right: -20px;
}

.ecosystem-graphic figure a{
	position: relative; 
}

.logo-bar {
    position: absolute;
    display:block;
    left: 0; 
    margin:0 auto;
    height: 4px;
    background: linear-gradient(90deg, #df3129, #f2df25, #159345, #0f76c4);
    width: 0%;
    transition: width 0.5s;
    bottom: -30px;
}

.ecosystem-graphic-elapse .logo-bar{
	bottom: -40px;
}

.ecosystem-graphic figure a:hover > .logo-bar {
    width: 100%;
}
 

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 .ecosystem-graphic-elapse {
	min-height: 223px;
	padding-top: 50px;
	background-size: contain;
}
	
.reach-corporate { 
	top: 0;
}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
.ecosystem-graphic-elapse {
	background-size: contain;
	min-height: 140px;
	padding-top: 30px;
}

.reach-ecosystem img{
	width: 80%;
}

.reach-hiring,
.reach-coaches,
.reach-corporate{
	top: 0;
	right: 0;
}
	
.reach-quotient,
.reach-trainers{right: 0;}

.reach-growth-mtop {
	margin-top: 0px;
}

.ecosystem-graphic .col-md-1 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.ecosystem-graphic .col-md-10 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.reach-tna,
.reach-threesixty {
	margin-top: 30px;
}
}


@media only screen and (min-width: 0px) and (max-width: 767px) {
.ecosystem-graphic-rh,
.ecosystem-graphic-lh,
.ecosystem-graphic-center {
	text-align: left;
}
	
.reach-growth-mtop {
	margin-top: 0;
}

.ecosystem-graphic figure {
	margin-top: 10px;
	background: #f9f9f9;
	padding: 17px;
	margin-bottom: 0;
	width: 100%;
}

.ecosystem-graphic {
	padding-top: 20px;
	padding-bottom: 20px;
} 

.ecosystem-graphic-elapse {
	background-image: linear-gradient(90deg, #fff, #fff, #fff, #fff);
	min-height: auto;
	padding-top: 0;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 0;
}	

.ecosystem-graphic-elapse figure{ 
	border: 5px solid #1486d7; 
}

.reach-hiring,
.reach-coaches,
.reach-corporate,
.reach-trainers {
	top: 0;
	right: 0;
}

.reach-tna,
.reach-threesixty {
	margin-top: 0px;
	right: 0;
	
}
.reach-quotient {
	right: 0px;
	top: 0px;
}
}
