@media all and (min-width: 481px) {
    /*** Cargo Header ***/
    .cargo-header-info {
        position: sticky;
        top: 0;
        z-index: 999;
        transition: opacity 0.5s ease-in-out;
        height: 40px;
        background-color: #003335;
        text-align: center;
        color: #fff;
        margin: 0;
        line-height: 40px;
        font-size: 15px;
        font-weight: bold;
    }
}

@media all and (min-width: 769px) {

    /*** Cargo Header ***/
    .cargo-header-info {
        position: sticky;
        top: 0;
        z-index: 999;
        transition: opacity 0.5s ease-in-out;
        height: 40px;
        background-color: #003335;
        text-align: center;
        color: #fff;
        margin: 0;
        line-height: 40px;
        font-size: 15px;
        font-weight: bold;
    }
}

@media all and (max-width: 769px) {
    /*** Cargo Header ***/
    .cargo-header-info {
        position: sticky;
        top: 0;
        z-index: 999;
        transition: opacity 0.5s ease-in-out;
        height: 40px;
        background-color: #003335;
        text-align: center;
        color: #fff;
        margin: 0;
        line-height: 40px;
        font-size: 15px;
        font-weight: bold;
    }
}

@media all and (min-width: 1025px) {
    /*** Cargo Header ***/
    .cargo-header-info {
        position: sticky;
        top: 0;
        z-index: 999;
        transition: opacity 0.5s ease-in-out;
        height: 40px;
        background-color: #003335;
        text-align: center;
        color: #fff;
        margin: 0;
        line-height: 40px;
        font-size: 15px;
        font-weight: bold;
    }
}

@media all and (max-width: 1024px) {
    .cargo-header-info {
        position: sticky;
        top: 0;
        z-index: 999;
        transition: opacity 0.5s ease-in-out;
        height: 40px;
        background-color: #003335;
        text-align: center;
        color: #fff;
        margin: 0;
        line-height: 40px;
        font-size: 12px;
        font-weight: bold;
    }
}

@media all and (min-width: 1367px) {
    /*** Cargo Header ***/
    .cargo-header-info {
        position: sticky;
        top: 0;
        z-index: 999;
        transition: opacity 0.5s ease-in-out;
        height: 40px;
        background-color: #003335;
        text-align: center;
        color: #fff;
        margin: 0;
        line-height: 40px;
        font-size: 18px;
        font-weight: bold;
    }
}