#projects-list {
  list-style-type: none;
  position: relative; /** Needed to ensure items are laid out relative to this container **/
  margin: 0;
  padding: 0;
  width:100%;
}

/**
 * Grid items
 */
#projects-list li {

  display: none; /** Hide items initially to avoid a flicker effect **/
  cursor: pointer;
  width:48.8%;
  overflow:hidden;
}

#projects-list li.inactive {
  visibility: hidden;
  opacity: 0;
}

#projects-list li img {
  display: block;
  max-width:100%;
}

/**
 * Grid item text
 */
#projects-list li p {
  color: #888;
}
/**
 * Grid items animation
 */
#projects-list li {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
}

.wookmark-placeholder {
  -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
       -o-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
		  z-index:-1;
}

/**
 * Filters
 */
#sort {
  list-style-type: none;
  margin: 0 ;
  padding:0;
  border-bottom:1px solid #ddd;
  
}

#sort li {
  display:inline-block;
  *zoom:1;
  *display:inline;
  cursor: pointer;
  margin-right: 20px ;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
 color:#333;
 font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;line-height:120%;font-weight:normal; font-size:18px;
 margin-bottom:20px;
}

#sort li:hover {
  color: #48AD47;
}

#sort li.active {
  color: #48AD47;
}
@media(max-width:1400px){ #projects-list li {  width:47%; overflow:hidden;}}
@media(max-width:1200px){
#projects-list li {  width:45%;}
}
@media(max-width:767px){
#projects-list li {  width:100%;}
}