.pp_gallery,
.pp_expand,
.pp_top,
.pp_bottom,
div.pp_default .pp_nav,
div.pp_default .pp_social {
  display: none !important;
}
 
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right {
  background: none !important;
  padding: 0 !important
}
 
.pp_hoverContainer {
  position: absolute;
  top: 0;
  width: 100% !important;
  z-index: 2000;
  height: 100% !important;
}
 
.pp_content_container .pp_details {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 99;
  margin: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
 
.pp_content_container .pp_details p {
  position: absolute !important;
  bottom: 0;
  background: #000;
  opacity: 0.8;
  filter: alpha(opacity=80);
  margin: 0 !important;
  padding: 18px 0 !important;
  color: #FFFFFF !important;
  font-size: 18px !important;
  text-align: center;
  width: 100%;
}
 
.pp_hoverContainer:hover a.pp_next,
.pp_hoverContainer:hover a.pp_previous {
  background: url(/wp-content/themes/nd_budget/gfx/buttons.png) no-repeat left bottom transparent !important;
  width: 50px !important;
  height: 50px !important;
  top: 44% !important;
  position: relative !important;
  z-index: 9999;
}
 
.pp_hoverContainer:hover a.pp_previous {
  background: url(/wp-content/themes/nd_budget/gfx/buttons.png) no-repeat left top transparent !important;
}
 
.pp_content {
  background: none !important;
  width: auto !important;
  height: auto !important;
}
 
div.pp_default .pp_close {
  display: none !important;
  position: absolute !important;
  background: url(/wp-content/themes/nd_budget/gfx/close.png) no-repeat top left !important;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 34px;
  height: 34px;
}
 
#fullResImage {
  width: 100% !important;
  height: auto !important;
}
 
@media screen and (max-width: 768px) {
  .pp_pic_holder.pp_default {
    left: 5% !important;
    width: 90% !important;
  }
  div.pp_default .pp_content_container .pp_left {
    padding: 0 !important;
  }
  .pp_hoverContainer:hover a.pp_next,
  .pp_hoverContainer:hover a.pp_previous {
    top: 34% !important;
  }
  .pp_content_container .pp_details p {
    padding: 8px 0 !important;
    font-size: 14px !important;
  }
  .vc_grid-item.vc_clearfix.vc_col-sm-4.vc_visible-item.fadeIn.animated {
    float: left !important;
    width: 50% !important;
  }
}
