@media only screen and (max-width: 1399px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1280px;
    }

    .trust-grid {
        --trust-card-w: 280px;
    }

    .section-heading h2,
    .about-content h2,
    .trust-copy h2,
    .story-intro h2,
    .faq-side h2 {

        font-size: 45px;
    }

    .site-footer .row>[class*="col-"] {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
}

@media screen and (max-width: 1280px) and (max-height: 800px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1200px;
    }

    .site-header .navbar::before {
        inset: 0 0 0 30%;
    }

    .navbar-brand {
        width: 330px;
    }

    .navbar .nav-link {
        font-size: 11px;
        padding: 15px 5px;
    }

    .site-header .navbar {
        min-height: 70px;
    }

    .header-btn {
        min-height: 30px;
        padding: 8px 18px;
    }

    .about-machine {
        width: 230px;
    }

    .trust-grid {
        --trust-card-w: 260px;
    }

    .cta-band {
        width: 80%;
    }

    .section-heading h2,
    .about-content h2,
    .trust-copy h2,
    .story-intro h2,
    .faq-side h2 {
        font-size: 40px;
    }

    .blog-card h3 {
        font-size: 18px;
        bottom: 60px;
    }

    .blog-card p {

        font-size: 12px;
    }

    .footer-about p {
        font-size: 13px;
    }

    .site-footer .row {
        column-gap: 15px;
    }

    .site-footer h3 {
        margin: 0 0 20px;
        font-size: 16px;
    }

    .footer-logo {
        margin-bottom: 14px;
    }

    .site-footer li {
        margin-bottom: 13px;
        font-size: 12px;
    }

    .footer-bottom p {
        font-size: 13px;
    }

    .floating-action {
        width: 35px;
        height: 35px;
        font-size: 15px;
    }

    .floating-actions {
        right: 5px;
        bottom: 34px;
        gap: 4px;
    }

    .footer-bottom .container {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 1024px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 950px;
    }




}

@media (max-width: 991px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 950px;
    }








}

@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1410px;
    }

}

@media (min-width: 1700px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1550px;
    }


}


@media (min-width: 1920px) {    
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1700px;
    }
}