/* Largest devices such as desktops (1280px and up) */
@media only screen and (max-width: 1280px) {
    section.what-our-clients-say .results .card h5 {
        font-size: 46px;
    }
}
@media only screen and (max-width: 992px) {}
@media only screen and (max-width: 768px) {
    html, body {
        font-size: 16px;
    }
    .container {
        padding: 0 30px;
    }
    header {
        padding: 10px 0;
    }
    header .logo {
        max-width: none;
        margin-top: 6px;
        justify-self: center;
    }
    header .logo img {
        max-width: 180px;
    }
    header .logo img.partner-logo {
        max-width: none;
        max-height: 32px;
    }
    header nav .btn {
        font-size: 12px;
        padding: 5px 18px;
    }
    .container-banner {
        padding: 0;
    }
    .page {
        margin-top: 104px;
    }
    section.banner::before {
        display: none;
    }
    section.banner {
        padding: 0;
        margin: 0;
        background: transparent;
    }
    section.banner picture img {
        width: 100%;
        height: auto;
        position: relative;
    }
    section.banner .content {
        width: 100%;
        display: inline-block;
        padding: 40px 20px 0;
        background: none;
    }
    section.banner .content h1 {
        color: var(--Black);
        text-align: center;
        font-size: 36px;
        font-style: normal;
        line-height: 100%;
        letter-spacing: 0.36px;
        text-shadow: none;
    }
    section.banner .content p {
        color: var(--Black);
        text-align: center;
        font-size: 16px;
        line-height: 140%;
        font-weight: 400;
        margin-top: 15px;
        margin-bottom: 40px;
    }
    section.banner .content form {
        width: 100%;
        display: block;
        margin: 0 auto;
        padding-bottom: 40px;
        background: url(../images/divisor.svg) center bottom no-repeat;
    }
    section.banner .content form .form-control {
        margin-bottom: 10px;
        font-size: 16px;
    }
    section.banner .content form .form-floating>label {
        opacity: 0.8;
        font-size: 16px;
    }
    section.banner .content form button.btn {
        margin: 0;
    }
    section.banner .content .let-us-help {
        text-align: center;
    }
    section.banner .content .let-us-help h6,
    section.banner .content .let-us-help p,
    section.banner .content .let-us-help p a {
        color: var(--Black);
    }
    section.banner .content .let-us-help p a.book-an-appointment-link {
        clear: both;
        display: block;
        margin: 10px 0 0;
    }
    section.trusted-by-leading-contractors {
        padding: 10px 0 20px;
    }
    section.trusted-by-leading-contractors h2 {
        margin-bottom: 30px;
    }
    section.trusted-by-leading-contractors ul {
        width: auto;
        padding: 0 20px;
    }
    section.trusted-by-leading-contractors ul li {
        width: 33.33%;
        height: auto;
        margin-bottom: 20px;
    }
    section.why-chose-project-quote-pro {
        padding: 40px 0;
        background-color: #DDE3E5;
    }
    h2.section-title {
        font-size: 28px;
        line-height: 120%;
    }
    h3.section-subtitle {
        font-size: 14px;
    }
    section.why-chose-project-quote-pro h2 {
        margin-bottom: 30px;
    }
    section.why-chose-project-quote-pro h4 {
        font-size: 17px;
    }
    section.why-chose-project-quote-pro img {
        border-radius: 8px;
    }
    section.why-chose-project-quote-pro .block {
        margin-bottom: 35px;
    }
    section.built-for-pros-like-you {
        padding: 50px 0;
    }
    section.built-for-pros-like-you ul {
        width: auto;
        padding: 0;
        margin: 0;
    }
    section.built-for-pros-like-you ul li {
        width: 33%;
        height: auto;
        padding: 0 10px;
        margin-bottom: 25px;
    }
    section.built-for-pros-like-you ul li img {
        max-width: 70px;
    }
    section.built-for-pros-like-you ul li span {
        font-size: 16px;
        display: inline-block;
    }
    section.what-our-clients-say {
        padding: 40px 0 20px;
    }
    section.what-our-clients-say .testimonial {
        margin-top: 20px;
    }
    section.what-our-clients-say .testimonial-text {
        font-size: 28px;
        line-height: 120%;
        margin-bottom: 20px;
    }
    section.what-our-clients-say .testimonial-photo {
        max-width: 70px;
    }
    section.what-our-clients-say .testimonial-name {
        font-size: 16px;
        line-height: 120%;
        margin-top: 8px;
    }
    section.what-our-clients-say .testimonial-logo {
        max-width: 80px;
    }
    section.what-our-clients-say .results {
        margin-top: 50px;
    }
    section.what-our-clients-say .results .card {
        margin-bottom: 20px;
    }
    section.what-our-clients-say .results .card .card-body {
        padding: 32px;
    }
    section.what-our-clients-say .results .card h5 {
        font-size: 44px;
        line-height: 100%;
    }
    section.what-our-clients-say .results .card p {
        font-size: 16px;
        line-height: 120%;
    }
    section.signup {
        padding: 40px 0;
        background: transparent;
    }
    section.signup h2.section-title {
        margin-bottom: 40px;
    }
    section.banner .form-check label {
        color: var(--Black);
    }
    section.banner .form-check label a {
        color: var(--Black);
    }
}
@media only screen and (max-width: 400px) {}