@media only screen and (max-width: 1920px) and (min-width: 1500px) {
    .container {
        max-width: 1315px;
    }
}

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

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

@media only screen and (max-width: 1366px) {
    html {
        font-size: 15px;
    }
}

@media (max-width: 1199.98px) {
    html {
        font-size: 14px;
    }
}

@media (max-width: 991.98px) {
    html {
        font-size: 13px;
    }

    .familyBox p {
        padding: 0;
        font-size: 1rem;
    }

    .familyBox h2 {
        font-size: 1.375rem;
    }

    .heading {
        font-size: 2.5rem;
    }

    .serveContent p {
        font-size: 1.125rem;
    }

    .testiImg figure .testiSecnd {
        left: -90px;
    }

    .testiImg figure .circle2 {
        bottom: -150px;
        right: 20px;
    }

    .testiImg figure .testiSecnd img {
        width: 200px;
    }

    .testiImg figure .circle1 {
        width: 150px;
        height: 150px;
        top: -60px;
    }
}

@media (max-width: 767.98px) {
    html {
        font-size: 12px;
    }

    .slideContent h2 {
        font-size: 3.5rem;
    }

    .slideContent h6 {
        font-size: 1.75rem;
    }

    footer {
        text-align: center;
        padding-top: 40rem;
        margin-top: -30rem;
    }

    .quickList .d-flex {
        align-items: center;
        justify-content: center;
    }

    .calFoter a {
        justify-content: center;
    }

    .copyRight {
        margin: 2rem 0 0;
        padding: 0;
    }

    .copyRight p {
        margin: 0;
    }

    .calFoter a + a {
        margin: 1rem 0 0;
    }

    .testiImg figure .circle1 {
        width: 100px;
        height: 100px;
        left: 80px;
        top: 0;
    }

    .testiImg figure > img {
        width: 300px;
        height: 300px;
        object-fit: cover;
    }

    .testiImg figure .testiSecnd {
        left: 30px;
        bottom: -70px;
    }

    .testiImg figure .circle2 {
        bottom: -20px;
        right: 100px;
    }

    .reviewContent figure img {
        width: 100px;
    }

    .user img {
        width: 150px;
        height: 150px;
        object-fit: cover;
        border-radius: 100%;
    }

    .reviewSlider {
        margin-top: 5rem;
    }
}

@media (max-width: 575.98px) {
    header {
        background: #Fff9 !important;
    }

    .testiImg figure .circle1 {
        left: 0;
    }

    .testiImg figure .testiSecnd {
        left: 0;
    }

    .testiImg figure .circle2 {
        right: 0;
        bottom: -60px;
    }
}

@media (max-width: 320.98px) {
}