.teamMemberDetail {
    padding: 120px 20px;
}
.tmWrap {
    width: 80%;
    margin: 0 auto;
}
.tLhs {
    width: 40%;
}
.tRhs {
    width: 60%;
    padding: 0 0 0 40px;
}
.tRhs i {
    color: rgba(55, 55, 55, .8);
    display: block;
    margin: 0 0 10px;
}
.tRhs span {
    color: #a9070d;
    display: block;
    margin: 0 0 20px;
}
.tmDetail {
    padding: 75px 20px;
}
.tmDetail p{
    margin: 20px 0;
}
/* Team inner memeber CSS starts here */
.team-member-detail > div > .d-flex .tm-content {
    width: 70%;
    padding: 0 0 0 50px;
}
.team-member-detail > div > .d-flex {
    flex-wrap: wrap;
    padding: 0 10px 55px;
}
.team-member-detail > div > .d-flex figure {
    width: 30%;
    margin: 0;
}
.team-member-detail {
    padding: 120px 0 0;
}
.tm-content i {
    color: #373737;
    display: block;
}
.tm-content span {
    color: #a9070d;
    display: block;
}
.tm-content p {
    margin: 20px 0;
}
.tm-inner-copy {
    padding: 75px 10px;
}
.tm-inner-copy p {
    margin: 40px 0;
}
/* Team inner memeber CSS ends here */
/* Media queries start here */
@media screen and (max-width:1024px){
    .tmWrap {
        width: 100%;
}
}
@media screen and (max-width:767px){
    .tmWrap {
        flex-direction: column;
    }
    .tLhs, .tRhs{
        width: 100%;
        padding: 0;
    }
    .teamMemberDetail {
        padding: 120px 20px 30px;
    }
    .team-member-detail > div > .d-flex {
        flex-direction: column;
    }
    .team-member-detail > div > .d-flex figure, .team-member-detail > div > .d-flex .tm-content {
        width: 100%;
    }
    .team-member-detail > div > .d-flex .tm-content {
        padding: 30px 0;
    }
    .team-member-detail > div > .d-flex {
        padding: 0 10px 20px;
    }
    .tm-inner-copy {
        padding: 25px 10px;
    }
}
/* Media queries end here */