/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/header/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
.yourstore-header {
  position: relative;
  z-index: 3;
}

.yourstore-header .wp-block-create-block-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.yourstore-header .wp-block-create-block-wrap > .yourstore-header-column {
  flex-basis: 0;
  flex-grow: 1;
  width: calc(25% - 15px);
  align-self: center;
}

.yourstore-header .yourstore-btn-ads,
.yourstore-header .yourstore-header-contact {
  margin: 0 auto;
}

@media (max-width: 1150px) {
  .yourstore-header .wp-block-create-block-wrap > .yourstore-header-column:nth-of-type(2) {
    display: none;
  }
}
@media (max-width: 1000px) {
  .yourstore-header .wp-block-create-block-wrap > .yourstore-header-column {
    flex-basis: unset;
    width: calc(50% - 10px);
  }
  .yourstore-header .wp-block-create-block-wrap > .yourstore-header-column:nth-of-type(1) {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .yourstore-header .wp-block-create-block-wrap > .yourstore-header-column {
    flex-basis: unset;
    width: calc(50% - 10px);
  }
  .yourstore-header .wp-block-create-block-wrap {
    gap: 10px;
  }
  .yourstore-header .wp-block-create-block-wrap > .yourstore-header-column:nth-of-type(4) {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
@media (max-width: 400px) {
  .yourstore-header .wp-block-create-block-wrap > .yourstore-header-column {
    width: 100%;
  }
}

/*# sourceMappingURL=style-index.css.map*/