.gallery .gallproj {
    background-color:#222;
    padding:5px 10px;
    color:#fff;
    position:relative;
    z-index:2;
    display:table;
    font-weight:bold;
    border-radius:5px;
    margin-left:20px;
}

.gallery .gallbox {
    border:2px solid #222;
    margin-top:-15px;
    border-radius:5px;
}

.gallery .gallcat {
    background-color:#fff;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.15);
    border-radius:5px;
}

.gallery .gallcat span {
    font-size:24px;
    font-weight:500;
    padding:20px;
    transition:all .3s;
    cursor:pointer;
    border-radius:5px;
}

.gallery .gallcat span .arrowdown {
    background-image:url('images/down-arrow.png');
    background-repeat:no-repeat;
    background-position:top -32px center;
    width:32px;
    height:32px;
    transition:all .3s;
}

.gallery .gallcat span:hover .arrowdown {
    background-position:top center;
}

.gallery .gallcat span:hover {
    background-color:#d89c1e;
}

.gallery .gallinner {
    display:none;
}

.gallery .gallpics {
    padding:20px;
    padding-bottom:0;
}

.gallery .gallactive {
    border-bottom:1px solid #ddd;
    border-bottom-left-radius:0 !important;
    border-bottom-right-radius:0 !important;
    background-color:#eee !important;
}

.gallery .gallactive .arrowdown {
    background-position:top center !important;
    transform:rotate(180deg);
}

.gallery .imgbox {
    cursor:pointer;
    transition:all .3s;
    width:23%;
    height:10vw;
    background-size:cover;
    background-position:center center;
    position:relative;
    margin-bottom:20px;
}

.gallery .imgbox .imgcover {
    background-color:#222;
    opacity:.33;
    transition:all .3s;
    height:100%;
    weight:100%;
}

.gallery .imgbox:hover .imgcover {
    opacity:0;
}

.gallery .gallinactive {
    border-color:#ddd;
}

@media only screen and (max-width: 1000px) {
	.gallery .imgbox {
        height:20vw;
        width:32%;
    }
}

@media only screen and (max-width: 800px) {
	.gallery .imgbox {
        height:25vw;
        width:48%;
    }
}

@media only screen and (max-width: 400px) {
	.gallery .imgbox {
        height:40vw;
        width:100%;
    }
}