.st-col.one,
.so-title.desktop {
    display: none;
}

.c-hero {
    background-image: url('../assets/careers-in-trucking/mobile-hero-bg.png');
    background-position: center;
    background-size: cover;
    color: #fff;
}

.c-hero-headline {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 10px;
}

.c-hero-sub-headline {
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    width: 295px;
    margin-bottom: 25px;
}

.c-hero .sec-content span {
    font-weight: 700;
    color: #FDBD29;
}

.hero-btn {
    margin-top: 30px;
}

.sec-inner {
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
}

.st-img {
    width: 100%;
    max-width: max-content;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.sec-one-cols {
    margin-top: 35px;
}

.so-col {
    margin-bottom: 15px;
}

.so-box {
    position: relative;
    background-position: center;
    background-size: cover;
    height: 100px;
    cursor: pointer;
}

.so-box-overlay {
    background: #282e65e0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    transition: all .1s;
}

.so-box:hover .so-box-overlay {
    background: #fd641fd9;
}

.so-title {
    color: #fff;
    font-size: 22px;
    line-height: 27px;
    font-weight: 600;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 25px;
    right: 0;
}

.so-box-arrow {
    position: absolute;
    right: -1px;
    top: 16px;
}

#so-box1 {
    background-image: url('../assets/careers-in-trucking/1-bg-mobile.png');
}

#so-box2 {
    background-image: url('../assets/careers-in-trucking/2-bg-mobile.png');
}

#so-box3 {
    background-image: url('../assets/careers-in-trucking/3-bg-mobile.png');
}

#so-box4 {
    background-image: url('../assets/careers-in-trucking/4-bg-mobile.png');
}

#so-box5 {
    background-image: url('../assets/careers-in-trucking/5-bg-mobile.png');
}

#so-box6 {
    background-image: url('../assets/careers-in-trucking/6-bg-mobile.png');
}

#so-box7 {
    background-image: url('../assets/careers-in-trucking/7-bg-mobile.png');
}

#so-box8 {
    background-image: url('../assets/careers-in-trucking/8-bg-mobile.png');
}

#so-box9 {
    background-image: url('../assets/careers-in-trucking/9-bg-mobile.png');
}

#so-box10 {
    background-image: url('../assets/careers-in-trucking/10-bg-mobile.png');
}

#so-box11 {
    background-image: url('../assets/careers-in-trucking/11-bg-mobile.png');
}

#so-box12 {
    background-image: url('../assets/careers-in-trucking/12-bg-mobile.png');
}

#so-box13 {
    background-image: url('../assets/careers-in-trucking/13-bg-mobile.png');
}

#so-box14 {
    background-image: url('../assets/careers-in-trucking/14-bg-mobile.png');
}

#so-box15 {
    background-image: url('../assets/careers-in-trucking/15-bg-mobile.png');
}

#so-box16 {
    background-image: url('../assets/careers-in-trucking/16-bg-mobile.png');
}

#so-box17 {
    background-image: url('../assets/careers-in-trucking/17-bg-mobile.png');
}

#so-box18 {
    background-image: url('../assets/careers-in-trucking/18-bg-mobile.png');
}

#so-box19 {
    background-image: url('../assets/careers-in-trucking/19-bg-mobile.png');
}

#so-box20 {
    background-image: url('../assets/careers-in-trucking/20-bg-mobile.png');
}

.sec-one .sec-headline.two {
    margin-top: 40px;
}

.sec-one-btn-bottom {
    margin-top: 40px;
}

.sec-one-btn-bottom:hover {
    color: #212121;
}

.st-row.odd {
    background: #ECEDF4;
}

.st-row-inner {
    padding: 40px 25px;
    max-width: 340px;
    margin-left: auto;
    margin-right: auto;
}

