.so-col.one,
.sth-col.two {
    display: none;
}

.so-cols {
    margin-top: 30px;
}

.so-img.mobile {
    margin-top: 20px;
}

.sec.two {
    margin-top: -25px;
}

.st-box {
    background: #303A39;
}

.st-box-inner {
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 30px 40px;
    font-size: 18px;
    line-height: 26px;
}

.sec.three {
    margin-top: -20px;
}

.sth-img.mobile {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .sec-inner {
        max-width: 700px;
    }
}

@media (min-width: 1024px) {
    .sec-inner {
        max-width: 1820px;
    }

    .so-cols,
    .sth-cols {
        font-size: 0;
        margin-left: -20px;
        margin-right: -20px;
    }

    .so-col,
    .sth-col {
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
    }

    .so-col.one,
    .sth-col.two {
        display: inline-block;
    }

    .so-col.one,
    .sth-col.two {
        width: 40%;
    }

    .so-col.two,
    .sth-col.one {
        width: 60%;
    }

    .so-col-inner,
    .sth-col-inner {
        padding: 0 20px;
    }

    .so-img.mobile,
    .sth-img.mobile {
        display: none;
    }

    .st-box-inner {
        font-size: 21px;
        line-height: 35px;
        max-width: 795px;
        margin: 0 auto;
        padding: 40px 40px;
    }

    .st-cols {
        font-size: 0;
    }

    .st-col {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
    }

    .st-col.one {
        width: 10%;
        background-size: cover;
        background-position: center;
    }

    .st-col.two {
        width: 80%;
        padding: 0 10px;
    }

    .st-col.one-a {
        background-image: url('../assets/about/Desktop-About-Image-2.png');
    }

    .st-col.one-b {
        background-image: url('../assets/about/Desktop-About-Image-3.png');
    }

}

@media (min-width: 1200px) {
    .so-cols {
        margin-top: 50px;
    }

    .sec.two {
        margin-top: -75px;
    }

    .sec.three {
        margin-top: -40px;
    }
}

@media (min-width: 1400px) {
    .st-box-inner {
        font-size: 26px;
        line-height: 39px;
        max-width: 940px;
        padding: 49px 40px;
    }
}

@media (min-width: 1600px) {
    .so-cols {
        margin-top: 50px;
    }

    .so-col.one,
    .sth-col.two {
        width: 44%;
    }

    .so-col.two,
    .sth-col.one {
        width: 56%;
    }

    .so-col.two .so-col-inner,
    .sth-col.one .sth-col-inner {
        width: 90%;
        max-width: 891px;
        margin: 0 auto;
    }

    .st-col.one {
        width: 14%;
    }

    .st-col.two {
        width: 72%;
        padding: 0 25px;
    }

    .sec.three {
        margin-top: -65px;
    }
}

@media (min-width: 1700px) {
    .st-col.one {
        width: 12%;
    }

    .st-col.two {
        width: 76%;
        padding: 0 45px;
    }
}