@media only screen and (max-width: 458px) {
	body{
	  padding: 0;
	  margin-top: 0%; 
	  padding-top: 0%;
	  margin: 0;
	  font-family: 'Helvetica', sans-serif;
	  width: 100%;
		height: 100%; background: url("../img/AX/28.jpeg")     no-repeat;
		 background-blend-mode: multiply;
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: fixed; 
		background-size: cover;
	}
	
	
	.container{
	  padding:  0;
	  margin-top: 0%;
	  padding-top: 0%;
	  padding-bottom: 0%;
	  margin-bottom: 0%;
	  margin:0;
	   
	  width: 100%;
		
	
	}
	
	.smartphone-wrapper{
		margin: 0 auto;
		margin-top: 4em;
		margin-top: 0%; 
		padding-top: 0%;
		padding: 0;
		width: 100%;
		 
		margin-bottom: 0%;
		height: max-content;
		 
		
	 
	}
	
	
	.smartphone{
		background-color: transparent;
		 
		width: 100%;
		height: 721px;
		border-radius: 0px  ;
		background: transparent; 
		
	}
	
	.smartphone-header{
		margin: 0 auto;
		margin-top: 18px;
		margin-bottom: 25px;
		padding: 0;
		background: transparent; 
		justify-content: center;
		align-items: center;
	}
	
	.smartphone-screen{
	   background-position: center;
		 background-size: cover;
		 height: 100%;
		width: 100%;
		margin:  0px auto;
		margin-top: 0em;
		border-radius: 0px  ;background: transparent;  border: none;
	}	
	
	 
	
	.screen-icons{
		list-style: none;
		display: inline;
		padding: 0;
		margin: 0;
	}
	
	.screen-icons li{
		display: inline;
		color: white;
		font-size: 9pt;
		padding:0;
		margin: 0;
	}
	
	.app-wrapper{
		width: 98%;
		display: grid;
		margin: 0 auto;
		grid-template-columns: repeat(4, 1fr);
	  grid-row-gap: 5px;
	  justify-content: center;
	  text-align: center;
	  margin-top: -1px;margin-bottom: 4em; 
	  height: 100%; 
	   
	  
	 
	   
	}
	
	.app-icon p{
	  color: white;
	  font-size: 8pt;
	  font-family: Arial, Helvetica, sans-serif;
	  font-weight: 500;
	  margin: 4px;
	  margin-left: -1px;
	margin-bottom: 10px;
	}
  @keyframes grow{
	  0%{
		  transform: scale(1);
	  }
	  50%{
		  transform: scale(1.1);
	  }
  
	  100%{transform: scale(1.01);}
  }
  
  .icons{
	  padding: 14px;
	  width: 52px;
	  height: 50px;
	  font-size: 18pt;
	  border-radius: 10px;
	background: #bdbdbd;
	border: rgb(105, 103, 103) 1px solid;
  }
  
  .icons:hover{
	  animation: 1s grow infinite;
  }
  
  .fa-github{
	  color: rgb(23, 21, 21);
	  background-color: #f0f0f0;
  }
  
  .fa-twitter{
	  background-color: #1DA1F2;
	  color: white;
  }
  
  .fa-linkedin-square{
	  color: white;
	  background-color: #0077B5;
  }
  
  .fa-file-text-o{
	  color: white;
	  background-color: #0e9ba5;
  }
  
  .fa-taxi{
	color:#252525;
	background-color:#FFBA08;
  }
  
}







  
.desktop .one{
	position: absolute;
	left: 50%;
	transform: translate(-50%,-10%);
	 
	width: 86.4%;
	padding:10px 10px;
	background-color: rgba(144, 144, 148, 0.726);
	display: flex; margin-top: 0px;
	justify-content: space-between;
	align-items: center;
}



@media screen and (min-width: 618px) {
	.desktop .one{
		display: none;
	}
}
 
