@media (max-width: 767px) {
    /**
     * Windows phone does not support position: fixed; (at least not version 7)
     * Also scrolling does not work on elements with position: absolute;
     *
     * This workaround makes the conversation-list hidden,
     *  and the chat-window gets a relative position, thus
     *  allowing native scrolling.
     */
    .windows-phone #messages-mobile .messages-room-footer {
        position: relative;
    }

    .windows-phone #messages-mobile .messages-room-content {
        padding-bottom: 0;
    }

    /**
     * Windows phone with ie9 does not support font-icons.
     * The workaround is to use text instead of icons.
     */
    .windows-phone .icon-arrow-right::before {
        content: "\203A";
    }

    .windows-phone .icon-folder-close::before {
        content: "\2297";
    }

    .windows-phone .icon-share-alt::before {
        content: "→";
    }
}