@media only screen and (max-width: 576px) {
    .small-banner {
        padding-top: 10rem;
        display: block;
    }

    .small-banner .inner img {
        width: 100%;
        margin: 0 auto;
        margin-left: 0.8rem;
        margin-top: 3rem;
    }

    .small-banner .inner h1 {
        font-size: 3rem;
        margin-bottom: 1.5rem;
        margin-top: 1rem;
    }

    .banner {
        display: none;
    }

    .trucare {
        width: 100%;
        margin-top: 0rem;
        margin-bottom: 0rem;
    }

    .trucare .inner .left {
        width: 100%;
    }

    .trucare .inner {
        width: 82%;
        margin: 0 auto;
        padding: 2rem 0;
        box-shadow: 0;
    }

    .trucare .inner .right {
        margin-top: 2rem;
    }

    .trucare .right h3 {
        font-size: 2rem;
    }

    .trucare .right h3 span {
        position: relative;
        top: -1rem;
    }

    .trucare .right p {
        text-align: left;
    }

    .trucare .right button {
        margin-left: 33%;
    }

    .card-box {
        display: block;
    }

    .card-box .first {
        width: 100%;
        margin: 0 auto;
        padding: 1rem 1rem;
    }

    .card-box .second {
        width: 100%;
        margin: 0 auto;
        padding: 1rem 1rem;
        margin-top: 1.5rem;
    }

    .trucare .number {
        width: 86.5%;
        margin: 0 auto;
        margin-top: 3rem;
    }

    .trucare .number .box {
        margin-top: 1.5rem;
    }

    .provide .inner {
        width: 82%;
        margin: 0 auto;
    }

    .provide .inner .box {
        margin-top: 1.5rem;
    }

    .reviews .title {
        width: 95%;
    }

    .reviews .inner .box {
        display: block;
        border-bottom: 1px solid #fff;
    }

    .reviews .inner .box p {
        margin-left: 1rem;
    }

    .reviews .inner .box2 {
        width: 100%;
        padding: 1rem;
        padding-left: 2rem;
        border: none;
        display: block;
        position: absolute;
        right: -55%;
        top: 0;
        border-left: 1px solid #fff;
    }

    .reviews .inner .box2 p {
        position: relative;
        left: 0rem;
    }

    .reviews .inner .left .left-top {
        border-bottom: 1px solid #b5bcc9;
        border: none;
    }
    .reviews .inner .left .left-bottom {
        border-bottom: 1px solid #b5bcc9;
        border: none;
    }

    .reviews .inner {
        width: 99%;
        padding-bottom: 5rem;
        padding-top: 0rem;
        margin-top: 3rem;
    }

    .reviews .inner .right {
        width: 95%;
        margin: 0 auto;
        position: relative;
        margin-left: 0rem;
        padding-left: 2rem;
    }

    .reviews .inner .left {
        width: 85%;
        margin: 0 auto;
    }

    .reviews .inner .right img {
        width: 80%;
    }

    .reviews .inner .right .right-index {
        width: 93%;
        border-radius: 0.5rem;
        position: absolute;
        top: 0rem;
        padding: 1rem;
        margin-bottom: 2rem;
    }

    .reviews .inner .right .right-index .r-num {
        margin-left: 1rem;
    }

    .reviews .inner .right img {
        width: 100%;
        position: relative;
        top: 3.3rem;
    }

    .reviews .content-star .box {
        display: flex;
        justify-content: flex-start;
    }

    .reviews .inner .left .left-top {
        position: relative;
        overflow: hidden;
    }

    .reviews .inner .left p {
        font-size: 0.8rem;
    }

    .reviews .inner .left .left-bottom {
        position: relative;
        overflow: hidden;
    }

    .reviews .inner .left .left-top img {
        width: 20%;
    }

    .reviews .inner .left .left-bottom img {
        width: 20%;
    }

    .shedule .inner .left h3 {
        font-size: 2rem;
        margin-top: 1rem;
        margin-bottom: 1.5rem;
    }

    .shedule .timing {
        padding-left: 0;
    }

    .shedule .inner .left {
        width: 100%;
        position: relative;
        right: -0.7rem;
    }

    .shedule .inner img {
        width: 100%;
        position: relative;
        right: -0.7rem;
    }

    .image-slider .inner img {
        width: 50%;
        margin: 0 auto;
        margin-top: 0.5rem;
    }

    .image-slider .inner {
        position: relative;
        left: 0.25rem;
    }

    .gallery .top-img .img {
        margin-bottom: 1.5rem;
    }

    .gallery .bottom-img .img {
        margin-bottom: 1.5rem;
    }

    .testimonial {
        width: 100%;
        background-color: #f6f3ee;
        padding: 2rem 0;
    }

    .testimonial .inner .card {
        padding: 2rem 1rem;
        padding-bottom: 1rem;
        margin-bottom: 1.5rem;
    }
}

@media only screen and (max-width: 430px) {
    .reviews .title h3 {
        color: #fff;
        font-weight: 800;
        font-size: 1.5rem;
    }

    .reviews .inner {
        width: 99%;
        padding-bottom: 8rem;
        margin-top: 1rem;
    }

    .reviews .inner .right img {
        width: 100%;
        position: relative;
        top: 6.2rem;
    }

    .shedule .timing .day h4 {
        font-size: 1rem;
        font-weight: 700;
        color: #284795;
        margin-top: 0.5rem;
    }
    .shedule .timing .day p {
        font-size: 0.8rem;
        margin-top: 0.5rem;
        padding-left: 0.5rem;
        padding-right: 0;
    }
}

/* About us responsive starts here  */