@media screen and (min-width: 458px) and  (max-width: 7777px){
	body{
		padding: 0;
		margin-top: 0%; 
		padding-top: 0%;
		margin: 0;
		font-family: 'Helvetica', sans-serif;
		width: 100;
		  height: 100%; background: url("../img/AX/28.jpeg")     no-repeat;
		  background-blend-mode: multiply;
		  background-repeat: no-repeat;
		  background-position: center;
		  background-attachment: fixed; 
		  background-size: cover;
	  }
	  
	  
	  .container{
		padding:  0;
		margin-top: 0%;
		padding-top: 0%;
		padding-bottom: 0%;
		margin-bottom: 0%;
		margin:0;
		background: lightyellow;
		width: 100%;
		  
	  
	  }
	  
	  .smartphone-wrapper{
		  margin: 0 auto;
		  margin-top: 4em;
		  margin-top: 0%; 
		  padding-top: 0%;
		  padding: 0;
		  width: 100%;
		   
		  margin-bottom: 0%;
		  height: max-content;  
	   
	  }
	   
	  .smartphone{
		  background-color: transparent;
		  
		  width: 100%;
		  height: 721px;
		  border-radius: 0px  ;
		   
		  
	  }
	  
	  .smartphone-header{
		  margin: 0 auto;
		  margin-top: 18px;
		  margin-bottom: 25px;
		  padding: 0;
		   
		  justify-content: center;
		  align-items: center;
	  }
	  
	  .smartphone-screen{
		border: 0px solid #f0f0f0;
		   
		background:transparent;
		    height: 100%;
		  width: 100%;
		  margin:  0px auto;
		  margin-top: 0em;
		  border-radius: 0px  ;
	  }	
	  
	  .smartphone-screen-header{
		  display: grid;
		  grid-template-columns: 30% 40% 30%;
		padding: 5px;
	  }
	  
	  .screen-header-left{text-align: left;}
	  .screen-header-right{text-align: right;}
	  .screen-header-center{text-align: center;}
	  
	  .screen-header-center p{
		  color: white;
		  font-size: 9pt;
		  font-family: Arial, Helvetica, sans-serif;
		  font-weight: 600;
		padding: 3px;
		margin: 0;
	  }
	  
	  .screen-header-item{
		  padding: 0 6px 0 6px;
		  margin: 0;
	  }
	  
	  .screen-icons{
		  list-style: none;
		  display: inline;
		  padding: 0;
		  margin: 0;
	  }
	  
	  .screen-icons li{
		  display: inline;
		  color: white;
		  font-size: 12pt;
		  padding:0;
		  margin: 0;
	  }
	  
	  .app-wrapper{
		width: 96%;
		display: grid;
		margin: 0 auto;
		grid-template-columns: repeat(4, 1fr);
	  grid-row-gap: 5px;
	  justify-content: center;
	  text-align: center;
	  margin-top: -1px;margin-bottom: 4em; 
	  height: 100%;
		
	  }
	  
	  .app-icon p{
		color: white;
		font-size: 12pt;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 500;
		margin: 5px;
		margin-bottom: 14px; margin-left: 15px;
	  
	  }
	  
	@keyframes grow{
		0%{
			transform: scale(1);
		}
		50%{
			transform: scale(1.1);
		}
	
		100%{transform: scale(1.01);}
	}
	
	.icons{
		padding: 8px;
		width: 54px;
		height: 48px;
		font-size: 24pt;
		border-radius: 10px;
	  background: #bdbdbd;margin-left: 14px;
	  align-content: center;
	  align-items: center;
	  justify-items: center; margin-bottom: 5px;  

	}
	
	.icons:hover{
		animation: 1s grow infinite;
	}
	
	.fa-github{
		color: rgb(23, 21, 21);
		background-color: #f0f0f0;
	}
	
	.fa-twitter{
		background-color: #1DA1F2;
		color: white;
	}
	
	.fa-linkedin-square{
		color: white;
		background-color: #0077B5;
	}
	
	.fa-file-text-o{
		color: white;
		background-color: #0e9ba5;
	}
	
	.fa-taxi{
	  color:#252525;
	  background-color:#FFBA08;
	}
	
  }
 
@media screen and (min-width: 941px) and  (max-width: 7777px){
	.app-icon p{
		color: white;
		font-size: 12pt;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 500;
		margin: 4px;
		margin-left: -8px;
		margin-right: 0%;
		margin-bottom: 14px;
		width: 164px;
	  
	  }
	 

	  .app-icon i{
		 
		font-size: 21pt;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 600; margin-top:-4px;  margin-bottom: 0px;
		 
		 
	  
	  }
	.icons{
		padding: 8px;
		width: 51px;
		height: 45px;
		font-size: 24pt;
		border-radius: 10px;
	  background: #bdbdbd;margin-left: 4px;
	  align-content: center;
	  align-items: center;
	  justify-items: center; margin-bottom: 5px;  

	}
	
	  }
	 
@media screen and (min-width: 818px) and  (max-width: 940px){
	.app-icon p{
		color: white;
		font-size: 21pt;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: 500;
		margin: 5px;
		margin-left: 4px;
		margin-bottom: 14px;
		width: 164px;
	  
	  }
	 
	.icons{
		padding: 18px;
		width: 71px;
		height: 71px;
		font-size: 28pt;
		border-radius: 10px;
	  background: #bdbdbd;margin-left: 24px;
	  align-content: center;
	  align-items: center;

	}
	
	  } 
	  
	  
	  @media screen and (min-width: 718px) and  (max-width: 817px){
		.app-icon p{
			color: white;
			font-size: 18pt;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: 500;
			margin: 5px;
			margin-left: 4px;
			margin-bottom: 14px;
			width: 144px;
		  
		  }
		 
		.icons{
			padding: 16px;
			width: 101px;
			height: 91px;
			font-size: 44pt;
			border-radius: 10px;
		  background: #bdbdbd;margin-left: 24px;
		  align-content: center;
		  align-items: center;
	
		}
		.smartphone{
			background-color: transparent;
			 
			width: 100%;
			height: 821px;
			border-radius: 0px  ;
			 
			
		}
		  } 
		  


		 



		  @media screen and (min-width: 1001px){
		  
		  .app-wrapper{
			 
			display: grid;
			margin: auto;
			 
		  grid-row-gap: 2px;
		  justify-content: center;
		  text-align: center;
		  align-items: center;
		    margin: auto;  left: -20px;   
		  height: 100%;width: 34.8%; grid-template-columns: 24% 24%  24% 24%;  
		  }

		  .icons{
			padding: 8px;
			width: 56px;
			height: 48px;
			font-size: 28pt;
			border-radius: 10px;
		  background: #bdbdbd;margin-left: 10px;
		  align-content: center;
		  align-items: center;
		  justify-items: center; margin-bottom: 5px;  
	
		}

		.app-icon p{
			color: white;
			font-size: 12.8pt;
			font-family: Arial, Helvetica, sans-serif;
			font-weight: 500;
			margin: 4px;
			margin-left: -44px;
			margin-right: 0%;
			margin-bottom: 4px;
			width: 164px;
		  
		  }
		}


		 @media only screen and (min-width: 941px)and (max-width: 1094px){
    
			.app-wrapper{
			 
				display: grid;
				margin: auto;
				 
			  grid-row-gap: 2px;
			  justify-content: center;
			  text-align: center;
			  align-items: center;
				margin: auto;  left: -20px;   
			  height: 100%;width: 34.8%; grid-template-columns: 24% 24%  24% 24%;  margin-bottom: 50%;
			  }

			  
			
			}