Help class offset Bootstrap

I have two columns that I want to work like this:

when they are in sizes md and lg they measure [9 | 3]  and when SM is the first clone measure 12 and the second pass down and have 4 offset and be of size 8

In SM it works correctly but in large sizes it continues to do the offset which I do not want it to do, is the code okay as well?

 <div class="row">
      <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12 " id="agm">
          <h2>Titulo</h2>
          <hr class="primary">
          <p>  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perferendis et reiciendis ipsam iste rerum culpa. Sequi nihil tempora ut quisquam consectetur aspernatur temporibus consequuntur error molestiae. Eos ducimus doloremque fugit dolorum voluptatibus molestias quibusdam officia, voluptatum molestiae et, necessitatibus voluptas laudantium deleniti animi. Ex beatae tempore magni illo officia odit rerum autem saepe, voluptatem nobis voluptatibus minus ratione perferendis blanditiis harum, corporis totam hic fugit at laboriosam optio incidunt. Incidunt aliquid alias, voluptatum sunt deleniti reprehenderit explicabo suscipit odit modi amet aut sint cupiditate impedit maiores est quae eius. Commodi fugit sequi laborum veniam labore eligendi  </p>
      </div>
      <div class="col-lg-3 col-md-3 col-sm-8 col-sm-offset-4 col-xs-12 text-center">
       Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde perferendis et reiciendis ipsam iste rerum culpa. Sequi nihil tempora ut quisquam consectetur aspernatur temporibus consequuntur error molestiae. Eos ducimus doloremque fugit dolorum 
      </div> 
</div>