@media screen and (max-width: 480px) {
  .pop {
    width: 90%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .main-header {
    padding: 15px 0px;
  }

  .lp-banner .lp-banner-content h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 39px;
  }

  .lp-banner .lp-banner-content h2 {
    font-size: 30px;
    font-weight: 800;
    line-height: 39px;
    margin: 4px 0px;
  }

  .lp-banner .lp-banner-content p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
  }

  .lp-banner-images {
    justify-content: center;
    gap: 31px;
    margin-top: 23px;
    margin-bottom: 25px;
  }

  .lp-banner-form-wrapper .lp-banner-form {
    background-color: #fff;
    padding: 10px;
  }

  .flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 1px 4px !important;
    width: 44px !important;
    height: 74px !important;
    font-size: 80px !important;
    font-weight: bold !important;
    line-height: 81px !important;
    border-radius: 6px !important;
    background: #000 !important;
  }

  .flip-clock-wrapper ul li a div div.inn {
    font-size: 39px !important;
  }

  .flip-clock-divider.minutes .flip-clock-label {
    right: -70px !important;
  }

  .flip-clock-divider .flip-clock-label {
    right: -67px !important;
  }

  .lp-banner-form input {
    padding: 9px 7px;
    font-size: 14px;
    font-family: "Rubik";
  }

  .lp-banner-form textarea {
    padding: 9px 7px;
    font-size: 14px;
    font-family: "Rubik";
  }

  .lp-banner-form .form-uppr-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 9px;
  }

  .lp-banner {
    padding: 50px 0px;
  }

  .why-ghost-write .category-card p {
    font-size: 11px;
    font-weight: 500;
    line-height: 27px;
  }

  .why-ghost-write .category-card {
    padding: 9px;
  }

  .why-ghost-head h2 {
    font-size: 30px !important;
    line-height: 39px !important;
  }

  .why-ghost-head p {
    font-size: 16px;
    background: #0000009c;
    padding: 17px;
    color: #fff;
    font-weight: 500;
  }

  .why-ghost-write {
    padding: revert;
  }

  .why-ghost-write .category-card img {
    height: 38px;
  }

  .top-quality-banner {
    padding: 50px 0px;
  }

  .top-quality-banner-content h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 15px;
  }

  .standards-tabs {
    padding: 50px 0px;
  }

  .limited-books .limited-book-head h2 {
    font-size: 23px;
    line-height: 34px;
  }

  .tab-content-wrapper .right-content p {
    font-size: 16px;
    line-height: 24px;
  }

  .limited-books {
    padding: revert;
  }

  .limited-books .limited-book-head p {
    font-size: 16px;
    line-height: 26px;
    margin: revert;
  }

  .should-ghostwrite .should-ghostwrite-head h2 {
    color: #fff;
    text-align: center;
    font-family: Inter;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 42px;
  }

  .should-ghostwrite {
    padding: 50px 0px;
    margin-top: 19px;
  }

  .review-wrap .review-content-wrap h2 {
    font-size: 30px;
    line-height: 38px;
  }

  .client-reviews {
    padding: 50px 0px;
    background: #f4f4f4;
  }

  .sec-toper .succ-cont h6 {
    font-size: 30px;
    line-height: 40px;
  }

  .sec-toper .succ-cont h6 span {
    font-size: 30px;
    line-height: 40px;
  }

  .sec-toper {
    margin-top: 3rem;
  }

  .sec-toper .succ-cont p {
    font-size: 17px;
    line-height: 26px;
    margin: 15px 0;
  }

  .accordion button {
    padding: 10px 53px 10px 15px;
  }

  .quote-form .black-por h2 {
    font-size: 30px;
    line-height: 40px;
  }

  .quote-form .black-por p {
    font-size: 16px;
  }

  .quote-form .req-quote-form h2 {
    font-size: 30px;
  }

  .quote-form .req-quote-form {
    background: #f4f4f4;
    padding: 10px;
  }

  .footer-info {
    text-align: center !important;
  }

  .middle-form-wrap h3 {
    font-size: 17px;
  }

  .middle-form-wrap p {
    font-size: 16px;
    line-height: 16px;
    margin: 10px 0px;
  }

  .modal-open .modal {
    overflow-x: hidden;
    background: black;
    overflow-y: auto;
    z-index: 999999999999999999999999999999999999999999999999;
  }
  .lp-banner-form .form-uppr-wrap {
    display: block;

    justify-content: space-between;
    align-items: center;
    gap: 9px;
  }
  .pop {
    width: 60%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9999;
  }

  .limited-books .limited-book-head h2 {
    color: #000;
    font-size: 37px;
  }

  .limited-books {
    padding: revert;
  }

  .standards-tabs {
    padding: 50px 0px;
  }

  .main-header {
    padding: 15px 0px;
  }

  .lp-banner-images {
    justify-content: center;
    gap: 31px;
    margin-top: 23px;
    margin-bottom: 25px;
  }

  .lp-banner-form textarea {
    padding: 9px 7px;
    font-size: 14px;
    font-family: "Rubik";
  }

  .lp-banner-form input {
    padding: 9px 7px;
    font-size: 14px;
    font-family: "Rubik";
  }

  .lp-banner-form .clock {
    margin: 2em 1em;
    justify-content: center;
    text-align: center;
    display: flex;
  }

  .lp-banner {
    padding: 49px 0px;
  }

  .why-ghost-head h2 {
    font-size: 30px !important;
    line-height: 39px !important;
  }

  .why-ghost-head p {
    font-size: 16px;
    background: #0000009c;
    padding: 17px;
    color: #fff;
    font-weight: 500;
  }

  .why-ghost-write {
    padding: revert;
  }

  .lp-banner-form .form-uppr-wrap {
    display: block;

    justify-content: space-between;
    align-items: center;
    gap: 9px;
  }
  .pop {
    width: 60%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1024px) {
  .modal-open .modal {
    overflow-x: hidden;
    background: black;
    overflow-y: auto;
    z-index: 999999999999999999999999999999999999999999999999;
  }

  .main-header {
    padding: 15px 0px;
  }

  .flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 1px 4px !important;
    width: 44px !important;
    height: 74px !important;
    font-size: 80px !important;
    font-weight: bold !important;
    line-height: 81px !important;
    border-radius: 6px !important;
    background: #000 !important;
  }

  .flip-clock-wrapper ul li a div div.inn {
    font-size: 39px !important;
  }

  .flip-clock-divider.minutes .flip-clock-label {
    right: -70px !important;
  }

  .flip-clock-divider .flip-clock-label {
    right: -67px !important;
  }

  .lp-banner-form .form-uppr-wrap {
    display: block;

    justify-content: space-between;
    align-items: center;
    gap: 9px;
  }
  .pop {
    width: 60%;
    margin: 0 auto;
  }
  .lp-banner-form input {
    padding: 9px 7px;
    font-size: 14px;
    font-family: "Rubik";
  }

  .lp-banner-form textarea {
    padding: 9px 7px;
    font-size: 14px;
    font-family: "Rubik";
  }

  .lp-banner .lp-banner-content h2 {
    font-size: 30px !important;
    font-weight: 800;
    line-height: 39px;
    margin: 4px 0px;
  }

  .lp-banner .lp-banner-content p {
    font-size: 16px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 27px;
  }

  .lp-banner-images {
    justify-content: center !important;
    gap: 31px !important;
    margin-top: 23px;
    margin-bottom: 25px;
  }

  .why-ghost-head h2 {
    font-size: 40px;
    line-height: 49px;
  }

  .why-ghost-head p {
    font-size: 16px;
    background: #0000009c;
    padding: 17px;
    color: #fff;
    font-weight: 500;
  }

  .why-ghost-write {
    padding: revert;
  }

  .why-ghost-write .category-card p {
    font-size: 11px;
    font-weight: 500;
    line-height: 27px;
  }

  .why-ghost-write .category-card {
    padding: 9px;
  }
}