.gallery_area{background:#fff;float:left;padding:0 10px 40px;width:100%}.gallery_area .gallery-box{float:left;padding:15px;position:relative;text-align:center;width:25%}.gallery_area .gallery-box .gallery_box_inner{float:left;width:100%}.gallery_area .gallery-box:before{background:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-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}.gallery_area .gallery-box:after,.gallery_area .gallery-box:before{bottom:50%;content:"";left:50%;opacity:0;position:absolute;right:50%;top:50%}.gallery_area .gallery-box:after{border:2px solid #ffd34b;-webkit-border-radius:100%;-moz-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-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}.gallery_area .gallery-img{background-position:50%;background-repeat:no-repeat;background-size:cover;height:230px}.gallery_area .gallery-icon{background:#ffd34b;-webkit-border-radius:100px;-moz-border-radius:100px;-o-border-radius:100px;-ms-border-radius:100px;border-radius:100px;color:#fff;font-size:18px;height:40px;left:50%;line-height:39px;opacity:0;position:absolute;top: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-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;width:40px;z-index:1}.gallery_area .gallery-box:hover:before{bottom:0;left:0;opacity:.89;right:0;top:0}.gallery_area .gallery-box:hover:after,.gallery_area .gallery-box:hover:before{-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{bottom:10px;left:10px;opacity:1;right:10px;top:10px}.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{display:inline-block;float:none;max-width:400px;width:100%}}