#portfolio {
  display: block;padding:0px; margin-left:0px; 
}

#portfolio li {
  display: block; width:100%; height:auto;
  float: left;
  margin:0 15px 15px 0;
 
}

#portfolio li a {
  display: block;
}
#portfolio li a:hover { opacity:.5;
}


.mfp-title {
  font-size: 1.2em;
  color: #ddd !important;
  font-weight: 700;
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/** media queries **/

@media all and (max-width: 768px)
{
	#portfolio li {
  display: block; width:100%; height:auto;
  float: left;
  margin:0 5px 5px 0px;
 
}

}


@media all and (max-width: 360px)
{
	#portfolio li {
  display: block; width:100%; height:auto;
  float: left;
  margin:0 5px 5px 0px;
 
}

}