@charset "utf-8";

.products-main {
    border: solid thin transparent;
    text-align: center;
    background-image: url('../images/products_shelf.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 415px;
	background-position-x: -3px;
	margin-top: -20px;
}



.products-main h1{
	border: solid thin #f6efef;
    background-color: #f0f8ff9c;    
    color: #085be5;
    vertical-align: middle;
    padding: 24px 0px;
}

.aboutus-center{	
    border: solid thin #e0dbdb;    
    margin-bottom: 8px;
	
}


.product-block img {
	border: solid thin #d1e9d2;
	height: 90%;
	width: 99%;
    padding: 1px;
	background-color: #fff;
	border-top-left-radius: 6px;
    border-top-right-radius: 6px;
 }

  @keyframes slideInFromBottom {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}





 .care{
    display: flex;
    flex-flow: row wrap;
	border: solid thin #0080001c;
	padding: 8px 2px;
	background-color: #f1f1f1;
	border-radius: 6px;
	opacity: 0; /* Hide initially */
}


  .care.show {
    animation: slideInFromBottom 0.5s forwards;
}




.care > .product-block{
	border: solid thin transparent;
	width: 290px;
	height: 300px;
	margin: 4px auto;   	
    /* background-color: #23c4e054;	*/
    background-color: #085be596;	 
	border-radius: 8px;
}

 span.add_description h5 {
    text-align: center;
	color: white;	  
}



 @media (max-width: 767px) {
	 
 .products-main h1 { 
	 padding: 45px 0px; 
  }
  
  .products-main h2 { 
	text-align: center;
  }
  
  .products-main {
    margin-top: -12px;
    height: 316px;
  }
}