.message_partial { padding: 10px 5px; box-sizing: border-box; position: fixed; color: #fff; background-color: #000; top: 0; right: 0; width: 100%; z-index: 11; }
    .message_partial .close_item { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); font-size: 1em; font-weight: 300; }
    .message_partial p { font-size: 1.15em; display: block; text-align: center; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


@media only screen and (max-width : 1020px) {
    .message_partial { padding: 10px 10px 10px 30px; }
        .message_partial p { font-size: 1em; }
}

@media only screen and (max-width : 768px) {
}

@media only screen and (max-width : 414px) {
    .message_partial { padding: 11px 10px 10px 25px; }
        .message_partial p { font-size: 1.05em; }
        .message_partial .close_item { left: 10px; }
}