.col{float:left}.smd1{width:100%}.smd2{width:50%}.smd3{width:33.33333333333333%}.smd4{width:25%}.smd5{width:20%}.gutter{padding:15px}.grid{width:100%;float:left;margin:0;padding:0;list-style:none}.grid ul{padding:0;margin:0;list-style:none;width:100%;float:left}.grid li{display:block;margin:0;float:left;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.hover-effect{width:100%;float:left;position:relative;overflow:hidden}.rounded{border-radius:50%}.rounded img{border-radius:50%}.hover-effect i{width:50px;height:50px;background-color:#FFA192;color:#fff;position:absolute;left:50%;top:-100px;z-index:1;line-height:50px;text-align:center;margin:0 0 0 -25px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.hover-effect:hover i{top:50%;margin:-25px 0 0 -25px}.hover-effect:hover i:hover{background-color:#000}.hover-effect img{display:block;-moz-transition:all 7s ease;-o-transition:all 7s ease;-webkit-transition:all 7s ease;transition:all 7s ease;width:100%}.hover-effect:hover img{-moz-transform:scale(1.5,1.5);-ms-transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);transform:scale(1.5,1.5)}.hover-effect:after{background:#FFF;width:0;height:0;position:absolute;left:50%;bottom:50%;content:'';opacity:.7;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}.hover-effect:hover:after{opacity:.1;width:100%;height:100%;left:0;bottom:0}.rounded:after{border-radius:50%!important}@media only screen and (max-width:768px){.smd2,.smd3,.smd4,.smd5{width:50%}}@media only screen and (max-width:480px){.smd2,.smd3,.smd4,.smd5{width:100%}.smd4{width:100%}.gutter{padding:15px 5px}}@media only screen and (max-width:360px){.smd4{width:100%}}