@media (min-width: 1201px) and (max-width: 1400px) {
  .button {
    padding: 1rem 2.5rem;
    font-size: 17px;
  }
  .heading-1 {
    font-size: 50px;
  }
  header .navbar-brand {
    width: 250px;
  }
  header .navbar-nav .nav-link {
    padding: 0.5rem 0.7rem !important;
    font-size: 15px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .px-l {
    padding: 0 2rem;
  }
  .py-xl {
    padding: 5rem 0;
  }
  .mx-l {
    margin: 0 4rem;
  }
  .button {
    padding: 1rem 2.5rem;
    font-size: 17px;
  }
  .heading-1 {
    font-size: 45px;
  }
  .heading-3 {
    font-size: 32px;
  }
  .primary-text {
    font-size: 22px;
  }
  header .navbar-brand {
    width: 220px;
  }
  header .navbar-nav .nav-link {
    padding: 0.5rem 0.7rem !important;
    font-size: 15px;
  }
  .section-appraoch-warranties .col-12 {
    padding: 2rem 0 !important;
  }
  .promise img,
  .payment img {
    height: 90px;
  }
  footer {
    padding: 5rem 0 !important;
  }
  footer .secondary-text {
    font-size: 16px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .px-l {
    padding: 0 2rem;
  }
  .py-xl {
    padding: 5rem 0;
  }
  .mx-l {
    margin: 0rem;
  }
  .button {
    padding: 0.8rem 1.5rem;
    font-size: 16px;
  }
  .heading-1 {
    font-size: 45px;
  }
  .heading-2 {
    font-size: 38px;
  }
  .heading-3 {
    font-size: 26px;
  }
  .primary-text {
    font-size: 20px;
  }
  header .navbar-brand {
    width: 250px;
  }
  header .navbar-nav .nav-link {
    padding: 0.5rem 0.7rem !important;
    font-size: 15px;
  }
  .experience-content {
    margin-bottom: 2rem;
  }
  section .img-container {
    padding-top: 90vh !important;
  }
  .section-appraoch-warranties .col-12 {
    padding: 2rem 0 !important;
  }
  .promise img,
  .payment img {
    height: 70px;
  }
  footer {
    padding: 5rem 0 !important;
  }
  footer .secondary-text {
    font-size: 15px;
  }
  .footer-detail {
    padding: 0 !important;
  }
  footer .primary-text {
    font-size: 18px;
  }
  .bottom-row ul li {
    padding: 0 0.5rem;
  }
}
@media (min-width: 577px) and (max-width: 767px) {
  .px-l {
    padding: 0;
  }
  .py-xl {
    padding: 5rem 0;
  }
  .mx-l {
    margin: 0 2rem;
  }
  .button {
    padding: 0.8rem 2rem;
    font-size: 16px;
  }
  .heading-1 {
    font-size: 40px;
  }
  .heading-2 {
    font-size: 35px;
  }
  .heading-3 {
    font-size: 30px;
  }
  .primary-text {
    font-size: 20px;
  }
  .secondary-text {
    font-size: 18px;
  }
  header {
    padding-bottom: 1rem !important;
  }
  header .navbar-brand {
    width: 250px;
  }
  header .navbar-nav .nav-link {
    padding: 0.5rem 0.7rem !important;
    font-size: 15px;
  }
  .bottom-row ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  section .img-container {
    padding-top: 65vh !important;
  }
  .promise,
  .payment {
    margin-bottom: 2rem;
  }
  .promise img,
  .payment img {
    height: 90px;
  }
  .payment h3 br {
    display: none;
  }
  .experience-content {
    margin-bottom: 2rem;
  }
  .section-effortless {
    padding: 0;
  }
  .section-effortless .row {
    flex-direction: column-reverse;
  }
  .section-appraoch-warranties .col-12 {
    padding: 2rem;
  }
  .section-contractor .col-lg-6:last-child {
    padding: 0 !important;
  }
  footer {
    padding: 5rem 0 !important;
  }
  .footer-content {
    margin-bottom: 2rem;
  }
}
@media (min-width: 300px) and (max-width: 576px) {
  .button {
    padding: 0.5rem 1.5rem;
    font-size: 16px;
  }
  .px-l {
    padding: 0;
  }
  .py-l {
    padding: 3rem 0;
  }
  .py-xl {
    padding: 4rem 0;
  }
  .p-5 {
    padding: 0rem !important;
  }
  .my-lg {
    margin: 3rem 0;
  }
  .mb-s {
    margin-bottom: 1rem;
  }
  .my-s {
    margin: 1rem 0;
  }
  .mx-l {
    margin: 0;
  }
  header {
    padding-bottom: 1rem !important;
  }
  header .navbar-brand {
    width: 250px;
  }
  header .navbar-nav .nav-link {
    padding: 0.5rem 0rem !important;
  }
  .heading-1 {
    font-size: 35px;
  }
  .heading-2 {
    font-size: 30px;
  }
  .heading-3 {
    font-size: 26px;
  }
  .primary-text {
    font-size: 18px;
  }
  .secondary-text {
    font-size: 17px;
  }
  section .img-container {
    padding-top: 40vh !important;
  }
  .section-content {
    margin-bottom: 3rem;
  }
  .bottom-row ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  .promise,
  .payment {
    margin-bottom: 2rem;
  }
  .promise img,
  .payment img {
    height: 70px;
  }
  .experience-content {
    margin-bottom: 2rem;
  }
  .section-effortless .row {
    flex-direction: column-reverse;
  }
  .section-appraoch-warranties .col-12 {
    padding: 0 2rem;
  }
  .section-contractor .col-lg-6:last-child {
    padding: 0 !important;
  }
  .footer-content {
    margin-bottom: 2rem;
  }
}