@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500);
.team3 {font-family: "Georgia", sans-serif; color: #8d97ad; font-weight: 300;}
.team3 h1,
.team3 h2,
.team3 h4,
.team3 h5,
.team3 h6 {color: #3e4555; background: none; line-height: unset;}
.kk-sir-info-sec h6{color: #007dc5;}
.team h3{color: #007dc5;}
.team3 p{font-weight: 400;}
.team3 .font-weight-medium {font-weight: 500;}
.team3 .bg-light {background-color: #f4f8fa !important;}
.team3 .subtitle {color: #007dc5; margin: 5px 0px;}
.team3 ul {margin-top: 30px;}
.team3 ul li a {color: #8d97ad; padding-right: 15px; -webkit-transition: 0.1s ease-in; -o-transition: 0.1s ease-in; transition: 0.1s ease-in;}
.team3 ul li a:hover {-webkit-transform: translate3d(0px, -5px, 0px); transform: translate3d(0px, -5px, 0px); color: #316ce8;}
.team3 .title {margin: 30px 0 0 0;}
.pro-pic img{border: 2px solid #007dc557; object-fit: cover; object-position: center; border-radius: 50%; cursor: pointer; transition: 0.5s; background: #fff;margin: 0px auto;display: block;}

#desktop-view{
    padding-top: 50px;
    min-height: calc(100vh - 324px);
    padding-bottom: 50px;
}
#desktop-view .team3 p{font-size: 15px;}
#desktop-view .team3 h5 {font-size: 18px;margin-bottom: 10px;margin-top: 10px;}
#desktop-view .team3 .subtitle{font-size: 13px;}
#desktop-view .text-dark {display: none; transition: all 0.3s ease-in-out;}
#desktop-view .expanded {display: block; margin-bottom: 0px !important;}
#desktop-view .more-link {color: blue; cursor: pointer; display: block; margin-top: 5px; font-size: 14px; text-decoration: underline; font-weight: 600; font-family: 'Montserrat';}
#desktop-view .pro-pic-b img {height: 240px; width: 240px;}
/* #mobile-view {display: none;} */
/*#desktop-view {display: none;}*/

#mobile-view .team{padding: 0;}
#mobile-view .text-dark {text-align: left; transition: all 0.3s ease-in-out;}
#mobile-view .expanded {display: block; margin-bottom: 0px !important;}
#mobile-view .pro-pic-b img {height: 120px; width: 100px;}
#mobile-view h5{text-align: left;}
#mobile-view h6{text-align: left;}
#mobile-view .team3 h5 {font-size: 15px; margin-bottom: 0px; text-align: left;}
#mobile-view .team3 .subtitle {font-size: 10px; text-align: left;}
#mobile-view .team3 p {font-size: 9px; margin-bottom: 0px; text-align: left;}
#mobile-view .grid-wrapper{display: grid; grid-template-columns: 100px calc(100% - 100px);}
/*@media (max-width: 767px) {*/
/*    #mobile-view {display: block;}*/
/*    #desktop-view {display: none;}*/
/*}*/