@charset "UTF-8";
/* CSS Document */

.gallery_list li {float:left;margin:0 10px 10px 0;}

 .gallery_main{
    margin:0 0 10px;
    position:relative;
}
 .gallery_main p.gallery_caption{
    width:100%;
    color:#fff;
    font-size:14px;
    background:rgba(0,0,0,0.6);
    padding:8px 15px;
    line-height:1.5;
    position:absolute;
    bottom:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
 ul.gallery_thumnail{
    margin:0 0 50px;
}
 ul.gallery_thumnail li{
    letter-spacing:normal;
    float:left;
}
 ul.gallery_thumnail li a{
    display:block;
}


        ul.gallery_thumnail li{
        width:22.975%;
        margin:0 2.7% 2.7% 0;
    }
     ul.gallery_thumnail li:nth-child(4n){
        margin-right:0;
    }
     ul.gallery_thumnail li img{
        width:100%;
        height:auto;
        display:block;
    }


@media all and (max-width:768px) {
   
     .gallery_main p.gallery_caption{
        line-height:1.6;
        padding:6px 10px 6px 10px;
        line-height:1.3;
    }
  .gallery_list {
    display:-webkit-box;
  	display:-ms-flexbox;
  display: flex;
  justify-content: center;
        flex-wrap: wrap;
}
  .gallery_list li {
  margin: 0 8px;
    float: none;
  }
   
    
}