.leadership-section { width: 100%; float: left; padding: 80px 0px 40px; }
.leadership-section .left-part { width: 22%; float: left; padding-right: 10px; color: #000000; font-size: 16px; font-weight: 300; font-family: 'Museo Sans 300'; line-height: 1.38; }
.leadership-section .left-part p{font-size: 16px; font-weight: 300; line-height: 1.38; color: #000000;font-family: 'Museo Sans 300';}
.leadership-section .left-part a{display: inline-block; padding: 12px 24px; border: solid 2px #191d63; text-align: center; color: #191d63; letter-spacing: 2px; font-size: 16px;font-weight: bold;font-family: 'Museo Sans 700'; text-transform: uppercase; transition: all 0.5s; margin-top: 15px;}
.leadership-section .left-part a:hover{background: #191d63; color: #fff;}
.leadership-section .right-part { width: 78%; float: left; padding-left: 20px; }
.leadership-section .left-part h1 { font-size: 44px; font-weight: normal; color: #191d63; font-family: 'Tiempos Headline'; padding-bottom: 10px; line-height: normal; }
.leadership-section .right-part .box-outer-wrap { margin: 0px -10px; }
.leadership-section .right-part .inn-box { width: calc(100% / 3 - 35px); float: left; margin: 0px 15px; margin-bottom: 30px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; overflow: hidden; background-color: #fff; border-radius: 50%;  height: 285px;  }
.leadership-section .right-part .inn-box .overlay { width: 100%; height: 100%; position: absolute; top: 0; left:0; background-color: rgba(25, 29, 99, 0.8); padding: 20px 30px; overflow: hidden; opacity: 0; visibility: hidden; transition: all 0s; }
.leadership-section .right-part .inn-box .overlay .in-wrap { position: absolute; top: auto; bottom: 40px; width: 73%; }
.leadership-section .right-part .inn-box .overlay .in-wrap h4 { font-size: 19px; font-weight: bold; letter-spacing: 1px; color: #ffffff; text-transform: uppercase; font-family: 'Museo Sans 700'; text-align: center; padding-top: 85px; }
.leadership-section .right-part .inn-box .overlay .in-wrap h5 { letter-spacing: normal; color: #ffffff; font-size: 0px; font-weight: 500; font-family: 'Museo Sans 500'; padding-top: 10px; text-align: center; padding-bottom: 85px; }
.leadership-section .right-part .inn-box:hover .overlay { left: 0; opacity: 1; visibility: visible; }
.leadership-section .right-part .inn-box .overlay .plus-wrap {width: 100%;position: relative;}
.leadership-section .right-part .inn-box .overlay .plus-wrap:before { content: ' '; top: 16px; right: -30px; position: absolute; font-size: 30px; height: 25px; width: 25px;}


@media (max-width:1199px){
    .leadership-section .right-part .inn-box .overlay .plus-wrap:before{ right: -22px;}
    .leadership-section .right-part .inn-box .overlay{padding: 20px 25px;}
}

@media (max-width:991px){
    .leadership-section.right-part .inn-box{ width: calc(100% / 2 - 30px);}
}

@media (max-width:767px){
    .leadership-section .left-part { width: 100%; float: left; padding: 30px 15px; }
    .leadership-section .right-part { width: 100%; float: left; padding: 0px 15px; }
    .leadership-section .left-part h1 { font-size: 35px; }
    .leadership-section { background-color: #f1f1f1; }
}



@media (max-width:600px){
    .leadership-section .left-part h1 { font-size: 28px; }
    .leadership-section .left-part { padding: 25px 15px; }
    .leadership-section .right-part .inn-box { width: calc(100% / 1 - 30px); }
    .leadership-section .right-part .inn-box .overlay .in-wrap{ position: relative;top: 84%;bottom: 20px; width: 100%;}
    .leadership-section .right-part .inn-box .overlay .plus-wrap:before{right:0;}
}