@media only screen and (max-width: 600px) { 
  .pp_content_container {
    width: 95% !important; 
    margin-left: 2.5% !important;
}
.pp_pic_holder.pp_default { width: 100%!important; left: 0!important; overflow: hidden; }
div.pp_default .pp_content_container .pp_left { padding-left: 0!important; }
div.pp_default .pp_content_container .pp_right { padding-right: 0!important; }
.pp_content { width: 100% !important; height: auto!important; }
.pp_fade { width: 100%!important; height: 100%!important; }
a.pp_expand, a.pp_contract, .pp_hoverContainer, .pp_gallery, .pp_top, .pp_bottom { display: none!important; }
#pp_full_res img { width: 100%!important; height: auto!important; }
.pp_details { width: 100%!important; padding-left: 3%; padding-right: 4%; padding-top: 10px; padding-bottom: 10px; background-color: #fff; margin-top: -2px!important; }
a.pp_close { right: 7%!important; top: -13px !important; }
}
@media (max-width: 600px){
  #portfolio .portfolio-item {
    width: 96%;
    box-shadow: 1px 1px 3px #666;
  }
  #portfolio .portfolio-item {
    height: 210px;
  }
  .navbar-brand{
    width: 80%;
  }
  #portfolio .portfolio-item .portfolio-item-inner .portfolio-info {
    opacity: 1 !important;
    padding: 15px !important;
    margin-bottom: -51px;
  }
   .foto-projeto {
    width: 96%;
  }
}
@media (min-width: 601px) and (max-width: 900px) {
#portfolio .portfolio-item {
    width: 48.0%;
    box-shadow: 1px 1px 3px #666;
  }
   #portfolio .portfolio-item{
    height: 200px;
  }
    #portfolio .portfolio-item .portfolio-item-inner .portfolio-info {
    opacity: 1 !important;
    padding: 15px !important;
    margin-bottom: -41px;
  }
  .foto-projeto {
    width: 40.0%;
  }
}
@media only screen and (max-width: 400px) {
    #portfolio .portfolio-filter > li {
      float: left;
      display: block;
      width: 100%;
  }
  #portfolio .portfolio-filter > li:first-child a {
    border-radius: 0 0 0 0;
  }
  #portfolio .portfolio-filter > li:last-child a {
    border-radius: 0 0 0 0;
  }
  #portfolio .portfolio-filter > li a.active:after {
    display: none;
  }
  #footer {
    text-align: center !important;
    padding-bottom: 10px;
  }
  #main-slider {
  margin-top: 1px !important;
  }
}