How do I minimize the space in between each portfolio item?

Hi,

Can someone tell me how to minimize the spaces in between each portfolio item? It was okay until I edited the slider page (which should be irrelevant to this.)

Here is my site.
https://www.tokyoluxe.com/?page_id=801

Basically, I would want to minimize the gap between fine dining and unique local experiences.

This is what I have so far.

* ---------------- PORTFOLIO STYLES ------------ */

#gallery_prettyphoto.portfolio
{padding: 0 0 20px 0;
overflow: hidden;
}

#gallery_prettyphoto.portfolio ul li
{
display: inline-block;
height: 400px;
margin-bottom:35px;

}

#gallery_prettyphoto.portfolio ul li a img
{border: none;}

#gallery_prettyphoto.portfolio ul li h3 a
{text-decoration: none;}

 #gallery_prettyphoto.portfolio ul li p
 {margin: 10px 0 15px 0;}

 #gallery_prettyphoto.portfolio ul li a.more-link
 {-moz-border-radius: 3px; /* FF1-3.6 */
  -webkit-border-radius: 3px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
   border-radius: 3px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
border: 1px solid #2C2C2C;
background: #111111;
text-align: center;
padding: 3px 10px;
width: 80px;
display: block;
color: white;
text-decoration: none;}

 #gallery_prettyphoto.portfolio ul li a.more-link:hover
 {background: #222222;}

#gallery_prettyphoto.portfolio a span
{
z-index: 2000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none;
cursor: pointer;
}

.portfolio .gallery_2columns a
{position: relative;
display: block;}

.portfolio .gallery_3columns a
{position: relative;
display: block;}

.portfolio .gallery_2columns a span.image_hover
{background: black url(images/gallery_hover/hover_image_big.png) no-repeat center center;
}

.portfolio .gallery_2columns a span.video_hover
{background: black url(images/gallery_hover/hover_video_big.png) no-repeat center center;
}

.portfolio .gallery_3columns a span.image_hover
{background: black url(images/gallery_hover/hover_image_medium.png) no-repeat center center;
}

.portfolio .gallery_3columns a span.video_hover
{background: black url(images/gallery_hover/hover_video_medium.png) no-repeat center center;
}

.portfolio .gallery_3columns p {width: 210px;}

———
Can someone help?