.productsline{
		
		    text-align: left;
	}
	@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
     .productsline{
		text-align: center;
		
	}
    }

.lotties{
		  height: 559px;
    background-color: #F09B00;
	}
	@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
     .lotties{
		  height: 450px;
    background-color: #F09B00;
	}
    }


	.vision {
		height:310px;
   margin-top: -400px;
   position: relative;
   box-shadow: -13px 20px 43px #33333330;
   border: 2px solid white;
    border-radius: 38px;

  }
  
   @media only screen and (min-device-width: 281px) and (max-device-width: 1024px) and (orientation:portrait) {
     .vision {
		 height:auto;
      margin-top: 7px;
    position: relative;
    box-shadow: -11px 20px 50px #80808040;
	border: 2px solid white;
    border-radius: 38px;
}
    }
  /*@media only screen and (max-width: 600px) {
    .vision {
      margin-top: 33px;
    position: relative;
    box-shadow: 20px 20px 50px grey;
}
    }*/
	.vision-title:after {
    content: "";
    position: absolute;
    left: 124px;
    bottom: 0;
    height: 3px;
    width: 100px;
    background: #ffc107;
}
	.fontli{
		font-weight: 400;
       font-size: 11px;
	}
	.fontp{
		font-weight: 400;
    font-size: 17px;
	}
	#imgpostion{
		position: absolute;
		top: -70px;
        left: 8px;
		visibility: visible;
		
	}
	@media only screen and (max-width: 600px) {
    #imgpostion {
    position: absolute;
    top: -40px;
    left: 17px;
    visibility: visible;
}
    } 
	
	
	.ulnew{
		  margin-left: 63px;
    text-align: initial;
	line-height: 24px;
}

	/*******Mobility Applications*/
@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
     .ulnew {
		  margin-left: 40px;
	}
    }

	
	
/*******Mobility Applications*/
/*******timeline*/
.timelineshadow{
    box-shadow: rgb(33 33 33) 10px 20px 29px 0px;
    visibility: visible;
}
.timelinerightimg{
	visibility: visible;
	margin-left: 204px;
}
@media only screen and (min-device-width: 281px) and (max-device-width: 1024px) and (orientation:portrait) {
     .timelinerightimg{
     margin-left: 0px;
}
    }
	
/*******timeline*/
/*******Manufacturing logo resize */
.manuimg{
	width: 97px;
}

/***********product************/
.timelineheight{
height: 910px;
    background-color: #414141;	
}
@media only screen and (min-device-width: 281px) and (max-device-width: 1024px) and (orientation:portrait) {
     .timelineheight{
      height: auto;
    background-color: #414141;	
}
    }
	
	.lottie{
		width: 202px;
		height: 202px;
		/* margin-top: 50px; */
	}
	@media only screen and (min-device-width: 300px) and (max-device-width: 500px) and (orientation:portrait) {
     .lottie{
		width: 153px;
    height: 137px;
		
	}
    }
/*************READ MORE*******************/
.flexread {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.read{
  display: none;
}
#loadMoreread {
  width: 107px;
    color: #000000;
    display: block;
    text-align: center;
    margin: -1px auto;
    padding: 0px;
    border-radius: 0px;
    border: 1px solid transparent;
    background-color: #dbdbdb6b;
    transition: .3s;
}
#loadMoreread:hover {
  color: #ffffff;
  border: 1px solid transparent;
    background-color: #F09B00;
  text-decoration: none;
}
.noContentread {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}


	/******end more view ***/