@media only screen and (max-width: 576px) {
    .about-pg-1 .inner {
        width: 98%;
        margin: 0 auto;
        padding: 3rem 0;
    }

    .about-pg-1 .inner .left {
        width: 100%;
    }

    .about-pg-1 .inner .right {
        margin-top: 2rem;
    }

    .about-pg-1 .inner .right h2 {
        font-size: 2rem;
        color: #284795;
        font-weight: 800;
        margin-bottom: 1.5rem;
        margin-top: 1rem;
    }

    .about-pg-2 .number {
        width: 86.5%;
        margin: 0 auto;
        margin-bottom: 3.5rem;
    }

    .about-pg-2 .number .box {
        margin-top: 1.5rem;
    }

    .values .title {
        width: 100%;
        margin: 0 auto;
    }

    .values .inner {
        width: 86.5%;
        margin: 0 auto;
        color: #fff;
    }
}

@media only screen and (max-width: 430px) {
    .about-pg-1 .inner .right h2 {
        font-size: 1.5rem;
        color: #284795;
        font-weight: 800;
        margin-bottom: 1.5rem;
        margin-top: 1rem;
    }

    .about-pg-1 .inner .right p {
        font-size: 1rem;
        margin-bottom: 1.7rem;
        text-align: justify;
    }

    .about-pg-2 .number {
        width: 98%;
        margin: 0 auto;
        margin-bottom: 3.5rem;
    }

    .myaccordion .title h3 {
        font-size: 1.5rem;
        font-weight: 800;
        color: #fff;
    }

    .values .inner {
        width: 98%;
        margin: 0 auto;
        color: #fff;
    }

    .values .title h3 {
        font-size: 1.5rem;
        color: #284795;
        font-weight: 900;
    }
}

/* Service-pages starts here  */

@media only screen and (max-width: 576px) {
    .service-pg-1 .inner {
        width: 98%;
        margin: 0 auto;
        padding: 4rem 0;
    }

    .service-pg-1 .inner .content h2 {
        font-size: 2rem;
        margin-top: 1.5rem;
    }

    .service-pg-3 .inner {
        width: 82%;
        margin: 0 auto;
        padding: 0;
    }

    .service-pg-3 .inner .left img {
        width: 100%;
        border-radius: 0%;
        margin-top: 1rem;
    }

    .service-pg-3 .inner .right {
        width: 100%;
        margin-top: 2rem;
    }

    .service-pg-4 .inner .content h3 {
        width: 99%;
        margin: 0 auto;
        font-size: 2rem;
        margin-top: 2rem;
        line-height: 3rem;
    }
}

@media only screen and (max-width: 500px) {
    .service-pg-2 .inner .content h3 {
        width: 96%;
        margin: 0 auto;
        font-size: 1.6rem;
        margin-top: 4rem;
        font-weight: 700;
        line-height: 3rem;
    }

    .service-pg-3 .inner .right h3 {
        width: 98%;
        margin: 0 auto;
        font-size: 1.6rem;
        color: #284795;
        font-weight: 700;
        margin-bottom: 2rem;
    }

    .faq .title h3 {
        font-size: 1.6rem;
    }

    .faq .inner {
        width: 98%;
        margin: 0 auto;
        padding-top: 2rem;
        padding-bottom: 3rem;
    }
}

@media only screen and (max-width: 433px) {
    .service-pg-1 .inner .content h2 {
        font-size: 1.8rem;
        margin-top: 1.5rem;
    }

    .service-pg-3 .inner {
        width: 98%;
        margin: 0 auto;
        padding: 1rem 0;
    }

    .service-pg-4 .inner .content h3 {
        width: 99%;
        margin: 0 auto;
        font-size: 1.6rem;
        margin-top: 2rem;
        line-height: 2.3rem;
    }

    .service-pg-3 .inner .right h3 {
        font-size: 1.3rem;
        color: #284795;
        font-weight: 700;
        margin-bottom: 2rem;
    }

    .service-pg-4 .inner .content hr {
        background-color: darkblue;
        width: 20%;
        margin: 0 auto;
        height: 4px;
        border: none;
        font-weight: 900;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        z-index: 100;
        position: relative;
    }
    .service-pg-4 .inner .content p {
        width: 98%;
        margin: 0 auto;
        font-size: 1rem;
        text-align: justify;
        padding-left: 1.3rem;
    }
}

/* Contact-part starts here */

@media only screen and (max-width: 630px) {
    .contact-pg-2 .inner .left {
        width: 100%;
        margin-right: 0rem;
        margin-bottom: 4rem;
    }

    #yourname {
        width: 100%;
        display: block;
    }

    #youremail {
        width: 100%;
        display: block;
        margin-left: 0%;
    }

    #yournum {
        width: 100%;
        display: block;
    }

    #selector {
        width: 100%;
        display: inline-block;
        margin-left: 0%;
        margin-top: 0rem;
        margin-bottom: 1.5rem;
    }

    .contact-pg-2 input {
        margin-bottom: 1.5rem;
    }
}

@media only screen and (max-width: 420px) {
    .contact-pg-2 .inner .right h3 {
        font-size: 1.7rem;
        font-weight: 800;
        color: #284795;
        margin-bottom: 1.5rem;
    }

    .contact-pg-1 .title h3 {
        font-size: 1.7rem;
        color: #fff;
        margin-top: 4rem;
        font-weight: 800;
    }

    .reviews .inner .right .right-index {
        width: 100%;
        border-radius: 0.5rem;
        position: absolute;
        top: 0rem;
        left: 0.7rem;
        padding: 0rem;
        margin-bottom: 2rem;
        margin-top: 1rem;
        padding: 1rem 0;
    }
}