/*Setting Basic Dimensions to give  
    gallery view */
.container { 
   margin: 0 auto; 
   width: 90%; 
} 
 
.main_view { 
   width: 80%; 
   height: 25rem; 
} 
 
.main_view img { 
   width: 100%; 
   height: 100%; 
   object-fit: cover; 
} 
 
.side_view { 
   display: flex; 
   justify-content: center; 
   flex-wrap: wrap; 
} 
 
.side_view img { 
   width: 9rem; 
   height: 7rem; 
   object-fit: cover; 
   cursor: pointer; 
   margin: 0.5rem; 
}
 
       
       ul.imagelist {
         margin: 0;
         padding: 0;
         white-space: nowrap;
         width: 900px;
         overflow-x: auto;
       }
       
       ul.imagelist li {
         display: inline-block;
         width: 150px;
         height: 150px;
       }


.product_image
 {
    max-height: 300px;
    max-width: 100%
 }

 .cart
 {
    max-height: 50px;;
    max-width: 100%
 }

 .refresh
 {
    max-height: 50px;
    max-width: 100%
 }

 .display_inline
 {
   display: inline-block;;
 }

 .product_image_small
 {
    max-height: 140px;;
    max-width: 100%

 }

 .alt_products
 {
  border: 1px solid #f2f3f4 ;
  padding: 4px;
  max-width: 150px;
  display: inline-block;

 }


 .price-text {
   font-size: 20px;
   color: rgba(48, 56, 65, 1);
   font-weight: 700;
 }
 .price-group {
   font-size: 32px;
   color: rgba(48, 56, 65, 1);
   font-weight: 700;
 }

 .link_button
 {
  text-decoration: none;
  color: black;
  font-weight: bold;

 }

 .main_product
 {
   max-width: 100%;
   border: 1px solid #f2f3f4 ;
   padding: 5px;

 }