@media (max-width: 1399.98px) { 
    .ringswhite{
        background-position: 136% -264px;
    }

    .contactpage{
        background-position: 205% -82px;
    }
}

@media (max-width: 1199.98px) { 
    .numb{
        font-size: 13rem;
    }
    .circlemember, .readbiohover{
        height: 270px;
        width: 270px;
    }

    .contactpage{
        background-position: 205% -82px;
    }

    .ringswhite {
        background-position: 157% -264px;
    }

    .boxeshome .box{
        padding: 35px 40px;
    }

    .contactpage{
        background-position: 163% 77px;
        background-size: 710px;
    }


    
}

@media (max-width: 991.98px) { 
    .fcirclem{
        flex: 0 0 50%;
        margin-top: 20px;
    }
    .ringswhite {
        background-position: 102% 62px;
        background-size: 269px;
    }
    .contactpage{
        background-position: 246% 77px;
        background-size: 710px;   
    }
    section{
        padding: 50px 0;
    }
    #bgservice{
        clip-path: circle(68% at right);
        width: 300px;
    }
    .containergrid{
        display: block;
        height: auto;
        padding-bottom: 50px;
    }
    .title-and-text{
        width: 100%;
        display: block;
    }
    .box1, .box2, .box3, .box4{
        height: unset;
    }
    .box2{
        margin-top: 0;
    }
    .half-lb-bg::after{
        height: 130px;
    }

    .circleopened{
        clip-path: none;
        overflow: auto;
        font-size: .8rem;
        padding: 20px;
    }


}

@media (max-width: 810.98px) {
    .menu-item{
        font-size: .85rem;
    }
}


@media (max-width: 767.98px) { 

    .onthispage{
        top: 83px;
    }

    .numb{
        font-size: 12rem;
    }
    .boxeshome .box{
        padding: 30px;
    }
    .circlemember, .readbiohover{
        height: 220px;
        width: 220px;
    }
    #bgservice{
        background-image: none !important;
    }

    .contactpage{
        background-image: none;
    }

    .last_block .text-right{
        text-align: left !important;
        margin-top: 30px;
    }
    
}

@media (max-width: 575.98px) {
    .circlemember, .readbiohover{
        height: 150px;
        width: 150px;
    }
    #box1, #box2, #box3, #box4{
        width: 350px;
        height: 350px;
    }
    .ringswhite {
        background-position: 146% 83px;
        background-size: 269px;
    }

    .cta{
        font-size: .85rem;
        padding: 10px !important;
        min-width: 87px;
    }

    .onthispage{
        top: 0;
        position: relative;
    }

    .title-and-text h1, .lb-bg h1, .lightblue-bg h1{
        font-size: 2rem;
    }

    .title-and-text p, .lb-bg .cont, .blogarea .blog_desc{
        font-size: .8rem;
    }


}



@media (max-width: 460px) {

    .cta.btn{
        font-size: .8rem;
        line-height: .7rem;
    }

    .newloan h4{
        font-size: .8rem;
        max-width: 90%;
    }

    #box1, #box2, #box3, #box4{
        width: 270px;
        height: 270px;
        min-height: 270px;
        max-height: 270px;
    }
    .boxteam h2{
        font-size: 1.2rem;
    }

    .cta{
        font-size: .7rem;
        padding: 10px 5px !important;
        display: block;
    }

    .contcta{
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

}