@media (max-width: 1024px) {
  .sc-02-contain {
    padding: 60px;
  }
  .sc-02-contain p {
    font-size: 20px;
  }
  .sc-03 p {
    font-size: 24px;
  }
  .sc-04 p {
    font-size: 28px;
  }
}

@media (max-width: 959px) {
  .sc-03 img.flower-right {
    width: 80px;
  }
}

@media (max-width: 800px) {
  .sc-02-contain {
    padding: 40px;
  }
  .sc-02-contain p {
    font-size: 20px;
  }
  .sc-03 p {
    font-size: 22px;
  }
  .sc-padding {
    padding: 40px 0;
  }
  .sc-04 p {
    font-size: 24px;
  }
}

@media (max-width: 768px) {
  .sc-02-contain {
    padding: 40px;
  }
  .sc-02-contain p {
    font-size: 20px;
  }
  .sc-03 p {
    font-size: 20px;
  }
  .sc-04 img.wall-right {
    width: 16px;
  }
  .sc-04 img.wall-left {
    width: 16px;
  }
  .sc-04 p {
    font-size: 22px;
  }
  .sc-03 img.flower-right {
    width: 80px;
  }
}

@media (max-width: 568px) {
  .flower-right-large {
    width: 36px;
    top: 100px;
  }
  .sc-04 img.wall-right {
    width: 8px;
  }
  .sc-04 img.wall-left {
    width: 8px;
  }
  .sc-03 img.flower-right {
    width: 20px;
  }

  footer h2 {
    font-size: 16px;
    margin: 20px 0;
    line-height: 20px;
  }
  footer h3 {
    font-size: 14px;
    color: #ff5151;
  }

  .img-flower-left {
    position: absolute;
    bottom: 12px;
    width: 60px;
    left: 10px;
  }
  .modal-header,
  .modal-body {
    padding: 20px 16px;
  }
  .product .title {
    margin-top: 16px;
    font-size: 16px;
  }
  .product {
    padding: 20px 20px 60px 20px;
  }
}

@media (max-width: 480px) {
  .sc-padding {
    padding: 40px 0;
  }
  .sc-02 {
    margin-top: -20px;
  }
  .sc-04 p {
    font-size: 18px;
  }
  .sc-02-contain {
    padding: 40px 16px;
  }
  .sc-02-contain p {
    font-size: 16px;
    margin: 20px 0;
  }
  .sc-03 p {
    font-size: 16px;
  }
}

@media (max-width: 320px) {
  .sc-padding {
    padding: 20px 0;
  }
  .sc-02-contain {
    padding: 20px 12px;
  }
  .sc-02-contain p {
    font-size: 14px;
  }
  .sc-04 p {
    font-size: 16px;
  }
}