#grid {
}
#grid .grid-item,
#grid .grid-sizer {
    width:33.3%;
}
#grid .grid-item {
    float:left;
    box-sizing:border-box;
    padding:0 5px;
    margin-bottom:10px; /* 2x side padding */
}
#grid .grid-item .item-wrapper {
    height:180px;
    background-size:cover;
    background-position:center;
    position:relative;
}
#grid .grid-item.double-width {
    width:66.6%;
}
#grid .grid-item.double-height .item-wrapper {
    height:370px; /* 2x grid-item height + margin-bottom */
}

#grid .grid-item .icons {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    text-align:right;
    padding:0 10px;
    z-index:999999;
}


.gallery-sliders * {
    box-sizing:border-box;
}
.gallery-sliders .project-item {
    display:block;
    position:relative;
    overflow:hidden;
}
.gallery-sliders .project-item img {
    display:block;
}
.gallery-sliders .gallery-slider,
.gallery-sliders .slider-inner {
    height:100%;
    width:100%;
    position:absolute;
}
.gallery-sliders .gallery-slider {
    overflow:hidden;
    display:block;
}
.gallery-sliders .slider-inner {
    font-size:12px;
    line-height:16px;
    background:rgba(0,143,139,0.8);
    color:#FFF;
    padding:15px;
    z-index:2;
}
.gallery-sliders .slider-date,
.gallery-sliders .slider-location {
    text-transform:uppercase;
    
}
.gallery-sliders .slider-title {
    font-size:22px;
    line-height:24px;
    margin-top:6px;
    margin-bottom:5px;
}
.gallery-sliders .slider-title a {
    color:#FFF;
}
.gallery-sliders .slider-description {
    margin-top:0;
}

@media only screen and (max-width: 959px) {
    #grid .grid-item .item-wrapper {
        height:160px;
    }
    #grid .grid-item.double-height .item-wrapper {
        height:330px; /* 2x grid-item height + margin-bottom */
    }
    .gallery-sliders .slider-inner {
        font-size:14px;
        line-height:18px;
    }
    .gallery-sliders .slider-title {
        font-size:16px;
        line-height:18px;
    }
}
@media only screen and (max-width: 767px) {
    #grid .grid-item .item-wrapper {
        height:200px;
    }
    #grid .grid-item,
    #grid .grid-sizer {
        width:50%;
    }
    #grid .grid-item.double-width {
        width:100% !important;
    }
    #grid .grid-item.double-height .item-wrapper {
        height:410px; /* 2x grid-item height + margin-bottom */
    }
    .gallery-sliders .project-item {
        margin-bottom:20px;
    }
    .gallery-sliders .project-item img {
        margin:0;
    }
    .gallery-sliders .slider-inner {
    }
    .gallery-sliders .slider-title {
        font-size:32px;
        line-height:38px;
    }
}
@media only screen and (max-width: 479px) {
    #grid .grid-item,
    #grid .grid-sizer,
    #grid .grid-item.double-width {
        width:100%;
    }
}