div.body{
    background-color: #fff;
}
.team-member-details-section{
    width: 100%;
    padding-top: 30px;
    padding-bottom: 50px;
}
.team-member-details-section .heading h1{
    font-size: 36px;
}
.social-icons ul{
    margin: 0;
    padding: 0;
}
.social-icons ul li{
    display: inline-block;
    margin-right: 5px;
}
.social-icons ul li a{
    display: block;
    width: 29px;
    height: 29px;
    background-color: #2B3D4F;
    text-align: center;
    color: #fff;
    padding-top: 3px;
}

.our-team-member-details-btn{
    border: 1px solid #79796A;
    background-color: #fff;
    color: #676759;
    font-size: 16px;
    height: 29px;
    padding-top: 2px;
}
.our-team-member-details-btn:hover, .our-team-member-details-btn:active, .our-team-member-details-btn:focus{
    color: #2B3D4F;
    font-weight: 600;
}
.downlaod-vcard-btn{
    width: 273px;
    height: 29px;
    padding-top: 2px;
    color: #fff;
    font-size: 16px;
    background-color: #2B3D4F;
}
.downlaod-vcard-btn:hover, .downlaod-vcard-btn:active, .downlaod-vcard-btn:focus{
    color: #fff;
}
.about-us-section{
    width: 100%;
    padding: 20px 0;
}
.about-us-section .heading h2{
    font-size: 36px;
    color: #2C3D4F;
}
.sidebar-menu{
    margin: 0;
    padding: 0;
    margin-top: 70px;
}
.sidebar-menu li{
    width: 100%;
    display: block;
    margin-bottom: 10px;
}
.sidebar-menu li a{
    height: 37px;
    display: block;
    font-size: 18px;
    color: #8A8A7A;
    background-color: #BDBDAE;
    padding: 5px 12px;
}
.sidebar-menu li a:hover,.sidebar-menu li a:active, .sidebar-menu li a:focus {
    text-decoration: none;
    background-color: #2C3D4F;
    color: #fff;
}
.sidebar-menu li a.active{
    background-color: #2C3D4F;
    color: #fff;
}
.our-layers-section{
    width: 100%;
    padding: 20px 0;
}
.our-layer-item-box{
    width: 100%;
    min-height: 450px;
    position: relative;
    cursor: pointer;
}
.lawyer-details{
    width: 100%;
    position: absolute;
    bottom: 0;
    background-color: rgba(173,173,159, 0.80);
    height: 95px;
    text-align: center;
    padding-top: 10px;
}
.lawyer-details .lawyer-name h3{
    font-size: 24px;
    color: #2B3D4F;
}
.lawyer-details .contact-details{
    display: none;
}
.our-layer-item-box:hover .lawyer-details{
    height: 167px;
}
.our-layer-item-box:hover .lawyer-details .contact-details{
    display: block;
}  
.support-staff-and-timeline-section{
    width: 100%;
    padding: 20px 0;
    background-color: #CECEBF;
}
.support-staff-and-timeline-section .heading h2{
    font-size: 36px;
    color: #000;
}
/*.support-staff-list-container{
    margin: 0;
    padding: 0;
}
.support-staff-list-container li{
    display: inline-block;
    width: 31%;
    margin-right: 15px;
    margin-bottom: 15px;
}*/
.support-staff-item-box{
    width: 100%;
    height: 133px;
    background-color: #DFDFD0;
    padding: 23px 20px;
    position: relative;
    cursor: pointer;
}
.support-staff-item-box .personal-info,
.support-staff-item-box .personal-info a
{
    color: #333;
}

.support-staff-item-box .contact-details{
    width: 100%;
    height: 119px;
    /*background-color: rgba(230,230,230, 0.85);*/
    /*background-color: rgba(230,230,230, 100); */
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom:0;
    display: none;
    margin-bottom: -120px;
    padding: 0px 15px;
    z-index: 200;
}
.support-staff-item-box:hover .personal-info,
.support-staff-item-box:hover .personal-info a{
    color: #fff;
}
.support-staff-item-box:hover .contact-details{
    display: block;
    z-index: 500;
}
.support-staff-item-box:hover{
    background-color: #3B4956;
}

/*Time Line*/
.time-line-container{
    width: 100%;
    position: relative;
}
.time-line-date-box .date{
    width: 100%;
    min-height: 18px;
    color: #fff;
    background-color: #2B3D4F;
    padding: 2px 5px;
}
.timeline-top-k{
    margin: 0 auto; 
    margin-bottom: -43px;
}
#cd-timeline{
    margin-top: 40px;
}

@media(max-width: 767px){
    .top-hero-content-box .heading h1{
        font-size: 32px;
    }
    .cd-timeline-img{
        position: relative;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .cd-timeline-content{
        margin-left: 0px;
    }
    #cd-timeline::before{
        background: none;
    }
    .cd-timeline-content{
        border-bottom: 1px solid #eee;
    }
    #cd-timeline{
        margin-top: 1px;
    }
}
@media(min-width: 768px) and (max-width: 990px){ 
    .cd-timeline-img{ 
        left: -25px;
    }
    .timeline-top-k{
        margin: 0px;
        margin-left: -20px; 
        margin-bottom: -30px;
    }
    #cd-timeline{
        margin-top: 28px;
    }
}
@media(min-width: 991px) and (max-width: 1199px){ 
    .cd-timeline-img{ 
        left: -25px;
    }
    .timeline-top-k{
        margin: 0px;
        margin-left: -20px; 
        margin-bottom: -30px;
    }
    #cd-timeline{
        margin-top: 28px;
    }
}
@media(min-width: 1200px){ 
    
}