body:after {
    content: "non-mobile";
    display: none;
}

@media all and (max-width: 429px) {

    body:after {
        content: "mobile";
        display: none;
    }
}

$(window).resize(function() {
    if (window.getComputedStyle(document.body, ":after")
               .getPropertyValue("content") === "non-mobile") {
        console.log("Hover expansion on");
        mcp.hoverAnimators(); //jQuery.hover() function
    } else {
        console.log("Hover expansion off");
        $(".window-wrapper").off("mouseenter mouseleave");
    }
}).resize();