.portfolio-grid.gutter-very-small li, .blog-grid.gutter-very-small li {padding: 0px 0px }
.portfolio-grid.gutter-small li, .blog-grid.gutter-small li {padding:5px 5px }
.portfolio-grid.gutter-medium li, .blog-grid.gutter-medium li {padding:7px 7px }
.portfolio-grid.gutter-large li, .blog-grid.gutter-large li {padding:10px 10px; }
.portfolio-grid.gutter-extra-large li, .blog-grid.gutter-extra-large li {padding:20px;}
.portfolio-grid.gutter-extra-large, .blog-grid.gutter-extra-large {margin:0 -20px;}
.blog-grid.gutter-large { margin-left: 10px; margin-right:10px;}
.portfolio-grid.gutter-large { margin: 0 10px;}
.portfolio-grid.gutter-very-small, .blog-grid.gutter-very-small {margin:0  }
.portfolio-grid.gutter-small, .blog-grid.gutter-small {margin:0 5px }
.portfolio-grid.gutter-medium, .blog-grid.gutter-medium {margin:0 7px }
/* portfolio 4 column */
.portfolio-grid.work-4col li, .blog-grid.blog-4col li {width: 25%} 
.portfolio-grid.work-4col li.grid-item-double, .blog-grid.blog-4col li.grid-item-double {width: 50%;}
/* portfolio 6 column */
.portfolio-grid.work-6col li, .blog-grid.blog-6col li {width: 12.5%} 
.portfolio-grid.work-6col li.grid-item-double, .blog-grid.blog-6col li.grid-item-double {width: 33.33%;}

/* portfolio 5 column */
.portfolio-grid.work-5col li, .blog-grid.blog-5col li {width: 20%} 
.portfolio-grid.work-5col li.grid-item-double, .blog-grid.blog-5col li.grid-item-double {width: 40%;}



/* portfolio 3 column */
.portfolio-grid.work-3col li, .blog-grid.blog-3col li {width: 33.33%; float: left}
.portfolio-grid.work-3col li.grid-item-double, .blog-grid.blog-3col li.grid-item-double {width: 66.67%;}

/* portfolio 2 column */
.portfolio-grid.work-2col li, .blog-grid.blog-2col li {width: 50%}
.portfolio-grid.work-2col li.grid-item-double, .blog-grid.blog-2col li.grid-item-double {width: 100%}

/* portfolio 1 column */
.work-1col .portfolio-grid li {width: 100%}


/* portfolio grid */
.portfolio-grid { list-style: none; padding: 0; margin: 0;}
.portfolio-grid .grid-item figure {margin: 0; position: relative; overflow: hidden}
.portfolio-grid .grid-item figure img {display: block; width: 100%; cursor: pointer; }
.portfolio-grid .grid-item {opacity: 1;overflow: hidden;}
.portfolio-grid .grid-item figure img {cursor: pointer; display: block; opacity: 1; width: 100%; transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figcaption {bottom:0; left:0; opacity: 0; position: absolute; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; width: 100%; height: 100%; padding:45px; z-index: 1; text-align: center;display:flex;align-items:center;}
.portfolio-grid .grid-item figure:hover .portfolio-img {transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figure .portfolio-img { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figure:hover img { opacity: 0.15; transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.portfolio-grid .grid-item figure:hover figcaption {opacity: 1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.container .hover-option4 .grid-item figcaption {padding: 30px;}