.box-portfolio-shop {
 
}
 .box-portfolio-shop .card {
  width: calc(100% / 5);
  border: 0px;
 }
  .box-portfolio-shop .card-body {
   padding: 12%;
   aspect-ratio: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: #f8f8f8;
   margin: 10px;
  }
   .box-portfolio-shop .card-body img {
    max-height: 100%;
    object-fit: contain;
    mix-blend-mode: darken;
   }

 /* ---------------------------------------------------**** Mobile and Tablet ****--------------------------------------------------- */
 @media only screen and (min-width: 320px) and (max-width: 1024px) {

 }

 /* ---------------------------------------------------**** Tablet ****--------------------------------------------------- */
 @media only screen and (min-width: 768px) and (max-width: 1024px) {

  /* แนวตั้ง */
  @media only screen and (orientation:portrait){

  }
  /* แนวนอน */
  @media only screen and (orientation:landscape){

  }
 }

 /* ---------------------------------------------------**** Mobile ****--------------------------------------------------- */
 @media only screen and (min-width: 320px) and (max-width: 767px) {
  .box-portfolio-shop .card-body {
   margin: 5px;
  }
 
  /* แนวตั้ง */
  @media only screen and (orientation:portrait){
   .box-portfolio-shop .card {
    width: calc(100% /3);
   }
  }
  /* แนวนอน */
  @media only screen and (orientation:landscape){

  }
 }