.body{
    background-color:#F6F6F6;
    }
    .lawyer-div{
    margin-top:25px;
    overflow:hidden;
    
    }
    .rows{
    padding:8px !important;
    border-radius:10px !important;
    
    }
    .rounded-circle{
    border-radius:50% !important;
    }
    .lawyer-pic{
    height:150px;
    max-height:150px !important;
    width:150px;
    max-width:150px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    overflow:hidden;
    }
    .img{
    height:100%;
    width:100%;
    object-fit:cover;
    }
    .lawyer-name{
    font-Family: Noto Sans, sans-serif;
    font-size:15px !important;
    color:black;
    margin-top: 1px;
    width:120px;
    text-align:center;
    }
    .row-wrapper{
    background-color:white;border-radius:10px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 4px 8px 0px;
    padding:10px;
    padding-right:-20px !important;
    overflow: hidden;
    }
    .btns{
    padding:0px;
    }
    .btns-mobile{
    padding:20px;
    display:none;
    }
    .btn-group{
    padding:10px; 
    width:100%;
    margin-top:10px;
    margin-right:auto;
    margin-left:auto;
    font-size:14px;
    }
    .det-div{
    border-right:1px dashed grey;
    text-align:center;
    padding-left:auto;
    padding-right:auto;
    }
    
    .lawyer-det{
    color:black;
    font-size:15px;
    
    
    }
    #rows >div{
        margin-right:10px;
    
    }
    .ofc{
        background-color:#f6f6f6; 
        border-radius:10px; 
        padding-top:10px !important;
        padding-bottom:10px !important;
            }
    
    @media (max-width:1199px) and (min-width:992px){
    .lawyer-pic{
    height:150px;
    overflow:hidden;
        
    }}
    @media (max-width:991px) and (min-width:768px){
    .lawyer-name{
    font-Family: Noto Sans, sans-serif;
    font-size:18px !important;
    font-weight:bold;
    }
    
    .lawyer-det{
    font-size:15px !important;
    color:black;
    }
    .lawyer-pic{
    
    height:150px;
    overflow:hidden;
    }
    .btn-group{
    width:100%;
    float:left;
    margin-top:5px;
    margin-left:1%;
    font-size:12px !important;
    }
    .btn-group > svg {
        height:20px;
        width:20px;
    }}
    
    @media (max-width:767px) and (min-width:320px){	
    .rows{
        margin-top:-10px !important;
        padding:10px !important;	
    }
    .rows > .row{
    padding:0px !important;
    margin-top:-10px;
    }
    
    .btns{
        display:none;
    }
    .btns-mobile{
        display:block;
    }
    .btn-group{
    width:100%;
    float:left;
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    font-size:14px !important;
    }}

    @media (max-width:575px) and (min-width:320px){	
        .lawyer-details{
        margin-top:80px !important;
    }
    /*svg{*/
    /*    height:24px !important;*/
    /*    width:24px !important;*/
    /*}*/
    .lawyer-det{
        font-size:12px;
    }}