.col{float:left}.smd1{width:100%}.smd2{width:50%}.smd3{width:33.33333333333333%}.smd4{width:25%}.smd5{width:20%}.smd6{width:16.66666666666667%;float:left;padding:20px}.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;background-color:#000}.hover-effect i{width:50px;height:50px;background-color:#4ab84a;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 .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.hover-effect:hover i{top:50%;margin:-25px 0 0 -25px}.hover-effect:hover i:hover{background-color:#80c1df}.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 .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.hover-effect:hover:after{opacity:.1;width:100%;height:100%;left:0;bottom:0}@media only screen and (max-width:768px){.smd2{width:100%}.smd3,.smd4,.smd5{width:50%}.gutter{padding:5px}}@media only screen and (max-width:480px){.smd2,.smd3,.smd4,.smd5{width:100%}.gutter{padding:5px}.smd4{width:100%}.smd6{width:50%;padding:10px}}