Need to Remove Padding around gallery image

Site URL: http://www.thechicode.com

Hello, 

If you look at the website homepage youll notice the two images with booking and subscribing on them, and they are beside each other with no space in between. When you switch to mobile view however, there is a 30px padding below the subscribe image. I've tried to remove the padding, but can't figure out the right code. I want there to be no space in between, just like desktop view. 

Thank you for your help in advanced. 

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.gallery-masonry-item {
	padding-bottom: 0 !important;
}
}