Bootstrap! Is there a such thing as hidden-sm

Working in Bootstrap and I have a row with two columns - image in one column, text in the other. All I want to do is hide the image on col-sm and col-xs devices. Is there a way to do this? All I've found is hidden-xs.

HTML

<section id="financialPlanning">
<div class="container">
<div class="row">

    <div class="col-sm-4 col-m-12 col-lg-3 pull-left hidden-xs">
    <p><p>         
    <img src="images/compass-img.png" alt="Retirment" class="img-responsive"> 
    </div>


<div class="col-sm-8 col-m-10 col-lg-9">
<font size="5">FINANCIAL PLANNING</font>
<p>Financial planning is never a one-dimensional process. It entails coordinating numerous factors that touch 
upon your investments, future income requirements, estate plan, tax situation and other key 
considerations.</p>
<p>A strong financial plan gives you an objective view of your overall financial picture and provides you with 
the guidance you need to enjoy a stress free retirement. Our Relationship Managers have the 
experience, expertise, and resources to help you and your family create and implement a thoughtful 
and disciplined financial plan.</p>
</div>