How do I remove a box-shadow effect from an element when another element is hovered?

Just use this css this will work DEMO HERE

.box:hover .inner_box {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}