.photos_component{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;margin-bottom:10px}
@media screen and (max-width:768px){.photos_component{width:calc( 100% - 20px);margin-left:10px;margin-right:10px}
}
.photos_component .photo_block_inner{position:relative;width:100%;padding-bottom:100%}
.photos_component .photo_block_img_wrap{position:absolute;top:0;left:0;width:100%;padding-top:100%}
.photos_component .photo_block_img_wrap img{position:absolute;top:0;left:0;width:100%;height:auto}
.photos_component .photo_block_text{position:absolute;top:0;left:0;width:100%;padding-top:100%;background-color:rgba(0,0,0,0.75);opacity:0;transition:opacity .3s ease-in-out}
@media screen and (max-width:768px){.photos_component .photo_block_text{display:none}
}
.photos_component .photo_block_text_inner{position:absolute;width:100%;top:50%;transform:translateY(-50%);color:#fff;box-sizing:border-box;padding:10px;text-align:center}
.photos_component .photo_block{width:calc( 100% / 7)}
.photos_component .photo_block.block_pc_1{width:calc( 100% )}
.photos_component .photo_block.block_pc_2{width:calc( 100% / 2)}
.photos_component .photo_block.block_pc_3{width:calc( 100% / 3)}
.photos_component .photo_block.block_pc_4{width:calc( 100% / 4)}
.photos_component .photo_block.block_pc_5{width:calc( 100% / 5)}
.photos_component .photo_block.block_pc_6{width:calc( 100% / 6)}
.photos_component .photo_block.block_pc_7{width:calc( 100% / 7)}
.photos_component .photo_block.block_pc_8{width:calc( 100% / 8)}
.photos_component .photo_block.block_pc_9{width:calc( 100% / 9)}
@media screen and (max-width:800px){.photos_component .photo_block.block_mobile_1{width:calc( 100% )}
.photos_component .photo_block.block_mobile_2{width:calc( 100% / 2)}
.photos_component .photo_block.block_mobile_3{width:calc( 100% / 3)}
.photos_component .photo_block.block_mobile_4{width:calc( 100% / 4)}
.photos_component .photo_block.block_mobile_5{width:calc( 100% / 5)}
.photos_component .photo_block.block_mobile_6{width:calc( 100% / 6)}
.photos_component .photo_block.block_mobile_7{width:calc( 100% / 7)}
.photos_component .photo_block.block_mobile_8{width:calc( 100% / 8)}
.photos_component .photo_block.block_mobile_9{width:calc( 100% / 9)}
}
.photos_component .photo_block:hover .photo_block_text{opacity:1}
@media screen and (max-width:768px){.photos_component .photo_block{width:calc( 100% / 4);margin-bottom:10px}
}
@media screen and (max-width:800px){.com_container [class*="col-"] .photos_component img{max-width:none;margin-left:0;margin-right:0}
}