.gallery * {
    box-sizing: border-box;
}

.gallery ul {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.gallery ul li {
    display: inline-block;
    list-style-type: none;
    float: left;
    text-align: center;
    margin: 0.3em;
}

.gallery ul li:hover {
    opacity: 0.8;
}

.gallery ul li a {
    display: block;
}

.gallery ul li a img {
    max-width: 100%;
    height: auto;
}

.gallery ul li .caption {
    display: block;
}

.gallery ul li.clearfix {
    *zoom: 1;
}

.gallery ul {
    *zoom: 1;
}
.gallery ul:before,
.gallery ul:after {
    content: ' ';
    display: table;
}
.gallery ul:after {
    clear: both;
}