/* line 1, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
.cat-prod-wrap {
  display: flex;
  justify-content: space-between;
}

@media (min-width: 320px) {
  /* line 1, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .cat-prod-wrap {
    flex-wrap: wrap;
  }
}

@media (min-width: 768px) {
  /* line 1, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .cat-prod-wrap {
    flex-wrap: nowrap;
  }
}

/* line 11, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
.cat-prod-wrap .cat-left-side-wrap {
  width: 352px;
}

@media (min-width: 320px) {
  /* line 11, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .cat-prod-wrap .cat-left-side-wrap {
    width: 100%;
    display: none;
  }
}

@media (min-width: 768px) {
  /* line 11, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .cat-prod-wrap .cat-left-side-wrap {
    width: 352px;
    display: block;
  }
}

/* line 23, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
.cat-prod-wrap .cat-right-con-wrap {
  width: calc(100% - 352px);
}

@media (min-width: 320px) {
  /* line 23, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .cat-prod-wrap .cat-right-con-wrap {
    width: 100%;
  }
}

@media (min-width: 768px) {
  /* line 23, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .cat-prod-wrap .cat-right-con-wrap {
    width: calc(100% - 352px);
  }
}

/* line 34, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
.top-header-sec {
  padding-top: 32px;
  padding-bottom: 48px;
}

@media (min-width: 360px) {
  /* line 42, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab {
    margin-bottom: 48px;
  }
  /* line 44, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab .search-block {
    display: flex;
    justify-content: flex-end;
    margin-top: 0px;
    width: 100%;
    flex-direction: row-reverse;
  }
  /* line 50, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab .search-block .search-city {
    border: 1px solid #E1E4E8;
    border-radius: 0px 6px 6px 0px;
    display: none;
  }
  /* line 55, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab .search-block .search-main {
    max-width: 767px;
    width: 100%;
    border: 1px solid #E1E4E8;
  }
}

@media (min-width: 767px) {
  /* line 66, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab {
    max-width: 537px;
    width: 100%;
  }
  /* line 69, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab .search-block {
    display: flex;
    margin-top: 0px;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  /* line 75, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab .search-block .search-main {
    max-width: 390px;
    width: 100%;
  }
  /* line 79, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab .search-block .search-city {
    border-radius: 0px 6px 6px 0px;
    display: inherit;
  }
}

@media (min-width: 991px) {
  /* line 91, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab {
    max-width: 537px;
    width: 100%;
  }
  /* line 94, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab .search-block {
    display: flex;
    margin-top: 0px;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  /* line 100, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab .search-block .search-main {
    max-width: 390px;
    width: 100%;
  }
  /* line 104, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab .search-block .search-city {
    border-radius: 0px 6px 6px 0px;
    display: inherit;
  }
}

@media (min-width: 1199px) {
  /* line 120, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab {
    max-width: 537px;
    width: 100%;
  }
  /* line 123, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab .search-block {
    display: flex;
    margin-top: 0px;
    width: 100%;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  /* line 129, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab .search-block .search-main {
    max-width: 390px;
    width: 100%;
  }
  /* line 133, app/assets/stylesheets/b2c_design/pharmacy_cat_page.scss */
  .header-search.lab .search-block .search-city {
    border-radius: 0px 6px 6px 0px;
    display: inherit;
  }
}