@media only screen and (min-width: 200px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 1px;
        text-overflow: ellipsis;
    }
}

@media only screen and (min-width: 300px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 170px;
    }
}

@media only screen and (min-width: 360px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 180px;
    }
}

@media only screen and (min-width: 390px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 250px;
    }
}

@media only screen and (min-width: 412px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 260px;
    }
}

@media only screen and (min-width: 430px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 290px;
    }
}

@media only screen and (min-width: 467px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 400px;
    }
}

@media only screen and (min-width: 531px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 450px;
    }
}

@media only screen and (min-width: 576px) {

    .wh_logo_and_publication_title .wh_publication_title .title,

    #dd-title {
        max-width: 340px;
    }
}


@media only screen and (min-width: 671px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 420px;
    }
}

@media only screen and (min-width: 700px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 460px;
    }
}

@media only screen and (min-width: 731px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 500px;
    }
}

@media only screen and (min-width: 767px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: 550px;
    }
}

@media only screen and (min-width: 840px) {

    .wh_logo_and_publication_title .wh_publication_title .title,
    #dd-title {
        max-width: fit-content;
    }
}