/***********banner****************/
@media only screen and (max-width: 1200px) {
    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive    video {
    position: relative;
    margin-top: -606px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}
@media only screen and (max-width: 1100px) {
    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive    video {
    position: relative;
    margin-top: -576px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}
@media only screen and (max-width: 1000px) {
    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive    video {
    position: relative;
    margin-top: -528px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}
@media only screen and (max-width: 900px) {
   .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive    video {
    position: relative;
    margin-top: -494px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}
@media only screen and (max-width: 800px) {
   .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive    video {
    position: relative;
    margin-top: -377px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}
@media only screen and (max-width: 700px) {
    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive    video {
    position: relative;
    margin-top: -325px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}
	@media only screen and (max-width: 600px) {
   .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive    video {
    position: relative;
    margin-top: -305px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}

	@media only screen and (max-width: 500px) {
    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive    video {
    position: relative;
    margin-top: -194px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}
@media only screen and (max-width: 450px) {
   .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive    video {
    position: relative;
    margin-top: -208px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}

@media only screen and (max-width: 400px) {
   .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive    video {
    position: relative;
    margin-top: -155px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}
@media only screen and (max-width: 300px) {
    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive    video {
    position: relative;
    margin-top: -147px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}
@media only screen and (max-width: 200px) {
  .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive    video {
    position: relative;
    margin-top: -147px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
}
/*************banner**********************/
.ppfonts{
	font-size: 16px;
    font-weight: 400;
}
.fontli{
		font-weight: 400;
       font-size: 11px;
	}
	.fontp{
		font-weight: 400;
    font-size: 18px;
	}
	#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 (max-width: 1050px) {
    .ulnew {
       margin-left: 40px;
}
    }
	@media only screen and (max-width: 900px) {
    .ulnew {
       margin-left: 40px;
}
    }
	 
	@media only screen and (max-width: 800px) {
    .ulnew {
       margin-left: 40px;
}
    }
	 
	@media only screen and (max-width: 700px) {
    .ulnew {
       margin-left: 40px;
}
    }
	 
	@media only screen and (max-width: 600px) {
    .ulnew {
       margin-left: 45px;
}
    }
	@media only screen and (max-width: 500px) {
    .ulnew {
          margin-left:85px;
}
    }
	@media only screen and (max-width: 400px) {
    .ulnew  {
          margin-left:68px;
}
    }
	@media only screen and (max-width: 300px) {
    .ulnew  {
          margin-left: 48px;
}
    }
	@media only screen and (max-width: 200px) {
   .ulnew  {
          margin-left:45px;
}
    }
	
/*******Mobility Applications*/

/*******Manufacturing logo resize */
.manuimg{
	width: 97px;
}

/***********product************/

	.lottie{
		width: 300px;
		height: 300px;
		/* margin-top: 50px; */
	}
	@media only screen and (min-device-width: 300px) and (max-device-width: 500px) and (orientation:portrait) {
     .lottie{
		width: 300px;
		height: 300px;
		
	}
    }
	
	.productsline{
		
		    text-align: left;
	}
	@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
     .productsline{
		text-align: center;
		
	}
    }
 .abouttop{
		margin-top: -199px;
		
	}
	@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
					     
     .abouttop{
		margin-top: 0px;
		
	}
     
    }
	
	.aboutvideo{
		mt-100
		
	}
	@media only screen and (min-device-width: 250px) and (max-device-width: 1028px) 
	             {
					     
     .aboutvideo{
		mt-0
		
	}
     
    }
	
	
	/******more view ***/
	
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.content {
  display: none;
}
#loadMore {
  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;
}
#loadMore:hover {
  color: #ffffff;
  border: 1px solid transparent;
    background-color: #F09B00;
  text-decoration: none;
}
#loadMorevehicles {
 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;
}
#loadMorevehicles:hover {
  color: #ffffff;
  border: 1px solid transparent;
    background-color: #F09B00;
  text-decoration: none;
}
.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}
/******vehicles*****/
.flexvehicles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.vehicles{
  display: none;
}
#loadMorevehicles {
  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;
}
#loadMorevehicles:hover {
  color: #ffffff;
  border: 1px solid transparent;
    background-color: #F09B00;
  text-decoration: none;
}
.noContentvehicles {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}
/***************HEALTHCARE*******************/
.flexhealthcare {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.healthcare{
  display: none;
}
#loadMorehealthcare {
 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;
}
#loadMorehealthcare:hover {
  color: #ffffff;
  border: 1px solid transparent;
    background-color: #F09B00;
  text-decoration: none;
}
.noContenthealthcare {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}
/***************logistics*******************/
.flexlogistics {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.logistics{
  display: none;
}
#loadMorelogistics {
  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;
}
#loadMorelogistics:hover {
  color: #ffffff;
  border: 1px solid transparent;
    background-color: #F09B00;
  text-decoration: none;
}
.noContentlogistics {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}
/*************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 ***/
	
	.manuimg {
    width: 155px;}