/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/products/page.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
@media screen and  (max-width: 989px) {
  .content {
    padding-left: 24px;
    padding-right: 24px;
  }
  .products-wrapper {
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding: 0px !important;
  }
  .cells-wrapper {
    width: 100%;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    padding: 0px !important;
  }
  .cell {
    padding: 24px;
  }
  .cell-img {
    height: auto;
    width: 100%;
    object-fit: contain;
  }
}
@media screen and (min-width: 990px) and (max-width: 1199px) {
  .content {
    padding-left: 24px;
    padding-right: 24px;
  }
  .products-wrapper {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0px !important;
  }
  .cells-wrapper {
    width: 100%;
    padding: 0px !important;
  }
  .cell {
    padding-left: 24px;
    padding-right: 24px;
  }
  .cell-img {
    height: auto;
    width: 100%;
    object-fit: contain;
  }
}
@media screen and (min-width: 1200px) {
  .content {
    max-width: 936px;
  }
  .products-wrapper {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: 0 !important;
  }
  .cells-wrapper {
    width: 70%;
    padding: 32px !important;
  }
  .cell {
    padding: 24px;
  }
  .cell-img {
    height: auto;
    width: 100%;
    object-fit: scale-down;
  }
} 
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/components/header/index.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/

@media screen and  (max-width: 989px) {
     #web-menu {
        display: none;
      }
      
       #mobile-menu {
        display: block;
      }
   
}


@media screen and (min-width: 990px) and (max-width: 1199px) {
     #web-menu {
        display: block;
      }
      
       #mobile-menu {
        display: none;
      }
   
}


@media screen and (min-width: 1200px) {
     #web-menu {
        display: block;
      }
      
       #mobile-menu {
        display: none;
      }
   
}

/*  #web-menu {
  display: block;
}

 #mobile-menu {
  display: none;
} */
/* 
@media (max-width: 990px) {
  #header-menu {
    padding-left: 32px;
    padding-right: 32px;
  }
   #web-menu {
    display: none;
  }

   #mobile-menu {
    display: block;
  }
} */