@media only screen and (min-width: 768px) {
  .effect-box-text {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows .4s ease, opacity .3s ease;
  }

  .effect-box-text > div {
      overflow: hidden;
  }

  .effect-box:hover .effect-box-text {
      grid-template-rows: 1fr;
      opacity: 1;
  }
}
@media screen and (max-width: 1640px) {
  .mega-menu-c {
    --width: calc(100% - 60px) !important;
  }
  .actions-c {
    --width: 60px !important;
  }
  .mega-menu-c .mega-menu {
    --n-menu-title-font-size: 15px !important;
  }
}

@media screen and (max-width: 1440px) {
  .mega-menu-c .mega-menu {
    --n-menu-title-font-size: 14px !important;
    --n-menu-title-padding: 15px 10px 15px 10px !important;
  }
}

@media screen and (max-width: 1366px) {
  body {
    overflow-x: hidden;
  }
  .mega-menu-c .mega-menu {
    --n-menu-title-font-size: 13px !important;
    --n-menu-title-padding: 14px 5px 14px 5px !important;
  }
}

@media screen and (max-width: 1280px) {
  .mega-menu-c .mega-menu {
    --n-menu-title-font-size: 12px !important;
    --n-menu-title-padding: 13px 4px 13px 4px !important;
  }
}
@media screen and (max-width: 1024px) {
    .woocommerce-breadcrumb-custom {
        padding: 12px 20px;
    }
}
@media screen and (max-width: 767px) {
  .actions-c {
    --width: 100px !important;
  }
    .custom-upload-button {
        padding: 10px 20px;
        font-size: 14px;
        display: inline;
    }
    .custom-upload-wrapper {
        display: block;
        width: 100%;
    }
    .woocommerce-breadcrumb-custom {
        padding: 10px 20px;
    }
}