img { border: 0; max-width: 100%; }


/** page structure **/
#wrapper_gallery {
  display: block;
  margin: 0 auto;
}

#portfolio {
width:100%;
 padding: 0;
}

#portfolio li {
  display: inline;
  float: left;
  margin:1%;

}
#portfolio li h3 {
 font-family: 'NewsGothCnBTRegular';
 padding-bottom:0px;
 font-size:1.3em;
 text-align:center;
}


#portfolio li a {
  display: block;
  padding:6px;
  background: #e0e0e0;
  color:#000000;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px; 
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
 
}
#portfolio li a:hover {
  display: block;
  padding:6px;
  background: #efefef;
  color:#000000;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px; 
  -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  -moz-box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
  box-shadow: 1px 2px 2px rgba(0,0,0,0.25);
 
}
.portfolio_view {
  display: block;
  padding:1px;

  text-align:center;
  color:#000000;
border-radius: 0px 0px 8px 8px;
-webkit-border-radius: 0px 0px 8px 8px;
-moz-border-radius: 0px 0px 8px 8px; 

 
}

.mfp-title {
  font-size: 1.3em;
  margin-top:0%;
  padding-left:3%;
  color: #fff !important;
  background-color:#000000;
   font-family: 'NewsGothCnBTRegular';

}

/** 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 screen and (max-width: 780px) {
  #portfolio li {
    width: 45%;
  }
}

@media screen and (max-width: 550px) {
  #portfolio { 
    text-align: center;
  }
  
  #portfolio li {
    float: left;
    display: inline-block;
    width:46%;
   

  }
  #portfolio li h3 {
 font-family: 'NewsGothCnBTRegular';
 padding-bottom:5px;
 font-size:1.2em;
 text-align:left;
}
}