hiding display using bootstrap

I tried the below code for display in different ways in mobile and desktop. but both the sentences are displaying at the same time.

<div>
    <div class="hidden-xs hidden-lg hidden-sm visible-md">  
        Page-under-Construction.Please-try-again-later.  
    </div>  
    <div class="hidden-md hidden-lg visible-xs">  
        Page-under-Construction.  
    </div>
</div>