.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%;
}

/** page structure **/
.pic_gallery {
  display: block;
}
 
.pic_gallery li {
    display: block;
    float: left;
    width: 23%;
    max-width: 400px;
    margin-right: 20px;
}
 
.pic_gallery li a {
  display: block;
  overflow:hidden;
}

/** OWL Carousel **/
.pic_carousel li {
  list-style-type: none;
}

/** media queries **/
@media only screen and (min-width: 800px) { 
  .pic_gallery li { margin: 0 10px 0 0 !important; }
  .pic_gallery li a img { width:100%; }
}

@media only screen and (max-device-width: 800px), only screen and (device-height: 600px), only screen and (orientation: landscape) { 
  .pic_gallery li a img { width:100%; }
}

@media screen and (max-width: 799px) {
  .pic_gallery li { width: auto;margin-right: 10px; }
  .pic_gallery li a { display:inline-block; }
  .pic_gallery li a img { width:100%;height:auto !important; }
}
 
@media screen and (max-width: 480px) {
  .pic_gallery { text-align: center;  }
  .pic_gallery li { width: 30% !important; margin-bottom: 20px; }
}

@media screen and (max-width: 425px) {
  .pic_gallery { text-align: center;  }
  .pic_gallery li { width: auto !important; margin-bottom: 20px; }
}