.gallery_area{width:100%;float:left;padding:0px 10px 40px 10px;background:#fff}.gallery_area .gallery-box{width:25%;padding:15px;float:left;text-align:center;position:relative}.gallery_area .gallery-box .gallery_box_inner{width:100%;float:left}.gallery_area .gallery-box:before{content:'';position:absolute;top:50%;bottom:50%;left:50%;right:50%;background:#fff;opacity:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%}.gallery_area .gallery-box:after{content:'';position:absolute;top:50%;bottom:50%;left:50%;right:50%;border:2px solid #ffd34b;opacity:0;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%}.gallery_area .gallery-img{height:230px;background-size:cover;background-position:center center;background-repeat:no-repeat}.gallery_area .gallery-icon{width:40px;height:40px;line-height:39px;font-size:18px;color:#fff;background:#ffd34b;position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;border-radius:100px;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;opacity:0;z-index:1}.gallery_area .gallery-box:hover:before{opacity:.89;top:0;bottom:0;left:0;right:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;-ms-border-radius:0;border-radius:0}.gallery_area .gallery-box:hover:after{opacity:1;top:10px;bottom:10px;left:10px;right:10px;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;-ms-border-radius:0;border-radius:0}.gallery_area .gallery-box:hover .gallery-icon{opacity:1}@media(min-width:992px) and (max-width:1240px){.gallery_area .gallery-box{width:33.33%}}@media(min-width:768px) and (max-width:991px){.gallery_area .gallery-box{width:50%}}@media(min-width:30px) and (max-width:767px){.gallery_area{text-align:center}.gallery_area .gallery-box{width:100%;max-width:400px;float:none;display:inline-block}}