CSS Changes made, lost functionality

I just have a question regarding a site that I’m working on,

http://sportsentertainmentattorney.com/

My problem is, I made some css changes in wordpress using the edit css page, specifically these changes.

@media (min-width: 360px) and (max-width: 959px) {
  .ciref.outline-outward.left {
    margin-left: 28%;
  }

  .right {
    margin-left: 28%;
  }

  #print_radio {
    word-wrap: break-word;
  }

  #blog-text-title {
    line-height: 36px;
    word-wrap: break-word;
  }

  #tony_media.custom_title1 {
    font-size: 52px !important;
    line-height: initial;
    padding: 1px 3px 3px !important;
  }

  .title2 .text {
    Margin-left: 24%;
  }

  .title2 h2 em {
    margin-top: 10px;
  }

  strong {
    line-height: initial;
  }
}

After these changes were made, half the site lost functionality in its mobile version. The beginning icons lose there clickable action before the resolution of 765, after they work fine. The slideshow does not work at all anymore unless the site is in desktop mode. I tried deleting my changes and reverting back but nothing has fixed it as of yet.

I would appreciate any help, thank you.