.st-col-headline {
    font-weight: 700;
    font-size: 26px;
    line-height: 31px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.st-col-content {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
}

.st-col-disclaimer {
    font-size: 13px;
    line-height: 15px;
    margin-top: 20px;
    max-width: 418px;
}

.st-img-wrapper {
    position: relative;
}

.st-img-wrapper.mobile {
    margin-top: 30px;
}

.st-play-btn-circle {
    display: none;
    width: 73px;
    height: 74px;
    background: #ffffff85;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    transition: all .2s;
}

.st-play-icon {
    color: #FD641F;
    font-size: 35px;
    position: absolute;
    right: 17px;
    top: 20px;
}

.back-to-top-arrow {
    position: fixed;
    right: 10px;
    font-size: 53px;
    bottom: 0px;
    color: #FD641F;
    cursor: pointer;
    transition: all .2s;
}

.back-to-top-arrow:hover {
    color: #000;
}

@media(min-width: 768px) {
    .c-hero .sec-inner {
        max-width: 1001px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .c-hero {
        text-align: center;
    }

    .c-hero-sub-headline {
        width: 100%;
    }

    .hero-btn,
    .sec-one-btn-bottom {
        width: 316px;
        margin-left: auto;
        margin-right: auto;
    }

    .sec-one-btn-bottom {
        margin-top: 30px;
    }

    .sec-one .sec-headline.two {
        margin-top: 55px;
    }

    .sec-one .sec-content.two {
        max-width: 855px;
        margin-left: auto;
        margin-right: auto;
    }

    .c-hero {
        background-image: url('../assets/careers-in-trucking/desktop-hero-bg.png');
    }

    .sec-inner {
        max-width: 100%;
    }

    .sec-one .sec-content {
        max-width: 1190px;
        margin-left: auto;
        margin-right: auto;
    }

    .sec-one .sec-content,
    .sec-one .sec-headline {
        text-align: center;
    }

    .so-box {
        width: 289px;
        height: 197px;
        margin-left: auto;
        margin-right: auto;
    }

    .so-title {
        font-size: 28px;
        line-height: 38px;
        left: 0;
        text-align: center;
    }

    .so-box-arrow {
        display: none;
    }

    .sec-one-cols {
        font-size: 0;
        width: 645px;
        margin-left: auto;
        margin-right: auto;
    }

    .so-col {
        display: inline-block;
        vertical-align: top;
        box-sizing: border-box;
        width: 50%;
        margin-bottom: 30px;
    }

    .so-title.mobile {
        display: none;
    }

    .so-title.desktop {
        display: block;
    }

    #so-box1 {
        background-image: url('../assets/careers-in-trucking/1-bg-desktop.png');
    }

    #so-box2 {
        background-image: url('../assets/careers-in-trucking/2-bg-desktop.png');
    }

    #so-box3 {
        background-image: url('../assets/careers-in-trucking/3-bg-desktop.png');
    }

    #so-box4 {
        background-image: url('../assets/careers-in-trucking/4-bg-desktop.png');
    }

    #so-box5 {
        background-image: url('../assets/careers-in-trucking/5-bg-desktop.png');
    }

    #so-box6 {
        background-image: url('../assets/careers-in-trucking/6-bg-desktop.png');
    }

    #so-box7 {
        background-image: url('../assets/careers-in-trucking/7-bg-desktop.png');
    }

    #so-box8 {
        background-image: url('../assets/careers-in-trucking/8-bg-desktop.png');
    }

    #so-box9 {
        background-image: url('../assets/careers-in-trucking/9-bg-desktop.png');
    }

    #so-box10 {
        background-image: url('../assets/careers-in-trucking/10-bg-desktop.png');
    }

    #so-box11 {
        background-image: url('../assets/careers-in-trucking/11-bg-desktop.png');
    }

    #so-box12 {
        background-image: url('../assets/careers-in-trucking/12-bg-desktop.png');
    }

    #so-box13 {
        background-image: url('../assets/careers-in-trucking/13-bg-desktop.png');
    }

    #so-box14 {
        background-image: url('../assets/careers-in-trucking/14-bg-desktop.png');
    }

    #so-box15 {
        background-image: url('../assets/careers-in-trucking/15-bg-desktop.png');
    }

    #so-box16 {
        background-image: url('../assets/careers-in-trucking/16-bg-desktop.png');
    }

    #so-box17 {
        background-image: url('../assets/careers-in-trucking/17-bg-desktop.png');
    }

    #so-box18 {
        background-image: url('../assets/careers-in-trucking/18-bg-desktop.png');
    }

    #so-box19 {
        background-image: url('../assets/careers-in-trucking/19-bg-desktop.png');
    }

    #so-box20 {
        background-image: url('../assets/careers-in-trucking/20-bg-desktop.png');
    }

    .sec-one .sec-headline.two br {
        display: none;
    }

    .st-row-inner {
        max-width: 1449px;
        font-size: 0;
    }

    .st-col.one {
        display: inline-block;
    }

    .st-col {
        display: inline-block;
        vertical-align: middle;
        box-sizing: border-box;
        width: 50%;
    }

    .st-col-inner {
        padding: 0 20px;
    }

    .st-col.two .st-col-inner {
        max-width: 607px;
    }

    .st-img-wrapper.mobile {
        display: none;
    }

    .st-img-bg-hover {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        background: transparent;
        transition: all .2s;
    }

    /*.st-img-wrapper:hover .st-img-bg-hover {
        background: #282e65e0;
    }

    .st-img-wrapper:hover .st-play-btn-circle {
        background: #fff;
    }*/
}

@media (min-width: 1024px) {
    .sec-one-cols {
        width: 984px;
        margin-top: 55px;
    }

    .so-col {
        width: 33.33%;
    }

    .st-play-btn-circle {
        width: 158px;
        height: 158px;
    }

    .st-play-icon {
        font-size: 71px;
        right: 38px;
        top: 46px;
    }

    .back-to-top-arrow {
        right: 15px;
        font-size: 85px;
    }
}

@media (min-width: 1200px) {
    .c-hero-headline {
        font-size: 72px;
        margin-bottom: 15px;
    }

    .c-hero-sub-headline {
        font-size: 35px;
        margin-bottom: 50px;
    }

    .c-hero .sec-content {
        font-size: 18px;
        line-height: 30px;
        margin: 25px 0;
    }

    .hero-btn {
        margin-top: 55px;
    }

    .c-hero .sec-inner {
        max-width: 1130px;
        padding-top: 65px;
        padding-bottom: 65px;
    }
}

@media (min-width: 1300px) {
    .sec-one-cols {
        width: 1260px;
    }

    .so-col {
        width: 25%;
    }

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

    .st-col.two {
        width: 52%;
    }

    .st-col-headline {
        font-size: 35px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .st-col-content {
        font-size: 18px;
        line-height: 30px;
    }

    .st-row-inner {
        padding: 80px 25px;
    }
}

@media (min-width: 1400px) {
    .sec-one .sec-content {
        max-width: 1285px;
    }
    .sec-one .sec-content.two {
        max-width: 940px;
    }

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

    .st-col.two {
        width: 53%;
    }

    .st-col-inner {
        padding: 0 50px;
    }
}

@media (min-width: 1500px) {
    .c-hero .sec-inner {
        max-width: 1314px;
        padding-top: 110px;
        padding-bottom: 110px;
    }

    .c-hero .sec-content {
        font-size: 21px;
        margin: 30px 0;
    }
}

@media (min-width: 1600px) {
    .sec-one-cols {
        width: 100%;
        max-width: 1610px;
    }

    .so-col {
        width: 20%;
    }
}