/* styles for front*/
.gpress-block-price {
  margin-bottom: 20px;
  padding: 12px 12px;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
  color:  inherit;
  border-bottom: 1px dashed #ceced1;
  font-size: inherit;
}

.gpress-block-price p {
  margin: 0
}

.gp-block-num {
  margin-left: auto;
  font-weight: bold;
  color:  inherit;
}

@media only screen and (max-width:1100px) {
  .gpress-block-price {
    font-size: 16px
  }

  .gpress-block-price p {
    flex-basis: 75%
  }
}

@media only screen and (max-width:700px) {
  .gpress-block-price {
    font-size: 15px;
    padding: 12px 0
  }
}

@media only screen and (max-width:414px) {
  .gpress-block-price p {
    flex-basis: 65%
  }
}

@media only screen and (max-width:375px) {
  .gpress-block-price p {
    flex-basis: 55%;
    font-size: 14px
  }

  .gp-block-num {
    font-size: 14px
  }
}