.flexbox_item_prod_list {
		border-radius: 10px;
		width:15%;
		height:*;
		
		//border: 3px solid #333;
		background-color: #dfdfdf;
	}
	
	.flexbox_item_prod_list_100 {
		width:95%;
		height:*;
		
		//border: 3px solid #333;
		background-color: #dfdfdf;
	}

	
	.flexbox_item_prod_details{
		width:100%;
		height:*;
		margin: 10px;
		//margin-bottom: 30px;
		//margin-left: 10px;
		//margin-top: 10px;
	}
	
	#prod_list_content {

		width:100%;
	}
	
	#prod_list_image {
		width:100%;
		margin: 5px;
		text-align: center;
		
	}
	
	#prod_list_description {
		width:100%;
		text-align: center;
	}

	#form_cart {
		display:block;
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		
	}
	
	.select_ordered_quantity {
		width:95%;
	}
	
	img.img_plist {
	  //border: 1px solid #ddd;
	 // border-radius: 4px;
	  //padding: 5px;
	  width: 60%;
	}

	img.img_plist:hover {
	  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
	  cursor: pointer;
	  transform: scale(1.2);
	  transition-duration: 1s;
			transition-timing-function: ease;
	}

	input.place_order {
	  background-color: #04AA6D;
	  color: white;
	  padding: 12px 20px;
	  border: none;
	  border-radius: 4px;
	  cursor: pointer;
	  //float: right;
	}

	input.place_order:hover {
	  background-color: #45a049;
	}
	
	.user_message_red {
		width:95%;
		height:*;
		margin: 10px;
		text-align: center;
		font-family: Arial, sans-serif;
		font-size: 2em;
		font-style: bold;
		color: red;
	}
	
	.user_message_green {
		width:95%;
		height:*;
		margin: 10px;
		text-align: center;
		font-family: Arial, sans-serif;
		font-size: 2em;
		font-style: bold;
		color: green;
	}
	
	.user_message_black {
		width:95%;
		height:*;
		margin: 10px;
		text-align: center;
		font-family: Arial, sans-serif;
		font-size: 2em;
		font-style: bold;
		color: black;
	}
	
	
	@media all and (min-width: 10px)
		{ 
			.flexbox_item_prod_list {
				width:40%;
				height:*;
				margin: 10px;
				//border: 3px solid #333;
				//background-color: #dfdfdf;
			}
			

			
		}		

	@media all and (min-width: 361px) /* From 2 Point */
		{ 
			
		}	

	@media all and (min-width: 415px) /* From 2 Point */
		{ 
			.flexbox_item_prod_list {
				width:40%;
			}
			
		}	
		
		
	@media all and (min-width: 641px) /* From 3 Point */
		{ 
			.flexbox_item_prod_list {
				width:30%;
			}
		}	 
				
	@media all and (min-width: 1025px) /* From 4 Point */
		{ 
			.flexbox_item_prod_list {
				width:20%;
			}
		
		}	
		
	@media all and (min-width: 1441px) /* From 5 Point */
		{ 
			.flexbox_item_prod_list {
				width:15%;
			}
		}