// ----------------------------------------------------------------
//		Project Specific: Browse Websites Gallery
// ----------------------------------------------------------------

.website-Gallery{
  list-style:none;
  padding:30px 24px;
  
  li{
    @extend .col-25;
    float:left;
    margin-bottom:$spacing*2;
    
    @media (max-device-width:480px), screen and (max-width:800px){
      width:50%
    }
  }
  
  li a {
    display:block;
  }
  .site-info a {
    color: #666;
    font-size: 80%;
  }
  .title {
    margin-top: 8px;
    margin-bottom: 2px;
  }
  
  &.int-Gall{
    
    li {
      margin:0 .5% 12px;
      width:24%;
      
      background-color: white;
      border: 9px solid white;
      -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
      box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.3);
      
      @media (max-device-width:480px), screen and (max-width:800px){
        width:49%
      }
    }
  }
}

.neo-SS, .z{
  border: 4px solid #eee;
  display:block;
  height:auto!important;
  position:relative;
  width:100%;
}

.img-Holder{
  -moz-background-size:cover!important;
  -webkit-background-size:cover!important;
  background-size:cover!important;
  display:block;
}
.hp-Gallery img, .neo-Screen-Shot img{
  width:100%
}
.hp-Gallery { 
  padding: 0px;
  margin-bottom: 0;
  
  li {
    width: 14%;
    margin-right: 1.5%;
    margin-bottom: 0;
  }
  li:last-child {
    margin-right: 0;
  }
}