/* #### Desktops #### */
@media screen and (min-width: 769px){
    #wdpro-ui-mediaquery{
        width: 2px;
    }
    #wdpro-ui-mediaquery:after,
    #wdpro-ui-mediaquery-content {
        display: none;
        content: "desktop";
    }
}

/* #### Tablet view for desktop browser #### */
@media screen and (min-width: 569px) and (max-width: 768px){
    #wdpro-ui-mediaquery{
        width: 1px;
    }
    #wdpro-ui-mediaquery:after,
    #wdpro-ui-mediaquery-content {
        display: none;
        content: "tablet";
    }
}

/* #### Mobile view for desktop browser #### */
@media screen and (max-width: 568px) {
    #wdpro-ui-mediaquery{
        width: 0;
    }
    #wdpro-ui-mediaquery:after,
    #wdpro-ui-mediaquery-content {
        display: none;
        content: "mobile";
    }
}