#hover_full_background {
  display: none;
  background: rgba(0,0,0,0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 12;
}
.hover_box {
  background: #fff;
  position: absolute;
  display: none;
  z-index: 13;
  top: 0;
  left: 0;
  padding: 5px;
  width: 350px;
  box-shadow: -15px 0px 15px 0px rgba(0,0,0,0.6);
}
.hover_container {
  z-index: 13;
  position: relative;
  display: inline-block;
}
.hover_outer_cont {
  position: relative;
}
@media (max-width: 479px) {
  .hover_box {
    width: 100%;
    left: 0;
  }
}