/* Our Team 12
-------------------------------------------------- */

.our-team12 {
    padding: 0;
    margin: 0;
    position: relative;
}

.our-team12 .img-box {
    float: right;
    margin-top: 81px;
}

.our-team12 .content-box.colorb {
    padding: 17% 29% 9% 9%;
    margin-left: 19px;
    margin-right: calc(50% - 18em);
    margin-right: -webkit-calc(50% - 18em);
    margin-right: -moz-calc(50% - 18em);
}

.our-team12 .content-box span {
    width: 359px;
    height: 5px;
    background: #fff;
    position: absolute;
    top: 163px;
    left: calc(50% - 98px);
    left: -webkit-calc(50% - 98px);
    left: -moz-calc(50% - 98px);
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}

.our-team12 .content-box h1,
.our-team12 .content-box h5,
.our-team12 .content-box p {
    color: #fff;
}

.our-team12 .content-box h1 {
    font-size: 49px;
    font-weight: 700;
    letter-spacing: -0.005em;
    margin-bottom: 35px;
    line-height: 52px;
    margin-left: 2px;
}

.our-team12 .content-box p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding-bottom: 0;
    margin-left: 1px;
}

.our-team12 .social-ourteam {
    margin-bottom: 2px;
    text-align: left;
    width: 170px;
    display: inline-block;
}

.our-team12 .social-ourteam.first {
    margin-top: 62px;
}

.our-team12 .social-ourteam a {
    color: #fff;
    position: relative;
    font-size: 18px;
    display: inline-block;
    margin-right: 40px;
    text-transform: capitalize;
    transition: all .5s ease;
    margin-bottom: 3px;
}

.our-team12 .social-ourteam a:hover {
    margin-left: 18px;
}

.our-team12 .social-ourteam a:after {
    content: "";
    width: 12px;
    height: 2px;
    position: absolute;
    background: #fff;
    top: 50%;
    left: -20px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transition: all .7s ease;
    opacity: 0;
}

.our-team12 .social-ourteam a:hover:after {
    opacity: 1;
}

@media (max-width:1680px) {
    .our-team12 .content-box.colorb {
        padding: 15% 15% 10% 6%;
    }
    .our-team12 .img-box img {
        float: right;
        width: 93%;
    }
}

@media (max-width:1366px) {
    .our-team12 .content-box.colorb {
        padding: 11% 43% 5% 5%;
        margin-right: calc(40% - 20em);
        margin-right: -webkit-calc(40% - 20em);
        margin-right: -moz-calc(40% - 20em);
    }
    .our-team12 .img-box img {
        float: right;
        width: 100%;
    }
    .our-team12 .img-box {
        width: 53%;
        margin-top: 60px;
    }
    .our-team12 .content-box h1 {
        font-size: 33px;
    }
    .our-team12 .content-box p {
        font-size: 14px;
    }
    .our-team12 .social-ourteam a {
        font-size: 17px;
    }
    .our-team12 .content-box span {
        width: 321px;
        top: 100px;
    }
    .our-team12 .social-ourteam.first {
        margin-top: 45px;
    }
}

@media (max-width:1280px) {
    .our-team12 .content-box.colorb {
        padding: 8% 35% 1% 4%;
        margin-right: calc(40% - 15em);
        margin-right: -webkit-calc(40% - 15em);
        margin-right: -moz-calc(40% - 15em);
    }
    .our-team12 .img-box {
        width: 50%;
        margin-top: 25px;
    }
    .our-team12 .content-box span {
        top: 45px;
        height: 3px;
        left: calc(55% - 20px);
        left: -webkit-calc(55% - 20px);
        left: -moz-calc(55% - 20px);
    }
    .our-team12 .social-ourteam.first {
        margin-top: 20px;
    }
    .our-team12 .content-box h1 {
        font-size: 29px;
    }
    .our-team12 .content-box p {
        font-size: 13px;
    }
    .our-team12 .social-ourteam a {
        font-size: 14px;
    }
}

@media (max-width:1200px) {
    .our-team12 .content-box.colorb {
        padding: 5% 35% 5% 5%;
    }
    .our-team12 .img-box {
        width: 45%;
        margin-top: 25px;
    }
}

@media (max-width: 991px) {
    .our-team12 .img-box {
        display: block;
        margin-top: 0;
        width: 100%;
        height: auto;
    }
    .our-team12 .img-box img {
        width: 100%;
        margin-bottom: 50px;
    }
    #wrap .our-team12 .content-box {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0 70px 50px;
    }
    .our-team12 .content-box span {
        display: none;
    }
    .our-team12 .content-box h1 {
        font-size: 30px;
    }
    .our-team12 .content-box p {
        font-size: 16px;
    }
    .our-team12 .social-ourteam a {
        font-size: 18px;
    }
}

@media (max-width:640px) {
    .our-team12 .content-box h1 {
        font-size: 28px;
        margin-bottom: 12px;
    }
    .our-team12 .content-box p {
        font-size: 14px;
    }
    .our-team12 .social-ourteam a {
        font-size: 16px;
    }
    .our-team12 .img-box img {
        margin-bottom: 30px;
    }
    #wrap .our-team12 .content-box {
        padding: 0 20px 20px;
    }
}

@media (max-width:479px) {
    .our-team12 .content-box h1 {
        font-size: 26px;
    }
    .our-team12 .content-box p {
        font-size: 13px;
    }
    .our-team12 .social-ourteam a {
        font-size: 15px;
    }
    #wrap .our-team12 .content-box {
        padding: 0 15px 0;
    }
}