/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/page.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
@media screen and  (max-width: 989px) {
  #my-layout-1 {
    flex-direction: column;
  }
  #my-layout-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  #my-layout-3 {
    flex-direction: column;
    flex-direction: column-reverse;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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;
  }
} */